Shorting a row class in html using CSS - html

Question

I am working on a HTML file where there is a row class(id="new-row") and inside the row there is a column (id="BillSum"). Now there are contents in the row/ specifically in the column of the row. I want to decrease the height of the row/the column inside the row but the CSS properties I specified isn't working. Can someone please tell where is the problem and what is the solution? I am pasting the code.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap#4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="row" id="new-row">
<div class="col-lg-7"></div>
<div class="col-lg-5" id="BillSum">
<div id="bs" class="flex bg-gray-200">
<label>Bill Summary</label>
</div>
<div class="row" id="st-id">
<label>Sub total</label>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">$</span>
<input type="text" id="st" name="Sub total" class="form-control Subtotal" placeholder="0.00" aria-label="Username" aria-describedby="basic-addon1"></td>
</div>
<!-- <input type="text" id="st" name="Sub total" class="form-control Subtotal" value="0"> -->
</div>
<div class="row" id="tax-id">
<label>Tax</label>
<div class="col=lg-6">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">%</span>
<input type="text" id="tax1" name="tax1" class="form-control tax1" placeholder="Enter Tax %" aria-label="Username" aria-describedby="basic-addon1" onkeyup="calculate(this.value);"></td>
<input type="text" id="tax2" name="tax2" class="form-control tax2" placeholder="" aria-label="Username" aria-describedby="basic-addon1">
</div>
<!-- <input type="text" id="tax1" name="tax1" class="form-control tax1" placeholder="Enter Tax %" onkeyup="calculate(this.value);"> -->
<!-- </div>
<div class="col=lg-6">
<input type="text" id="tax2" name="tax2" class="form-control tax2">
</div> -->
</div>
</div>
<div class="row" id="dis-id">
<label>Discount(-)</label><br>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">$</span>
<input type="text" id="discBill" name="Discount_Bill" class="form-control disc1st" aria-label="Username" aria-describedby="basic-addon1" onkeyup="calculate(this.value);"></td>
</div>
<!-- <input type="text" id="discBill" name="Discount_Bill" class="form-control disc1st" onkeyup="calculate(this.value);"> -->
</div>
<div class="row" id="np-id">
<label>Net payable</label><br>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">$</span>
<input type="text" id="net_payable" name="Net_Payable" class="form-control disc2st" aria-label="Username" aria-describedby="basic-addon1"></td>
</div>
<!-- <input type="text" id="net_payable" name="Net_Payable" class="form-control disc2st"> -->
</div>
<div class="row" id="ra-id">
<label>Received amount</label><br>
<input type="text" id="received_amount" name="Received_amount" class="form-control ra" placeholder="Enter payment amount">
</div>
<div class="row" id="pv-id">
<label>Payvia</label><br>
<select class="form-control">
<option>Select</option>
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>
<div class="row" id="remarks">
<label>Remarks</label><br>
<input type="text" name="Sub total" class="form-control" placeholder="Write your remarks">
</div>
</div>
</div>