diff --git a/app/Views/policy_transaction_endorsement_form_2.php b/app/Views/policy_transaction_endorsement_form_2.php
index 94180c52..b032e005 100644
--- a/app/Views/policy_transaction_endorsement_form_2.php
+++ b/app/Views/policy_transaction_endorsement_form_2.php
@@ -189,7 +189,7 @@
             <div class="card-body">
                 <div class="row" style="margin-bottom:1rem;">
                     <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">Add Endorsement</h4>
+                        <h4 id="page_title" style="position: relative;">Add Endorsement</h4>
                     </div>
                     <div class="col-6" style="text-align: right;">
                         <a href="<?= base_url('policy_tranction/endorsement/list2') ?>" id="btnAdd" class="btn btn-primary waves-effect waves-light"
@@ -2166,7 +2166,7 @@
                                             </div>
                                         </div>
 
-                                        <div class="form-row mb-2 card_group_7" style="display:none;">
+                                        <div class="form-row mb-2 card_group_7">
                                             <div class="col-6"><label class="card_label_7">Base </label></div>
                                             <div class="col-6">
                                                 <input type="text" class="form-control right-align-input" id="co_premium_${insurerCount}" name="co_premium[]" oninput="amountCalculation('${insurerCount}')" onkeypress="return onlyNumbers(event)">
@@ -2234,31 +2234,31 @@
                                         <div class="form-row">
                                             <div class="col-12">
                                                 <div class="form-row mb-1 text-success small font-weight-bold">
-                                                    <div class="col-4">Remuneration</div> 
-                                                    <div class="col-4"></div>
-                                                    <div class="col-4 hidetp"></div>
-                                                    <div class="col-4 hideter" style="display:none;"></div>
+                                                    <div class="col-4 csslabel">Remuneration</div> 
+                                                    <div class="col-4 cssbp"></div>
+                                                    <div class="col-4 hidetp csstp"></div>
+                                                    <div class="col-4 hideter csstep" style="display:none;"></div>
                                                 </div>
                                             </div>
 
                                             <div class="col-12">
                                                 <div class="form-row mb-2 align-items-center">
-                                                    <div class="col-4"><label class="card_label_14">Agreed (%)</label></div>
-                                                    <div class="col-4 card_group_14">
+                                                    <div class="col-4 csslabel"><label class="card_label_14">Agreed (%)</label></div>
+                                                    <div class="col-4 card_group_14 cssbp">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">BP &nbsp; </span>
                                                             <input type="text" class="form-control right-align-input input-content" id="agreed_bp_${insurerCount}" name="agreed_bp[]" oninput="amountCalculation('${insurerCount}'); validateRange(this)" onkeypress="return onlyNumbers(event)" >
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_15 hidetp">
+                                                    <div class="col-4 card_group_15 hidetp csstp">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">TP &nbsp; </span>
                                                             <input type="text" class="form-control right-align-input input-content" id="agreed_tp_${insurerCount}" name="agreed_tp[]" oninput="amountCalculation('${insurerCount}'); validateRange(this)" onkeypress="return onlyNumbers(event)">
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_16 hideter" style="display:none;">
+                                                    <div class="col-4 card_group_16 hideter csstep" style="display:none;">
                                                         <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp; </span>
                                                             <input type="text" class="form-control right-align-input input-content" id="agreed_tep_${insurerCount}" name="agreed_ter[]" oninput="amountCalculation('${insurerCount}'); validateRange(this)" onkeypress="return onlyNumbers(event)" >
@@ -2281,22 +2281,22 @@
 
                                             <div class="col-12">
                                                 <div class="form-row mb-2 align-items-center">
-                                                    <div class="col-4"><label class="card_label_18">Standard</label></div>
-                                                    <div class="col-4 card_group_18">
+                                                    <div class="col-4 csslabel"><label class="card_label_18">Standard</label></div>
+                                                    <div class="col-4 card_group_18 cssbp">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">BP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-color right-align-input input-content" id="standard_bp_${insurerCount}" name="standard_bp[]" onkeypress="return onlyNumbers(event)" readonly>
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_19 hidetp">
+                                                    <div class="col-4 card_group_19 hidetp csstp">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">TP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-color right-align-input input-content" id="standard_tp_${insurerCount}"  name="standard_tp[]" onkeypress="return onlyNumbers(event)" readonly >
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_20 hideter" style="display:none;">
+                                                    <div class="col-4 card_group_20 hideter csstep" style="display:none;">
                                                         <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-color right-align-input input-content" id="standard_tep_${insurerCount}" name="standard_ter[]" onkeypress="return onlyNumbers(event)" readonly></td>
@@ -2320,22 +2320,22 @@
 
                                                 <div class="col-12">
                                                     <div class="form-row mb-2 align-items-center">
-                                                        <div class="col-4"><label class="card_label_24">Actual (%)</label></div>
-                                                        <div class="col-4 card_group_24">
+                                                        <div class="col-4 csslabel"><label class="card_label_24">Actual (%)</label></div>
+                                                        <div class="col-4 card_group_24 cssbp">
                                                             <div class="input-wrap mr-2">
                                                                 <span class="input-prefix">BP &nbsp;</span>
                                                                 <input type="text" class="form-control readonly-select right-align-input input-content" id="actual_bp_per_${insurerCount}" name="actual_bp_per[]" onchange="actualAmountCalculation('${insurerCount}', 'bp_per')" onkeypress="return onlyNumbers(event)">
                                                                 <span class="input-symbol">%</span>
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_22 hidetp">
+                                                        <div class="col-4 card_group_22 hidetp csstp">
                                                             <div class="input-wrap mr-2">
                                                                 <span class="input-prefix">TP &nbsp;</span>
                                                                 <input type="text" class="form-control readonly-select right-align-input input-content" id="actual_tp_per_${insurerCount}" name="actual_tp_per[]" onchange="actualAmountCalculation('${insurerCount}', 'tp_per')"  onkeypress="return onlyNumbers(event)">
                                                                 <span class="input-symbol">%</span>
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_23 hideter" style="display:none;">
+                                                        <div class="col-4 card_group_23 hideter csstep" style="display:none;">
                                                             <div class="input-wrap">
                                                                 <span class="input-prefix">TEP &nbsp;</span>
                                                                 <input type="text" class="form-control readonly-select right-align-input input-content" id="actual_tep_per_${insurerCount}" name="actual_tep_per[]" onchange="actualAmountCalculation('${insurerCount}', 'tep_per')"  onkeypress="return onlyNumbers(event)">
@@ -2347,20 +2347,20 @@
                                                 ` : ''}
                                                 <div class="col-12">
                                                     <div class="form-row mb-2 align-items-center">
-                                                        <div class="col-4"><label class="card_label_21">Actual brokerage Amount</label></div>
-                                                        <div class="col-4 card_group_21">
+                                                        <div class="col-4 csslabel "><label class="card_label_21">Actual Amount</label></div>
+                                                        <div class="col-4 card_group_21 cssbp">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">BP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_bp_brokerage_amt_${insurerCount}" name="actual_bp_brokerage_amt[]" onchange="actualAmountCalculation('${insurerCount}', 'bp_broker_amt')" onkeypress="return onlyNumbers(event)">
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_22 hidetp">
+                                                        <div class="col-4 card_group_22 hidetp csstp">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">TP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_tp_brokerage_amt_${insurerCount}" name="actual_tp_brokerage_amt[]" onchange="actualAmountCalculation('${insurerCount}', 'tp_broker_amt' )" onkeypress="return onlyNumbers(event)">
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_23 hideter" style="display:none;">
+                                                        <div class="col-4 card_group_23 hideter csstep" style="display:none;">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_tep_brokerage_amt_${insurerCount}" name="actual_tep_brokerage_amt[]" onchange="actualAmountCalculation('${insurerCount}', 'tep_broker_amt')" onkeypress="return onlyNumbers(event)">
@@ -2449,38 +2449,68 @@
         // Instead of manipulating global classes like $('.hideter').show(), we manipulate classes on the card elements.
         
         // General reset/hide for the current card
-            if(allocg == "EB"){
-                $('.hideter').hide();
-                $('.hidetp').hide();
-                $('.hidecoter').hide()
-                $('.hidecotp').hide()
-            }else{
+        console.log(allocg);
+        console.log("*(");
+        var $allPremiumCols = $('.csslabel, .cssbp , .csstp,.csstep');
 
-                $('.hidetp').show();
-                if(is_co_pay_yes == 1){
-                    $('.hidecotp').show();
-                    $('#table_tr_7').show();
-                    $('#table_tr_35').show();
-                    $('#table_tr_3').show();
-                }else{
-                    $('.hidecotp').hide();
-                    $('#table_tr_7').hide();
-                    $('#table_tr_35').hide();
-                    $('#table_tr_3').hide();
-                }
+        if (allocg == "EB") {
+            // ----------------------------------------------------
+            // CASE: 2 Columns Visible (Label, BP)
+            // Goal: Both must be col-6 to fill the row (6 + 6 = 12)
+            // ----------------------------------------------------
+            $('.hideter').hide();
+            $('.hidetp').hide();
+            $('.hidecoter').hide();
+            $('.hidecotp').hide();
 
-                if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
-                    $('.hideter').show();
-                    if(is_co_pay_yes == 1){
-                        $('.hidecoter').show();
-                    }else{
-                        $('.hidecoter').hide();
-                    }
-                }else{
-                    $('.hideter').hide();
-                }
+            // Select ONLY the currently visible columns and set them to col-6
+            // Since TP and TEP have the hidetp/hideter classes, they are hidden and excluded by :visible.
+            $allPremiumCols.filter(':visible').removeClass('col-3 col-4').addClass('col-6');
+            
+        } else {
+            // TP column is visible here
+            $('.hidetp').show();
+            
+            if (is_co_pay_yes == 1) {
+                $('.hidecotp').show();
+                $('#table_tr_7').show();
+                $('#table_tr_35').show();
+                $('#table_tr_3').show();
+            } else {
+                $('.hidecotp').hide();
+                $('#table_tr_7').hide();
+                $('#table_tr_35').hide();
+                $('#table_tr_3').hide();
             }
 
+            if (bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull') {
+                // ----------------------------------------------------
+                // CASE: 4 Columns Visible (Label, BP, TP, TEP)
+                // Goal: All must be col-3 (3 + 3 + 3 + 3 = 12)
+                // ----------------------------------------------------
+                $('.hideter').show();
+                
+                if (is_co_pay_yes == 1) {
+                    $('.hidecoter').show();
+                } else {
+                    $('.hidecoter').hide();
+                }
+
+                // Action for 4 visible columns: Select ALL and set them to col-3
+                $allPremiumCols.removeClass('col-4 col-6').addClass('col-3');
+                
+            } else {
+                // ----------------------------------------------------
+                // CASE: 3 Columns Visible (Label, BP, TP)
+                // Goal: All three must be col-4 (4 + 4 + 4 = 12)
+                // ----------------------------------------------------
+                $('.hideter').hide();
+                
+                // Action for 3 visible columns: Select ONLY visible and set them to col-4
+                // TEP is hidden and excluded by :visible.
+                $allPremiumCols.filter(':visible').removeClass('col-3 col-6').addClass('col-4');
+            }
+        }
         // --- 3. Set Standard Percentages ---
         var std_bp = 0;
         var std_tp = 0;
@@ -2973,7 +3003,7 @@
         
         if (tpValueField) {
             tpValueField.forEach((field) => { field.value = inputValue; });
-            console.log("Updated", tpValueFields.length, "hidden tp premiums");
+            console.log("Updated", tpValueField.length, "hidden tp premiums");
         } else {
             console.error("Error: Element with class '.tp_value' not found.");
         }
diff --git a/app/Views/policy_transaction_inception_form_2.php b/app/Views/policy_transaction_inception_form_2.php
index edbfa453..365c1594 100644
--- a/app/Views/policy_transaction_inception_form_2.php
+++ b/app/Views/policy_transaction_inception_form_2.php
@@ -318,7 +318,7 @@
                         <div class="col-1" style="text-align: right; position: relative; left: 193px;">
                             <a href="<?= base_url('policy_tranction/inception/list2') ?>" type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light">Back</a>
                         </div>
-                    </div>
+                    </div><!-- row -->
                     <form role="form" class="parsley-examples" method="post" id="inception_form_id" enctype="multipart/form-data">
 
                         <input type="hidden" name="id" id="policy_tranction_primarykey">
@@ -520,10 +520,10 @@
                                     </div>
                                 </div>
                             </div>
-                        </div> 
+                        </div> <!-- default_row -->
 
                         <!-- Vehicle Quick Add DIV -->
-                        <div class="row" id="vehicle_row_div"></div>
+                        <div class="row" id="vehicle_row_div"></div><!-- vehicle_row_div -->
                         
                         <!-- Client Details Row -->
                         <div class="row">
@@ -535,8 +535,8 @@
                                         <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
                                             aria-expanded="true">
                                             <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
-                                        </a>
-                                    </label>
+                                        </a><!-- toggleIcon -->
+                                    </label><!-- policyAccordion -->
                                     <div class="card mb-1">
                                         <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_0">
                                             <div class="card-body">
@@ -581,7 +581,7 @@
                                                         </select>
                                                     </div> -->
 
-                                                </div>
+                                                </div><!-- actcual_clients -->
 
                                                 <div class="row" id="policyholdernamediv" style="display: none;">                                        
                                                     <div class="form-group col-md-3">
@@ -597,7 +597,7 @@
                                                         <label for="same_as_proposer"
                                                             style="position: relative;top: 31px;left: 17px;">Insured (Same as Proposer)</label>
                                                     </div>
-                                                </div>
+                                                </div><!-- policyholdernamediv -->
                                                 <div class="row" id="family_details" style="display: none;">
                                                     <div class="col-md-12">
                                                         <div class="form-section">
@@ -605,16 +605,16 @@
                                                             <div id="dynamic-form-container-for-insured"></div>
                                                         </div>
                                                     </div>
-                                                </div> 
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
+                                                </div> <!-- family_details -->
+                                            </div><!-- card-body -->
+                                        </div><!-- collapseOne -->
+                                    </div><!-- card mb-1 -->
+                                </div><!-- accordion_0 closed -->
+                            </div> <!-- Section 1 closed -->
+                        </div><!-- Client Details Row closed -->
 
                         <!-- Client Quick Add DIV -->
-                        <div class="row" id="client_row_div"></div>
+                        <div class="row" id="client_row_div"></div><!-- client_row_div -->
             
                         <!-- Sales Row -->
                         <div class="row" id="sales_row" style="display: none;">
@@ -629,153 +629,136 @@
                                     </label>
                                     <div class="card mb-1">
                                         <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_2">
-                                        <div class="card-body">
-                                            <div class="row">
+                                            <div class="card-body">
+                                                <div class="row">
 
-                                                <div class="form-group col-md-12" id="renewal" style="display: none;">
-                                                    <label for="addon_policy"> Renewal Source Policy <span id="base_danger"class="text-danger"></span></label>
-                                                    <select class="form-control" id="source_client_policy_id"name="source_client_policy_id" onchange="setRenewalPolicyData(this)">
-                                                        <option value="" selected>Select Renewal Source Policy</option>
-                                                    </select>
-                                                </div>
+                                                    <div class="form-group col-md-12" id="renewal" style="display: none;">
+                                                        <label for="addon_policy"> Renewal Source Policy <span id="base_danger"class="text-danger"></span></label>
+                                                        <select class="form-control" id="source_client_policy_id"name="source_client_policy_id" onchange="setRenewalPolicyData(this)">
+                                                            <option value="" selected>Select Renewal Source Policy</option>
+                                                        </select>
+                                                    </div> <!-- renewal -->
 
-                                                <div class="form-group col-md-3" id="base_policy_id" style="display: none;">
-                                                    <label for="addon_policy">Base Policy<span id="base_danger"
-                                                            class="text-danger">*</span></label>
-                                                    <select class="form-control" id="base_policy" name="base_policy">
-                                                        <option value="" selected>Select Base Policy</option>
-                                                    </select>
-                                                </div>
-                                                
-                                                <div class="form-group col-md-3">
-                                                    <label for="addon_policy">Policy No<span id="base_danger"class="text-danger">*</span></label>
-                                                    <input type="text" class="form-control" id="policy_no" name="policy_no"placeholder="Enter Policy No" >
-                                                </div>
-
-                                                <div class="form-group col-md-3">
+                                                    <div class="form-group col-md-3" id="base_policy_id" style="display: none;">
+                                                        <label for="addon_policy">Base Policy<span id="base_danger"
+                                                                class="text-danger">*</span></label>
+                                                        <select class="form-control" id="base_policy" name="base_policy">
+                                                            <option value="" selected>Select Base Policy</option>
+                                                        </select>
+                                                    </div><!-- base_policy_id -->
                                                     
-                                                    <label for="addon_policy" class="d-flex align-items-center">
-                                                        <span class="flex-grow-1">Policy Issue Date<span id="base_danger" class="text-danger">*</span></span>
-                                                        <small id="policy_issue_month_info" 
-                                                            class="text-right"
-                                                            style="font-size: x-small;">
-                                                        </small>
-                                                    </label>
-                                                    <input type="text" class="form-control" id="policy_issue_date" name="policy_issue_date" placeholder="DD/MM/YYYY" >
-                                                </div>
-                                                <div class="d-none">
-                                                    <label for="addon_policy">Policy Issue Month<span id="base_danger" class="text-danger">*</span></label>
-                                                    <input type="text" class="form-control readonly-select" id="month" name="month" placeholder="MM/YYYY" >
-                                                </div>
+                                                    <div class="form-group col-md-3">
+                                                        <label for="addon_policy">Policy No<span id="base_danger"class="text-danger">*</span></label>
+                                                        <input type="text" class="form-control" id="policy_no" name="policy_no"placeholder="Enter Policy No" >
+                                                    </div><!-- form-group col-md-3 Policy No -->
 
-                                                <div class="form-group col-md-3">
-                                                    <label for="bp_cgst">D.O.C</label>
-                                                    <input id="policy_start_date" type="text" class="form-control" name="policy_start_date" placeholder="DD/MM/YYYY" >
-                                                </div>
+                                                    <div class="form-group col-md-3">
+                                                        
+                                                        <label for="addon_policy" class="d-flex align-items-center">
+                                                            <span class="flex-grow-1">Policy Issue Date<span id="base_danger" class="text-danger">*</span></span>
+                                                            <small id="policy_issue_month_info" 
+                                                                class="text-right"
+                                                                style="font-size: x-small;">
+                                                            </small>
+                                                        </label>
+                                                        <input type="text" class="form-control" id="policy_issue_date" name="policy_issue_date" placeholder="DD/MM/YYYY" >
+                                                    </div><!-- form-group col-md-3 Policy Issue Date -->
 
-                                                <div class="form-group col-md-3">
-                                                    <label for="bp_igst">D.O.E</label>
-                                                    <input id="policy_end_date" type="text" class="form-control" name="policy_end_date" placeholder="DD/MM/YYYY" >
-                                                </div>
-                                                <!-- 
-                                                <div class="form-group col-md-3" id="tpa_div">
-                                                    <label for="tpa"> TPA <span id="tpa_danger"class="text-danger"></span></label>
-                                                    <select class="form-control" id="tpa" name="tpa" >
-                                                        <option value="" selected>Select TPA</option>
-                                                        <?php foreach ($tpa as $value) { ?>
-                                                        <option value="<?= $value['id'] . '-' . $value['tpa_id'] ?>">
-                                                            <?= $value['tpa_short_name'] . '-' . $value['branch_code'] ?>
-                                                        </option>
-                                                        <?php } ?>
-                                                    </select>
-                                                </div> -->
+                                                    <div class="d-none">
+                                                        <label for="addon_policy">Policy Issue Month<span id="base_danger" class="text-danger">*</span></label>
+                                                        <input type="text" class="form-control readonly-select" id="month" name="month" placeholder="MM/YYYY" >
+                                                    </div><!-- Policy Issue Month -->
 
-                                                <div class="form-group col-md-3" id="no_of_insured_div">
-                                                    <label for="addon_policy">No of Insured<span id="base_danger"class="text-danger"></span></label>
-                                                    <input type="text" class="form-control" id="emp_count" name="emp_count" placeholder="Enter Employeee" onkeypress="return onlyNumbers(event)">
-                                                </div>
+                                                    <div class="form-group col-md-3">
+                                                        <label for="bp_cgst">D.O.C</label>
+                                                        <input id="policy_start_date" type="text" class="form-control" name="policy_start_date" placeholder="DD/MM/YYYY" >
+                                                    </div><!-- D.O.C -->
 
-                                                <div class="form-group col-md-3" id="no_of_dependents_div">
-                                                    <label for="addon_policy">No of Dependents<span id="base_danger" class="text-danger"></span></label>
-                                                    <input type="text" class="form-control" id="dependent_count" name="dependent_count" placeholder="Enter Dependent" onkeypress="return onlyNumbers(event)">
-                                                </div>
+                                                    <div class="form-group col-md-3">
+                                                        <label for="bp_igst">D.O.E</label>
+                                                        <input id="policy_end_date" type="text" class="form-control" name="policy_end_date" placeholder="DD/MM/YYYY" >
+                                                    </div><!-- D.O.E -->
+                                                    
 
-                                                <div class="form-group col-md-3">
-                                                    <label for="installment">Installment &nbsp; <i id="infoIcon" class="mdi mdi-information-outline info-icon" data-toggle="tooltip" title="Click for Installment details" style="margin-left: 5px;"></i></label>
-                                                    <input id="installment" value="" type="text" class="form-control" name="installment">
-                                                </div>
+                                                    <div class="form-group col-md-3" id="no_of_insured_div">
+                                                        <label for="addon_policy">No of Insured<span id="base_danger"class="text-danger"></span></label>
+                                                        <input type="text" class="form-control" id="emp_count" name="emp_count" placeholder="Enter Employeee" onkeypress="return onlyNumbers(event)">
+                                                    </div><!-- no_of_insured_div -->
 
-                                                <div class="form-group col-md-3">
-                                                    <label for="installment_data">
-                                                        Installment Data 
-                                                    </label>
-                                                    <input id="installment_data" class="form-control" name="installment_data">
-                                                </div>
+                                                    <div class="form-group col-md-3" id="no_of_dependents_div">
+                                                        <label for="addon_policy">No of Dependents<span id="base_danger" class="text-danger"></span></label>
+                                                        <input type="text" class="form-control" id="dependent_count" name="dependent_count" placeholder="Enter Dependent" onkeypress="return onlyNumbers(event)">
+                                                    </div><!-- no_of_dependents_div -->
 
-                                                <!-- <div class="form-group col-md-3">
-                                                    <label for="spl">SPL</label>
-                                                    <input id="spl" value="" type="text" class="form-control" name="spl">
-                                                </div> -->
+                                                    <div class="form-group col-md-3">
+                                                        <label for="installment">Installment &nbsp; <i id="infoIcon" class="mdi mdi-information-outline info-icon" data-toggle="tooltip" title="Click for Installment details" style="margin-left: 5px;"></i></label>
+                                                        <input id="installment" value="" type="text" class="form-control" name="installment">
+                                                    </div><!-- Installment -->
 
-                                                <div class="form-group col-md-3">
-                                                    <label class="card_label_4">Base Premium<span id="base_danger" class="text-danger">*</span></label>
-                                                    <input type="text" class="form-control right-align-input" id="base_premium" name="base_premium" oninput="" onkeypress="return onlyNumbers(event)" onchange="setBPValue(this.value)" required>
-                                                </div>
-                        
-                                                <div class="form-group col-md-3 hidetp">
-                                                    <label class="card_label_5">TP Premium</label>
-                                                    <input type="text" class="form-control right-align-input" id="tp_premium" name="tp_premium" oninput="" onkeypress="return onlyNumbers(event)" onchange="setTPValue(this.value)">
-                                                </div>
+                                                    <div class="form-group col-md-3">
+                                                        <label for="installment_data">
+                                                            Installment Data 
+                                                        </label>
+                                                        <input id="installment_data" class="form-control" name="installment_data">
+                                                    </div><!-- Installment Data  -->
 
-                        
-                                                <div class="form-group col-md-3 hideter card_group_6" style="display:none;">
-                                                    <label class="card_label_6">TEP Premium</label>
-                                                    <input type="text" class="form-control right-align-input" id="ter_premium" name="ter_premium" oninput="" onkeypress="return onlyNumbers(event)" onchange="setTEPValue(this.value)">
-                                                </div>
-
-
-
-                                                <div class="form-group col-md-2">
-                                                    <label class="switch" style="position: relative;top: 30px;left: 4px;">
-                                                        <input id="cop_yes" type="checkbox" name="co_share">
-                                                        <span class="slider round" style="height: 27px;"></span>
-                                                    </label>
-
-                                                    <label for="inception_type"
-                                                        style="position: relative;top: 31px;left: 17px;">CoP Yes</label>
-                                                </div>
-
-                                                <div class="form-group col-md-4 payby d-none">
-                                                    <label class="switch" style="position: relative;top: 30px;left: 4px;">
-                                                        <input id="bro_payable_by" type="checkbox" name="bro_payable_by" checked>
-                                                        <span class="slider round" style="height: 27px;"></span>
-                                                    </label>
-
-                                                    <label for="inception_type" style="position: relative;top: 31px;left: 17px;">Remuneration Pay By Leader</label>
-                                                </div>
-
-                                                <div class="form-group col-md-4">
-                                                    <label for="renewal_date">Renewal Date<span id="base_danger"
-                                                            class="text-danger">*</span></label>
-                                                    <input type="text" class="form-control" id="renewal_date"
-                                                        name="renewal_date" placeholder="DD/MM/YYYY">
-                                                </div>
                                                 
+                                                    <div class="form-group col-md-3">
+                                                        <label class="card_label_4">Base Premium<span id="base_danger" class="text-danger">*</span></label>
+                                                        <input type="text" class="form-control right-align-input" id="base_premium" name="base_premium" oninput="" onkeypress="return onlyNumbers(event)" onchange="setBPValue(this.value)" required>
+                                                    </div><!-- Base Premium -->
+                            
+                                                    <div class="form-group col-md-3 hidetp">
+                                                        <label class="card_label_5">TP Premium</label>
+                                                        <input type="text" class="form-control right-align-input" id="tp_premium" name="tp_premium" oninput="" onkeypress="return onlyNumbers(event)" onchange="setTPValue(this.value)">
+                                                    </div><!-- TP Premium -->
 
-                                            </div>
-                                            
-                                            <!-- <div class="row"> -->
-                                                <!-- <div class="form-group col-md-3">
-                                                    <label for="location">Location<span id="base_danger"class="text-danger"></span></label>
-                                                    <input type="text" class="form-control" id="location" name="location"placeholder="Enter location" >
-                                                </div> -->
-                                            <!-- </div> -->
-                                        </div>
-                                    </div>
+                            
+                                                    <div class="form-group col-md-3 hideter card_group_6" style="display:none;">
+                                                        <label class="card_label_6">TEP Premium</label>
+                                                        <input type="text" class="form-control right-align-input" id="ter_premium" name="ter_premium" oninput="" onkeypress="return onlyNumbers(event)" onchange="setTEPValue(this.value)">
+                                                    </div><!-- TEP Premium -->
+
+
+
+                                                    <div class="form-group col-md-2">
+                                                        <label class="switch" style="position: relative;top: 30px;left: 4px;">
+                                                            <input id="cop_yes" type="checkbox" name="co_share">
+                                                            <span class="slider round" style="height: 27px;"></span>
+                                                        </label>
+
+                                                        <label for="inception_type"
+                                                            style="position: relative;top: 31px;left: 17px;">CoP Yes</label>
+                                                    </div><!-- CoP Yes -->
+
+                                                    <div class="form-group col-md-4 payby d-none">
+                                                        <label class="switch" style="position: relative;top: 30px;left: 4px;">
+                                                            <input id="bro_payable_by" type="checkbox" name="bro_payable_by" checked>
+                                                            <span class="slider round" style="height: 27px;"></span>
+                                                        </label>
+
+                                                        <label for="inception_type" style="position: relative;top: 31px;left: 17px;">Remuneration Pay By Leader</label>
+                                                    </div><!-- Remuneration Pay By Leader -->
+
+                                                    <div class="form-group col-md-4">
+                                                        <label for="renewal_date">Renewal Date<span id="base_danger"
+                                                                class="text-danger">*</span></label>
+                                                        <input type="text" class="form-control" id="renewal_date"
+                                                            name="renewal_date" placeholder="DD/MM/YYYY">
+                                                    </div><!-- Renewal Date -->
+                                                    
+
+                                                </div><!-- collapseThree card-body row -->
+                                            </div><!-- collapseThree card-body -->
+                                        </div><!-- collapseThree -->
+                                    </div><!-- card mb-1 -->
                                 </div> <!-- accordion_2 div closed here -->
                             </div><!-- 1st col-md-12 div closed here -->
-                        
-                            <!-- Premium Details -->
+                        </div> <!-- sales_row div closed here -->
+
+                        <!-- Premium Details Row -->
+                        <div class="row" id="premium_details_row">
+                            <div class="col-md-12">
                                     <div id="accordion_3" class="mb-0">
                                         <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
                                             <span class="font-color-black">Premium Details</span>
@@ -783,36 +766,31 @@
                                                 aria-expanded="true">
                                                 <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
                                             </a>
-                                        </label>
+                                        </label><!-- Premium Details policyAccordion -->
+                                        
                                         <div class="card mb-0">
                                             <div id="collapseFour" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_3">
                                                 <div class="card-body">
 
                                                     <div id="allInsurerCards"></div>
  
-                                                </div>
-                                            </div> <!-- collapseFour div closed here -->
-                                        </div>
-                                    </div> <!-- accordion_3 div closed here -->
-                            <!-- ends Premium Details -->
-
-                        </div> <!-- sales_row div closed here -->
-                                                
-                        <div class="row">
-                            <div class="col-12"> 
-                                <div class="form-group text-right mt-2 m-b-0" id="submitButton">
-                                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
-                                        id="btnSubmit">Submit</button>
-                                </div>
+                                                </div> <!-- Premium Details collapseFour div card-body closed here -->
+                                            </div> <!-- Premium Details collapseFour div closed here -->
+                                        </div><!-- Premium Details policyAccordion card -->
+                                    </div> <!-- Premium Details accordion_3 div closed here -->
                             </div>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<!-- end form row -->
+                        </div><!-- ends Premium Details -->
+                                                
+                        <div class="form-group text-right mt-3 m-b-0" id="submitButton">
+                            <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
+                        </div><!-- submitButton -->
+                    </form><!-- role="form" -->
+                </div><!-- card-body -->
+            </div><!-- card -->
+        </div><!-- col-xl-12 -->
+    </div><!-- end inception_form row -->
+</div><!-- tab-pane -->
+
 
 <!-- Vehicle form content modal-->
 <div class="modal fade" id="vehicle_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static">
@@ -4482,31 +4460,31 @@
                                         <div class="form-row">
                                             <div class="col-12">
                                                 <div class="form-row mb-1 text-success small font-weight-bold">
-                                                    <div class="col-4">Remuneration</div> 
-                                                    <div class="col-4"></div>
-                                                    <div class="col-4 hidetp"></div>
-                                                    <div class="col-4 hideter" style="display:none;"></div>
+                                                    <div class="col-4 csslabel">Remuneration</div> 
+                                                    <div class="col-4 cssbp"></div>
+                                                    <div class="col-4 csstp hidetp"></div>
+                                                    <div class="col-4 csstep hideter" style="display:none;"></div>
                                                 </div>
                                             </div>
 
                                             <div class="col-12">
                                                 <div class="form-row mb-2 align-items-center">
-                                                    <div class="col-4"><label class="card_label_14">Agreed (%)</label></div>
-                                                    <div class="col-4 card_group_14">
+                                                    <div class="col-4 csslabel "><label class="card_label_14">Agreed (%)</label></div>
+                                                    <div class="col-4 cssbp card_group_14">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">BP &nbsp; </span>
                                                             <input type="text" class="form-control right-align-input input-content" id="agreed_bp_${insurerCount}" name="agreed_bp[]" oninput="validateRange(this);" onkeypress="return onlyNumbers(event)">
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_15 hidetp">
+                                                    <div class="col-4 card_group_15 csstp hidetp">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">TP &nbsp; </span>
                                                             <input type="text" class="form-control right-align-input input-content" id="agreed_tp_${insurerCount}" name="agreed_tp[]" oninput="validateRange(this);" onkeypress="return onlyNumbers(event)">
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_16 hideter" style="display:none;">
+                                                    <div class="col-4 card_group_16 csstep hideter" style="display:none;">
                                                         <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp; </span>
                                                             <input type="text" class="form-control right-align-input input-content" id="agreed_ter_${insurerCount}" name="agreed_ter[]" oninput="validateRange(this);" onkeypress="return onlyNumbers(event)">
@@ -4529,22 +4507,22 @@
 
                                             <div class="col-12">
                                                 <div class="form-row mb-2 align-items-center">
-                                                    <div class="col-4"><label class="card_label_18">Standard</label></div>
-                                                    <div class="col-4 card_group_18">
+                                                    <div class="col-4 csslabel "><label class="card_label_18">Standard</label></div>
+                                                    <div class="col-4 cssbp card_group_18">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">BP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-color right-align-input input-content" id="standard_bp_${insurerCount}" name="standard_bp[]" readonly>
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_19 hidetp">
+                                                    <div class="col-4 card_group_19 csstp hidetp">
                                                         <div class="input-wrap mr-2">
                                                             <span class="input-prefix">TP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-color right-align-input input-content" id="standard_tp_${insurerCount}" name="standard_tp[]" readonly>
                                                             <span class="input-symbol">%</span>
                                                         </div>
                                                     </div>
-                                                    <div class="col-4 card_group_20 hideter" style="display:none;">
+                                                    <div class="col-4 card_group_20 csstep hideter" style="display:none;">
                                                         <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-color right-align-input input-content" id="standard_tep_${insurerCount}" name="standard_ter[]" readonly>
@@ -4567,22 +4545,22 @@
 
                                                 <div class="col-12">
                                                     <div class="form-row mb-2 align-items-center">
-                                                        <div class="col-4"><label class="card_label_24">Actual (%)</label></div>
-                                                        <div class="col-4 card_group_24">
+                                                        <div class="col-4 csslabel "><label class="card_label_24">Actual (%)</label></div>
+                                                        <div class="col-4 cssbp card_group_24">
                                                             <div class="input-wrap mr-2">
                                                                 <span class="input-prefix">BP &nbsp;</span>
                                                                 <input type="text" class="form-control readonly-select right-align-input input-content" id="actual_bp_per_${insurerCount}" name="actual_bp_per[]" onchange="actualAmountCalculation('${insurerCount}', 'bp_per')" onkeypress="return onlyNumbers(event)">
                                                                 <span class="input-symbol">%</span>
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_22 hidetp">
+                                                        <div class="col-4 card_group_22 csstp hidetp">
                                                             <div class="input-wrap mr-2">
                                                                 <span class="input-prefix">TP &nbsp;</span>
                                                                 <input type="text" class="form-control readonly-select right-align-input input-content" id="actual_tp_per_${insurerCount}" name="actual_tp_per[]" onchange="actualAmountCalculation('${insurerCount}', 'tp_per')"  onkeypress="return onlyNumbers(event)">
                                                                 <span class="input-symbol">%</span>
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_23 hideter" style="display:none;">
+                                                        <div class="col-4 card_group_23 csstep hideter" style="display:none;">
                                                             <div class="input-wrap">
                                                                 <span class="input-prefix">TEP &nbsp;</span>
                                                                 <input type="text" class="form-control readonly-select right-align-input input-content" id="actual_tep_per_${insurerCount}" name="actual_tp_per[]" onchange="actualAmountCalculation('${insurerCount}', 'tep_per')"  onkeypress="return onlyNumbers(event)">
@@ -4596,20 +4574,20 @@
                                                 
                                                 <div class="col-12">
                                                     <div class="form-row mb-2 align-items-center">
-                                                        <div class="col-4"><label class="card_label_21">Actual Amount</label></div>
-                                                        <div class="col-4 card_group_21">
+                                                        <div class="col-4 csslabel "><label class="card_label_21">Actual Amount</label></div>
+                                                        <div class="col-4 cssbp card_group_21">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">BP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_bp_amt_${insurerCount}" name="actual_bp_amt[]">
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_22 hidetp">
+                                                        <div class="col-4 card_group_22 csstp hidetp">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">TP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_tp_amt_${insurerCount}" name="actual_tp_amt[]">
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_23 hideter" style="display:none;">
+                                                        <div class="col-4 card_group_23 csstep hideter" style="display:none;">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_tep_amt_${insurerCount}" name="actual_tep_amt[]">
@@ -4620,20 +4598,20 @@
 
                                                 <div class="col-12">
                                                     <div class="form-row mb-2 align-items-center">
-                                                        <div class="col-4"><label class="card_label_27">Remuneration Amount</label></div>
-                                                        <div class="col-4 card_group_27">
+                                                        <div class="col-4 csslabel "><label class="card_label_27">Remuneration Amount</label></div>
+                                                        <div class="col-4 cssbp card_group_27">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">BP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_bp_brokerage_amt_${insurerCount}" name="actual_bp_brokerage_amt[]">
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_28 hidetp">
+                                                        <div class="col-4 card_group_28 csstp hidetp">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">TP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_tep_brokerage_amt_${insurerCount}" name="actual_tep_brokerage_amt[]">
                                                             </div>
                                                         </div>
-                                                        <div class="col-4 card_group_29" style="display:none;">
+                                                        <div class="col-4 card_group_29 csstep hideter " style="display:none;">
                                                             <div class="input-wrap">
                                                             <span class="input-prefix">TEP &nbsp;</span>
                                                             <input type="text" class="form-control readonly-select right-align-input" id="actual_tep_brokerage_amt_dup_${insurerCount}" name="actual_tep_brokerage_amt_dup[]">
@@ -4683,8 +4661,10 @@
             let allocg = selectedOption.data('allocg');
             let is_co_pay_yes = $('#cop_yes').prop('checked') ? 1 : 0;
 
+            var $allPremiumCols = $('.csslabel, .cssbp , .csstp,.csstep');
             if (allocg == "EB") {
                 $('.hideter,.hidetp,.hidecoter,.hidecotp').hide();
+                $allPremiumCols.filter(':visible').removeClass('col-3 col-4').addClass('col-6');
             } else {
                 $('.hidetp').show();
                 is_co_pay_yes ? $('.hidecotp').show() : $('.hidecotp').hide();
@@ -4692,8 +4672,10 @@
                 if (['Fire','Marine Cargo','Marine Hull'].includes(bap)) {
                     $('.hideter').show();
                     is_co_pay_yes ? $('.hidecoter').show() : $('.hidecoter').hide();
+                    $allPremiumCols.removeClass('col-4 col-6').addClass('col-3'); 
                 } else {
                     $('.hideter').hide();
+                    $allPremiumCols.filter(':visible').removeClass('col-3 col-6').addClass('col-4');
                 }
             }
 
@@ -6642,7 +6624,7 @@
         
         if (tpValueField) {
             tpValueField.forEach((field) => { field.value = inputValue; });
-            console.log("Updated", tpValueFields.length, "hidden tp premiums");
+            console.log("Updated", tpValueField.length, "hidden tp premiums");
         } else {
             console.error("Error: Element with class '.tp_value' not found.");
         }