diff --git a/app/Views/UserList.php b/app/Views/UserList.php
index 070a4c10..baa63298 100755
--- a/app/Views/UserList.php
+++ b/app/Views/UserList.php
@@ -253,10 +253,10 @@ table.dataTable tbody td {
     <div class="row" id="List-page">
         <div class="col-12">
             <div class="card">
-                <div class="card-body">
+                <div class="card-body maincard">
                     <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
-                            <h4 style="position: relative;">User List</h4>
+                            <h4 style="position: relative;">Users</h4>
                         </div>
                     </div>
                     <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0" id="tickets-table">
diff --git a/app/Views/cd_master_list.php b/app/Views/cd_master_list.php
index 3e6e0922..b556f4e3 100755
--- a/app/Views/cd_master_list.php
+++ b/app/Views/cd_master_list.php
@@ -55,10 +55,10 @@ table.dataTable thead th {
 <div class="row" id="client_list">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
+            <div class="card-body maincard">
                 <div class="row" style="margin-bottom:1rem;">
                     <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">CD Master List</h4>
+                        <h4 style="position: relative;">CD Master</h4>
                     </div>
                     <div class="col-6" style="text-align: right; position: relative;top: 56px;">
                         <!-- <button type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light"
diff --git a/app/Views/client_branch.php b/app/Views/client_branch.php
index 796f6bba..2893a3cb 100755
--- a/app/Views/client_branch.php
+++ b/app/Views/client_branch.php
@@ -55,7 +55,7 @@
     <div class="table-responsive" id="branch_table">
 
         <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0">
-            <thead class="thead-light">
+            <thead class="">
                 <tr>
                     <th>Branch Name</th>
                     <th>Branch Code</th>
diff --git a/app/Views/client_policy.php b/app/Views/client_policy.php
index 4f712bca..726deab6 100755
--- a/app/Views/client_policy.php
+++ b/app/Views/client_policy.php
@@ -29,8 +29,8 @@
 
     <div class="table-responsive" id="table_list">
         <table data-custom-table-css="table" class="table table-borderless table mb-0" id="table-client-policy">            
-            <thead class="thead-light">
-                <tr>
+            <thead class="">
+                <tr style="color:black !important;">
                     <th>Insurer</th>
                     <th>Policy</th>
                     <th>Client Branch</th>
diff --git a/app/Views/employee_upload.php b/app/Views/employee_upload.php
index 48424f07..09fb7637 100755
--- a/app/Views/employee_upload.php
+++ b/app/Views/employee_upload.php
@@ -124,6 +124,7 @@ option:disabled {
 
 </div>
 
+
 <div id="full-width-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fullWidthModalLabel"
     aria-hidden="true">
     <div class="modal-dialog modal-full-width">
diff --git a/app/Views/endorsement_list.php b/app/Views/endorsement_list.php
index 14696fda..3a4b4f93 100755
--- a/app/Views/endorsement_list.php
+++ b/app/Views/endorsement_list.php
@@ -14,145 +14,149 @@
     }
 </style>
 
-<div class="row">
-    <div class="col-xl-12">
-        <div id="accordion" class="mb-3">
-            <div class="card mb-1">
-                <h5 class="m-1">
-                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
-                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                    </a>
-                </h5>
-                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
-                    <div class="card-body">
-                        <!-- <div class="text-center"> -->
-                        <div class="form-row">
-                            <div class="form-group col-md-4">
-                                <label>Client</label> <br />
-                                <select class="form-control" id="clients">
-                                    <option value="0">Select</option>
-                                </select>
+<div class="container-fluid">
+    <h2>Endorsement</h2>
+    <div class="row">
+        <div class="col-xl-12">
+            <div id="accordion" class="mb-3">
+                <div class="card mb-1">
+                    <h5 class="m-1">
+                        <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
+                            <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                        </a>
+                    </h5>
+                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
+                        <div class="card-body">
+                            <!-- <div class="text-center"> -->
+                            <div class="form-row">
+                                <div class="form-group col-md-4">
+                                    <label>Client</label> <br />
+                                    <select class="form-control" id="clients">
+                                        <option value="0">Select</option>
+                                    </select>
+                                </div>
+
+
+                                <div class="form-group col-md-4">
+                                    <label>Branch</label> <br />
+                                    <select name="branch_id" class="form-control" id="branch_id">
+                                        <option value="0">Select</option>
+                                    </select>
+                                </div>
+
+                                <div class="form-group col-md-4">
+                                    <label>Policy</label> <br />
+                                    <select class="form-control" id="policies">
+                                        <option value="0">Select</option>
+                                    </select>
+                                </div>
+
+                                <div class="form-group col-md-4">
+                                    <label>Status</label> <br />
+                                    <select class="form-control" id="status1">
+                                        <option value="0">Select</option>
+                                        <?php foreach ($status as $key => $value) { ?>
+                                            <option value="<?= $key ?>" <?= (isset($getData) && $getData['status'] == $key) ? 'selected' : '' ?>>
+                                                <?= $value ?>
+                                            </option>
+                                        <?php } ?>
+                                    </select>
+                                </div>
+
                             </div>
-
-
-                            <div class="form-group col-md-4">
-                                <label>Branch</label> <br />
-                                <select name="branch_id" class="form-control" id="branch_id">
-                                    <option value="0">Select</option>
-                                </select>
+                            <div class="row">
+                                <div class="col-12" style="text-align: right;">
+                                    <a href="<?= base_url("employee/endorsement-list"); ?>" class="btn btn-primary waves-effect waves-light" id="get-emp-list" onclick="fetchEmpolyeeList(event);">Submit</a>
+                                </div>
                             </div>
-
-                            <div class="form-group col-md-4">
-                                <label>Policy</label> <br />
-                                <select class="form-control" id="policies">
-                                    <option value="0">Select</option>
-                                </select>
-                            </div>
-
-                            <div class="form-group col-md-4">
-                                <label>Status</label> <br />
-                                <select class="form-control" id="status1">
-                                    <option value="0">Select</option>
-                                    <?php foreach ($status as $key => $value) { ?>
-                                        <option value="<?= $key ?>" <?= (isset($getData) && $getData['status'] == $key) ? 'selected' : '' ?>>
-                                            <?= $value ?>
-                                        </option>
-                                    <?php } ?>
-                                </select>
-                            </div>
-
+                            <!-- </div> -->
                         </div>
-                        <div class="row">
-                            <div class="col-12" style="text-align: right;">
-                                <a href="<?= base_url("employee/endorsement-list"); ?>" class="btn btn-primary waves-effect waves-light" id="get-emp-list" onclick="fetchEmpolyeeList(event);">Submit</a>
-                            </div>
-                        </div>
-                        <!-- </div> -->
                     </div>
                 </div>
             </div>
         </div>
     </div>
-</div>
 
+    <div class="row" id="client_list">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="row" style="padding-bottom: 10px;">
+                        <div class="col-6" style="align-self: center;">
+                            <h4 style="position: relative;">Endorsement List</h4>
+                        </div>
 
-
-<div class="row" id="client_list">
-    <div class="col-12">
-        <div class="card">
-            <div class="card-body">
-                <div class="row" style="padding-bottom: 10px;">
-                    <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">Endorsement List</h4>
                     </div>
+                    <table data-custom-table-css="table" class="table table-hover m-0 table-centered dt-responsive w-100" cellspacing="0" id="tickets-table">
+                        <thead class="bg-light">
+                            <tr>
+                                <th class="font-weight-medium">SNO</th>
+                                <th class="font-weight-medium">Name/code</th>
+                                <th class="font-weight-medium">Policy name</th>
+                                <th class="font-weight-medium">Endorsement ID</th>
+                                <th class="font-weight-medium">Insurer name</th>
+                                <th class="font-weight-medium">Remarks</th>
+                                <th class="font-weight-medium">Endorsement Type</th>
+                                <th class="font-weight-medium">Status</th>
+                                <th class="font-weight-medium">Action</th>
+                            </tr>
+                        </thead>
 
+                        <tbody class="font-12">
+                            <?php
+                            if (isset($employees)) {
+                                foreach ($employees as $key => $employee) { ?>
+
+                                    <tr>
+                                        <td><b><?php echo ($key + 1) ?></b></td>
+                                        <td><?php echo $employee['name'] ?>( <?php echo $employee['emp_code'] ?> )</td>
+                                        <!-- <td><?php echo isset($employee['policy_name']) ? $employee['policy_name'] : '' ?> - <?php echo isset($employee['policy_no']) ? $employee['policy_no'] : '' ?> - <?php echo isset($employee['policy_type']) ? $employee['policy_type'] : '' ?></td> -->
+                                        <td><?php echo isset($employee['policy_type']) ?  $employee['policy_type'] : '' ?> - <?php echo isset($employee['policy_no']) ? $employee['policy_no'] : '' ?></td>
+                                        <td><?php echo $employee['endorsement_id'] ?></td>
+                                        <td><?php echo isset($employee['insurer_short_name']) ? $employee['insurer_short_name'] : '' ?>
+                                        </td>
+                                        <td><?php echo $employee['remarks'] ?></td>
+                                        <td>
+                                            <?php
+                                            if ($employee['actions'] == 'c') {
+                                                echo 'Correction';
+                                            } elseif ($employee['actions'] == 'si') {
+                                                echo 'SI Enhancement';
+                                            } elseif ($employee['actions'] == 'd') {
+                                                echo 'Deletion';
+                                            }
+                                            ?>
+                                        </td>
+                                        <td>
+                                            <?php
+                                            if ($employee['status'] == 'pending') {
+                                                echo '<span class="badge badge-danger">' . $employee['status'] . '</span>';
+                                            } elseif ($employee['status'] == 'inprogress') {
+                                                echo '<span class="badge badge-warning">' . $employee['status'] . '</span>';
+                                            } elseif ($employee['status'] == 'complete') {
+                                                echo '<span class="badge badge-success">' . $employee['status'] . '</span>';
+                                            }
+                                            ?>
+                                        </td>
+                                        <td class="text-center"><a href="#" data-id="<?php echo $employee['id'] ?>" class="mdi mdi-eye emp_data_model" aria-hidden="true" data-toggle="modal" data-target="#centermodal"></a>
+                                        </td>
+                                    </tr>
+                            <?php }
+                            } ?>
+
+                        </tbody>
+                    </table>
                 </div>
-                <table data-custom-table-css="table" class="table table-hover m-0 table-centered dt-responsive w-100" cellspacing="0" id="tickets-table">
-                    <thead class="bg-light">
-                        <tr>
-                            <th class="font-weight-medium">SNO</th>
-                            <th class="font-weight-medium">Name/code</th>
-                            <th class="font-weight-medium">Policy name</th>
-                            <th class="font-weight-medium">Endorsement ID</th>
-                            <th class="font-weight-medium">Insurer name</th>
-                            <th class="font-weight-medium">Remarks</th>
-                            <th class="font-weight-medium">Endorsement Type</th>
-                            <th class="font-weight-medium">Status</th>
-                            <th class="font-weight-medium">Action</th>
-                        </tr>
-                    </thead>
-
-                    <tbody class="font-12">
-                        <?php
-                        if (isset($employees)) {
-                            foreach ($employees as $key => $employee) { ?>
-
-                                <tr>
-                                    <td><b><?php echo ($key + 1) ?></b></td>
-                                    <td><?php echo $employee['name'] ?>( <?php echo $employee['emp_code'] ?> )</td>
-                                    <!-- <td><?php echo isset($employee['policy_name']) ? $employee['policy_name'] : '' ?> - <?php echo isset($employee['policy_no']) ? $employee['policy_no'] : '' ?> - <?php echo isset($employee['policy_type']) ? $employee['policy_type'] : '' ?></td> -->
-                                    <td><?php echo isset($employee['policy_type']) ?  $employee['policy_type'] : '' ?> - <?php echo isset($employee['policy_no']) ? $employee['policy_no'] : '' ?></td>
-                                    <td><?php echo $employee['endorsement_id'] ?></td>
-                                    <td><?php echo isset($employee['insurer_short_name']) ? $employee['insurer_short_name'] : '' ?>
-                                    </td>
-                                    <td><?php echo $employee['remarks'] ?></td>
-                                    <td>
-                                        <?php
-                                        if ($employee['actions'] == 'c') {
-                                            echo 'Correction';
-                                        } elseif ($employee['actions'] == 'si') {
-                                            echo 'SI Enhancement';
-                                        } elseif ($employee['actions'] == 'd') {
-                                            echo 'Deletion';
-                                        }
-                                        ?>
-                                    </td>
-                                    <td>
-                                        <?php
-                                        if ($employee['status'] == 'pending') {
-                                            echo '<span class="badge badge-danger">' . $employee['status'] . '</span>';
-                                        } elseif ($employee['status'] == 'inprogress') {
-                                            echo '<span class="badge badge-warning">' . $employee['status'] . '</span>';
-                                        } elseif ($employee['status'] == 'complete') {
-                                            echo '<span class="badge badge-success">' . $employee['status'] . '</span>';
-                                        }
-                                        ?>
-                                    </td>
-                                    <td class="text-center"><a href="#" data-id="<?php echo $employee['id'] ?>" class="mdi mdi-eye emp_data_model" aria-hidden="true" data-toggle="modal" data-target="#centermodal"></a>
-                                    </td>
-                                </tr>
-                        <?php }
-                        } ?>
-
-                    </tbody>
-                </table>
             </div>
-        </div>
-    </div><!-- end col -->
+        </div><!-- end col -->
+    </div>
 </div>
 
 
 
+
+
+
 <!-- Center modal content -->
 <div class="modal fade" id="centermodal" tabindex="-1" role="dialog" aria-hidden="true" aria-modal="true" data-backdrop="static">
     <div class="modal-dialog modal-dialog-centered">
diff --git a/app/Views/enrollment_list.php b/app/Views/enrollment_list.php
index 4448f795..b0839a80 100755
--- a/app/Views/enrollment_list.php
+++ b/app/Views/enrollment_list.php
@@ -40,15 +40,74 @@
     .card {
         border-radius: 10px;
     }
+
+    .row.visa_status_count_view .card-header{
+            background-color: #F5FFFF;
+            padding: 25px;
+            border: 2px solid #fff;
+            border-radius: 10px;
+            /* box-shadow: 2px 2px 2px; */
+            box-shadow: 0px 1px 1px 0px #00000040;
+    }
+
+    .row.visa_status_count_view .card-header #categoryFilter_11 a{
+        background-color: #D4F5F6 !important;
+        font-weight:800;
+        color:#000 !important;
+        border : 1px solid #D4F5F6 !important;
+        border-radius: 15px;
+        padding : 5px 10px;
+    }
+
+        #categoryFilter_12 a ,
+        #categoryFilter_13 a ,
+        #categoryFilter_14 a 
+        {
+            background-color: #00999E;
+            box-shadow: 0px 2px 4px 0px #00000040;
+
+        }
+
+        #statusContent{
+            background-color: #F5FFFF;
+            border-radius: 10px;
+            box-shadow: 0px 1px 1px 0px #00000040;
+        }
+
+        #statusContent .statusContent-flex{
+            display:flex;
+            flex-flow: row wrap;
+        }
+
+        .statusContent-flex .my-2{
+            color:black !important;
+        }
+
+        #statusContent .custom-card{
+            min-width:300px;
+            min-height: 50px;
+            padding:15px;
+            background-color: white;
+            color:black;
+            margin-right:15px;
+            margin-top :10px;
+            border-radius: 10px;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+        }
+
 </style>
 
+
+<div class="container-fluid">
+<h2>Enrollment</h2>
 <div class="row visa_status_count_view">
     <div class="col-12">
         <div class="card">
             <div class="card-header">
-                <div class="row" style="margin-bottom: -22px;">
+                <div class="row" >
                     <div class="col-3">
-                        <div id="categoryFilter" style="display: flex;">
+                        <div id="categoryFilter" >
+                            <label for="">Client</label>
                             <select class="form-control" id="clients" onchange="populateBranches()">
                                 <option value="0">Select Client</option>
                                 <?php foreach ($client_list as $client) { ?>
@@ -59,6 +118,7 @@
                     </div>
                     <div class="col-3">
                         <div id="categoryFilter_11">
+                            <label for="">Branch</label>
                             <select name="branch_id" class="form-control" id="branch_id" onchange="populatePolicies()">
                                 <option value="0">Select Branch</option>
                             </select>
@@ -66,106 +126,82 @@
                     </div>
                     <div class="col-3">
                         <div id="categoryFilter_14">
+                            <label for="">Policy</label>
                             <select name="client_policy_id" class="form-control" id="client_policy_id">
                                 <option value="0">Select Policy</option>
                             </select>
                         </div>
                     </div>
-                    <div class="col-1">
-                        <div id="categoryFilter_11">
-                            <a class="btn btn-primary waves-effect waves-light" onclick="fetchEmpolyeeList(event);" data-toggle="tooltip" data-placement="top" title="Search" id="get-emp-list"><i class="mdi mdi-magnify" aria-hidden="true"></i></a>
+                    <div class="col-3">
+                        <div id="categoryFilter_11" >
+                            <a class="btn btn-primary waves-effect waves-light" 
+                            style="margin-top:30px !important"
+                            onclick="fetchEmpolyeeList(event);" 
+                            data-toggle="tooltip" data-placement="top" title="Search" 
+                            id="get-emp-list"><i class="mdi mdi-magnify" aria-hidden="true"></i></a>
                         </div>
                     </div>
-                    <div class="col-0" style="margin-right: 15px; ">
-                        <div id="categoryFilter_12">
-                            <a class="btn btn-primary waves-effect waves-light" onclick="sendManualReminder(this)" data-toggle="tooltip" data-placement="top" title="Send Reminder"><i class="mdi mdi-bell" aria-hidden="true"></i></a>
-                        </div>
-                    </div>
-                    <div class="col-0">
-                        <div id="categoryFilter_13">
-                            <a class="btn btn-primary waves-effect waves-light" onclick="uploadEnrollmentFile(this)" data-toggle="tooltip" data-placement="top" title="Enrollment File Upload"><i class="mdi mdi-file-export" ></i></a>
-                        </div>
-                    </div>
-                    
-                <!-- </div> -->
+                    <div class="col-6" style="margin-right: 15px; margin-top:30px; ">
+                        <span id="categoryFilter_12" style="margin-right: 15px;">
+                            <a class="btn btn-primary waves-effect waves-light" onclick="sendManualReminder(this)" data-toggle="tooltip" data-placement="top" title="Send Reminder"><span >Send Remainder</span></a>
+                        </span>
+  
+                        <span id="categoryFilter_13" style="margin-right: 15px;">
+                            <a class="btn btn-primary waves-effect waves-light" onclick="uploadEnrollmentFile(this)" data-toggle="tooltip" data-placement="top" title="Enrollment File Upload"><span >File Upload</span></a>
+                        </span>
 
-                <!-- <div class="row" style="margin-bottom: 44px;"> -->
-                        <div class="col-1 text-right view-status-btn" style="position: relative;bottom: 7px;">
-                        <button type="button" class="btn btn-link visa_status_button" onclick="toggleContent()" style="color: #000;" data-toggle="tooltip" data-placement="top" title="View Status Card">
-                            Status <i id="toggleIcon" class="mdi mdi-minus" style="background-color:white"></i>
+                        <button id="categoryFilter_14" type="button" class="btn btn-link visa_status_button" onclick="toggleContent()"  data-toggle="tooltip" data-placement="top" >
+                              <a class="btn btn-primary waves-effect waves-light"  data-toggle="tooltip" data-placement="top" title="View Status"><span >View Status</span></a>
                         </button>
                     </div>
                 </div>
 
             </div>
-            <div class="card-body status-option" id="statusContent" style="padding: 1.5rem !important;background-color: darkgrey;">
-                
+            <div class="card-body status-option" id="statusContent" >
+                <h4>Status</h4>
                 <div class="text-center">
 
-                    <div class="row" style="margin-left: 125px; margin-bottom: -11px;">
-                        <div class="col-xl-2 col-md-2">
-                            <div class="card cardWidth">
-                                <div class="card-body" id="emp_count_view_click">
-                                    <div class="d-flex justify-content-between" style="justify-content: center !important;">
-                                        <div>
-                                            <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Emp Count">Emp Count</h5>
-                                            <h3 class="my-2 py-1"><span data-plugin="counterup" id="emp_count_view">0</span></h3>
-                                        </div>
-                                        
+                    <div  style="margin-left: 60px; margin-top: 0px;">
+                        <div class="statusContent-flex">
+                            <div class="custom-card d-flex justify-content-between" id="emp_count_view_click">
+                                    <div>
+                                        <span class="text-muted font-weight-normal mt-0 text-truncate my-2" title="Emp Count">Emp Count</span>
+                                    </div>
+                                    <div>
+                                        <span class="my-2"><span data-plugin="counterup" id="emp_count_view" >0</span>
                                     </div>
-                                </div>
                             </div>
-                        </div><!-- end col -->
-                        <div class="col-xl-2 col-md-2">
-                            <div class="card">
-                                <div class="card-body" id="emp_enrolled_view_click">
-                                    <div class="d-flex justify-content-between" style="justify-content: center !important;">
-                                        <div>
-                                            <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Enrolled">Enroled</h5>
-                                            <h3 class="my-2 py-1"><span data-plugin="counterup" id="emp_enrolled_view">0</span></h3>
-                                        </div>
-                                        
+                            <div class="custom-card d-flex justify-content-between" id="emp_enrolled_view_click">
+                                    <div>
+                                        <span class="text-muted font-weight-normal mt-0 text-truncate my-2" title="Enrolled">Enroled</span>
+                                    </div>
+                                    <div>
+                                        <span class="my-2"><span data-plugin="counterup" id="emp_enrolled_view" >0</span>
                                     </div>
-                                </div>
                             </div>
-                        </div><!-- end col -->
-                        <div class="col-xl-2 col-md-2">
-                            <div class="card">
-                                <div class="card-body" id="emp_not_enrolled_view_click">
-                                    <div class="d-flex justify-content-between" style="justify-content: center !important;">
-                                        <div>
-                                            <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Not Enrolled">Not Enroled</h5>
-                                            <h3 class="my-2 py-1"><span data-plugin="counterup" id="emp_not_enrolled_view">0</span></h3>
-                                        </div>
-                                        
+                            <div class="custom-card d-flex justify-content-between" id="emp_not_enrolled_view_click">
+                                    <div>
+                                        <span class="text-muted font-weight-normal mt-0 text-truncate my-2" title="Not Enrolled">Not Enroled</span>
+                                    </div>
+                                    <div>
+                                        <span class="my-2"><span data-plugin="counterup" id="emp_not_enrolled_view">0</span>
                                     </div>
-                                </div>
                             </div>
-                        </div><!-- end col -->
-                        <div class="col-xl-2 col-md-2">
-                            <div class="card">
-                                <div class="card-body" id="emp_logged_in_view_click">
-                                    <div class="d-flex justify-content-between" style="justify-content: center !important;">
-                                        <div>
-                                            <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Logged-In">Logged-In</h5>
-                                            <h3 class="my-2 py-1"><span data-plugin="counterup" id="emp_logged_in_view">0</span></h3>
-                                        </div>
-                                        
+                            <div class="custom-card d-flex justify-content-between" id="emp_logged_in_view_click">
+                                    <div>
+                                        <span class="text-muted font-weight-normal mt-0 text-truncate my-2" title="Logged-In">Logged-In</span>
+                                    </div>
+                                    <div>
+                                        <span class="my-2"><span data-plugin="counterup" id="emp_logged_in_view">0</span>
                                     </div>
-                                </div>
                             </div>
-                        </div><!-- end col -->
-                        <div class="col-xl-2 col-md-2">
-                            <div class="card">
-                                <div class="card-body" id="emp_not_logged_in_view_click">
-                                    <div class="d-flex justify-content-between" style="justify-content: center !important;">
-                                        <div>
-                                            <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Not Logged-In">Not Logged-In</h5>
-                                            <h3 class="my-2 py-1"><span data-plugin="counterup" id="emp_not_logged_in_view">0</span></h3>
-                                        </div>
-                                        
+                            <div class="custom-card d-flex justify-content-between" id="emp_not_logged_in_view_click">
+                                    <div>
+                                        <span class="text-muted font-weight-normal mt-0 text-truncate my-2" title="Not Logged-In">Not Logged-In</span>
+                                    </div>
+                                    <div>
+                                        <span class="my-2"><span data-plugin="counterup" id="emp_not_logged_in_view">0</span>
                                     </div>
-                                </div>
                             </div>
                         </div><!-- end col -->
                     </div>
@@ -200,6 +236,7 @@
         </div>
     </div>
 </div>
+</div>
 
 <!-- Center modal content -->
 <div class="modal fade" id="upload_enrollment_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="false">
diff --git a/app/Views/import_export.php b/app/Views/import_export.php
index e3a4b649..da473af6 100755
--- a/app/Views/import_export.php
+++ b/app/Views/import_export.php
@@ -55,8 +55,11 @@
 </script>
 
 <div class="row" id="client_add" style="position: relative; bottom: 25px;">
+
     <div class="col-12">
         <div class="card-body">
+                <h3>Inception</h3>
+                <br>
             <ul class="nav nav-pills navtab-bg">
                 <li class="nav-item d-flex justify-content-center align-items-center">
                     <a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-1 active-tab" id="general_tab">
diff --git a/app/Views/insurer_basic_info.php b/app/Views/insurer_basic_info.php
index 88628771..422ae982 100755
--- a/app/Views/insurer_basic_info.php
+++ b/app/Views/insurer_basic_info.php
@@ -1,4 +1,5 @@
 <style>
+    
 .switch {
   position: relative;
   display: inline-block;
@@ -37,11 +38,11 @@
 }
 
 input:checked + .slider {
-  background-color: #2196F3;
+  background-color: #00999E;
 }
 
 input:focus + .slider {
-  box-shadow: 0 0 1px #2196F3;
+  box-shadow: 0 0 1px #00999E;
 }
 
 input:checked + .slider:before {
@@ -60,105 +61,161 @@ input:checked + .slider:before {
 }
 </style>
 
+<style>
+    .form-input-icon {
+        position: relative;
+        width: 100%; /* match Bootstrap's width */
+    }
+
+    .form-input-icon input[type="file"].form-control {
+        padding-right: 40px; /* space for the icon */
+        cursor: pointer;
+    }
+
+    .form-input-icon input[type="file"].form-control::file-selector-button {
+        display: none;
+    }
+
+    .form-input-icon .form-additional-icon {
+        position: absolute;
+        right: 12px;
+        top: 50%;
+        transform: translateY(-50%);
+        font-size: 18px;
+        color: #555;
+        pointer-events: none;
+    }
+
+    input[type="radio"] {
+        accent-color: #40B2B6; /* sets the checked color */
+    }
+
+
+</style>
+
 <div class="tab-pane fade active show" id="general-q-tab">
+
+    <!---- new -----> 
     <div class="row">
         <div class="col-12">
             <div class="card-body">
-                <form role="form" class="parsley-examples" method="post" id="insurer_general_form" enctype="multipart/form-data">
-                    <input type="hidden" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />
-                    <input type="hidden" name="PrimaryKey" id="insurer_General_PrimaryKey" value="<?= isset($insurer['id']) ? $insurer['id'] : '' ?>" />
-                    <input type="hidden" name="insurer_id" id="insurer_id" />
-                    <div class="form-group">
+            <div class="custom-form">
+            <form role="form" class="parsley-examples" method="post" id="insurer_general_form" enctype="multipart/form-data">
+                <input type="hidden" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />
+                <input type="hidden" name="PrimaryKey" id="insurer_General_PrimaryKey" value="<?= isset($insurer['id']) ? $insurer['id'] : '' ?>" />
+                <input type="hidden" name="insurer_id" id="insurer_id" />
 
-                        <div class="form-row">
-                            <div class="form-group col-md-4">
-                                <label for="insurer_name">Insurer Name<span class="text-danger">*</span></label>
-                                <input type="text" class="form-control" id="insurer_name" placeholder="Enter Insurer Name" value="<?= isset($insurer['name']) ? $insurer['name'] : '' ?>" name="name" required>
-                            </div>
+                <!-- Insurer Name -->
+                <div class="form-group row">
+                <label for="insurer_name" class="col-md-4 col-form-label">Insurer Name<span class="text-danger">*</span></label>
+                <div class="col-md-5">
+                    <input type="text" class="form-control" id="insurer_name" placeholder="Enter Insurer Name"
+                    value="<?= isset($insurer['name']) ? $insurer['name'] : '' ?>" name="name" required>
+                </div>
+                </div>
+
+                <!-- Short Name -->
+                <div class="form-group row">
+                <label for="short_name" class="col-md-4 col-form-label">Insurer Short Name<span class="text-danger">*</span></label>
+                <div class="col-md-5">
+                    <input type="text" class="form-control" id="short_name" placeholder="Enter Short Name"
+                    value="<?= isset($insurer['short_name']) ? $insurer['short_name'] : '' ?>"  name="short_name" required minlength="3" maxlength="8">
+                </div>
+                </div>
+
+                <!-- Insurer Type -->
+                <div class="form-group row">
+                <label class="col-md-4 col-form-label">Insurer Type</label>
+                <div class="col-md-6 d-flex align-items-center">
+                    <input type="radio" id="type_pvt" name="type" value="pvt" 
+                    <?= isset($insurer['type']) && $insurer['type'] == 'pvt' ? 'checked' : '' ?>>
+                    <label for="type_pvt" class="mr-3 ml-2 mt-1 ">PVT</label>
+                    <input type="radio" id="type_psu" name="type" value="psu"
+                    <?= isset($insurer['type']) && $insurer['type'] == 'psu' ? 'checked' : '' ?>>
+                    <label for="type_psu" class="mr-3 ml-2 mt-1 ">PSU</label>
+                </div>
+                </div>
+
+                <!-- Insurer Category -->
+                <div class="form-group row">
+                <label class="col-md-4 col-form-label">Insurer Category</label>
+                <div class="col-md-6 d-flex align-items-center">
+                    <input type="radio" id="cat_life" name="category" value="life" 
+                    <?= isset($insurer['category']) && $insurer['category'] == 'life' ? 'checked' : '' ?>>
+                    <label for="cat_life" class="mr-3 ml-2 mt-1 ">Life</label>
+                    <input type="radio" id="cat_general" name="category" value="general"
+                    <?= isset($insurer['category']) && $insurer['category'] == 'general' ? 'checked' : '' ?>>
+                    <label for="cat_general" class="mr-3 ml-2 mt-1 ">General (Non Life)</label>
+                </div>
+                </div>
+
+                <!-- Add one day (Addition) -->
+                <div class="form-group row">
+                <label class="col-md-4 col-form-label">Add one day to date of coverage when Addition/Dependent addition</label>
+                <div class="col-md-6 d-flex align-items-center">
+                    <label class="switch">
+                    <input id="addition_add_day" type="checkbox" name="addition_add_day"
+                        <?= (isset($insurer['addition_add_day']) && $insurer['addition_add_day'] == 1) ? 'checked' : '' ?>>
+                    <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                </div>
+                </div>
+
+                <!-- Add one day (Deletion) -->
+                <div class="form-group row">
+                <label class="col-md-4 col-form-label">Add one day to date of Deletion</label>
+                <div class="col-md-6 d-flex align-items-center">
+                    <label class="switch">
+                    <input id="deletion_add_day" type="checkbox" name="deletion_add_day"
+                        <?= (isset($insurer['deletion_add_day']) && $insurer['deletion_add_day'] == 1) ? 'checked' : '' ?>>
+                    <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                </div>
+                </div>
+
+
+                <!-- Multievent Export -->
+                <div class="form-group row">
+                <label class="col-md-4 col-form-label">Multievent Export</label>
+                <div class="col-md-6 d-flex align-items-center">
+                    <label class="switch mb-0">
+                    <input id="is_multi_event" type="checkbox" name="is_multi_event"
+                        <?= (isset($insurer['is_multi_event']) && $insurer['is_multi_event'] == 1) ? 'checked' : '' ?>>
+                    <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                </div>
+                </div>
+
+                <!-- Logo -->
+                <div class="form-group row">
+                <label for="insurer_logo" class="col-md-4 col-form-label">Insurer Logo</label>
+                <div class="col-md-5">
+                        <div class="form-input-icon">
+                            <input type="file" class="form-control" id="insurer_logo" name="insurer_logo" 
+                                accept="image/jpeg, image/jpg, image/png" onchange="PreviewImage();">
+                            <i class="mdi mdi-upload form-additional-icon"></i>
                         </div>
+                </div>
+                <div class="col-md-3">
+                    <img src="<?= isset($insurer['insurer_logo']) && !empty($insurer['insurer_logo']) ? base_url() . "public/uploads/logo/" . $insurer['insurer_logo'] : base_url() . "public/assets/images/avatar_2x.png" ?>" 
+                    width="100" height="100" id="uploadPreview" 
+                    class="avatar img-circle img-thumbnail" alt="avatar" />
+                </div>
+                </div>
 
-                        <div class="form-row">
-
-                            <div class="form-group col-md-2">
-                                <label for="short_name">Insurer Short Name<span class="text-danger">*</span></label>
-                                <input type="text" class="form-control" id="short_name" placeholder="Enter Short Name" value="<?= isset($insurer['short_name']) ? $insurer['short_name'] : '' ?>" name="short_name" required minlength="3" maxlength="8">
-                            </div>
-
-                            <div class="form-group col-md-4">
-                                <label class="switch" style="position: absolute;top: 32px;left: 17px;">
-                                    <input id="addition_add_day" type="checkbox" name="addition_add_day" <?= (isset($insurer['addition_add_day']) && $insurer['addition_add_day'] == 1) ? 'checked' : '' ?>>
-                                    <span class="slider round" style="height: 27px;"></span>
-                                </label>
-                                <label for="addition_add_day" style="position: relative;top: 30px;left: 82px;">Add one day to date of coverage when <br> Addition/Dependent addition</label>                            
-                            </div>
-
-                            <div class="form-group col-md-2">
-                                <label class="switch" style="position: absolute;top: 32px;left: 17px;">
-                                    <input id="deletion_add_day" type="checkbox" name="deletion_add_day" <?= (isset($insurer['deletion_add_day']) && $insurer['deletion_add_day'] == 1) ? 'checked' : '' ?>>
-                                    <span class="slider round" style="height: 27px;"></span>
-                                </label>
-                                <label for="deletion_add_day" style="position: relative;top: 30px;left: 82px;">Add one day to date of Deletion </label>                            
-                            </div>
-
-                        </div>
-
-                        <div class="form-row">
-
-                            <div class="form-group col-md-2">
-                                <label for="html">Insurer Type</label><br>
-                                <div style="margin-top: 10px;">
-                                    <input type="radio" id="html" name="type" value="pvt" <?= isset($insurer['type']) && $insurer['type'] == 'pvt' ? 'checked' : '' ?>>
-                                    <label for="html">PVT</label>&nbsp;
-                                    <input type="radio" id="css" name="type" value="psu" <?= isset($insurer['type']) && $insurer['type'] == 'psu' ? 'checked' : '' ?>>
-                                    <label for="css">PSU</label>
-                                </div>
-                            </div>
-
-                            <div class="form-group col-md-2">
-                                <label class="switch" style="position: absolute;top: 34px;left: 17px;">
-                                    <input id="is_multi_event" type="checkbox" name="is_multi_event" <?= (isset($insurer['is_multi_event']) && $insurer['is_multi_event'] == 1) ? 'checked' : '' ?>>
-                                    <span class="slider round" style="height: 27px;"></span>
-                                </label>
-                                <label for="deletion_add_day" style="position: relative;top: 30px;left: 82px;">Multievent Export</label>                            
-                            </div>
-
-                        </div>
-
-                        <div class="form-row">
-                            <div class="form-group col-md-4" style="position: relative;right: 0px;">
-                                <label for="html">Insurer Category</label><br>
-                                <div style="margin-top: 10px;">
-                                    <input type="radio" id="html" name="category" value="life" <?= isset($insurer['category']) && $insurer['category'] == 'life' ? 'checked' : '' ?>>
-                                    <label for="html">Life</label>&nbsp;
-                                    <input type="radio" id="css" name="category" value="general" <?= isset($insurer['category']) && $insurer['category'] == 'general' ? 'checked' : '' ?>>
-                                    <label for="css" style="position: absolute;left: 70px;">General(Non Life)</label>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="form-row">
-
-                            <div class="form-group col-md-4">
-                                <label for="short_name">Insurer Logo<span class="text-danger"></span></label>
-                                <input type="file" class="form-control" onchange="PreviewImage();" id="insurer_logo" name="insurer_logo" accept="image/jpeg, image/jpg, image/png">
-                            </div>
-
-                            <div class="form-group col-md-4 float-right" style="position: relative;left: 90px;top: 30px;">
-                                <img src="<?= isset($insurer['insurer_logo']) && !empty($insurer['insurer_logo']) ? base_url() . "public/uploads/logo/" . $insurer['insurer_logo'] : base_url() . "public/assets/images/avatar_2x.png" ?>" width="100" height="100" id="uploadPreview" class="avatar img-circle img-thumbnail" alt="avatar" />
-                            </div>
-
-                        </div>
-
-                    </div>
-
-                    <div class="form-group text-right m-b-0">
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
-                        <button type="button" class="btn btn-secondary waves-effect btnBack" id="btnBack">Cancel</button>
-                    </div>
-                </form>
+                <!-- Buttons -->
+                <div class="form-group row">
+                <div class="col-md-12 text-right">
+                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
+                    <button type="button" class="btn btn-secondary waves-effect btnBack" id="btnBack">Cancel</button>
+                </div>
+                </div>
+            </form>
+            </div>
             </div>
         </div> <!-- end col-->
     </div>
+    <!---- ends ------>
 </div>
 <!-- end -->
 
diff --git a/app/Views/insurer_branch.php b/app/Views/insurer_branch.php
index 6d4e0309..474716cd 100755
--- a/app/Views/insurer_branch.php
+++ b/app/Views/insurer_branch.php
@@ -1,13 +1,46 @@
-<div class="tab-pane fade" id="branch-tab">
+<style>
+.modal-subtitle {
+
+    font-weight: 500;       
+    font-style: normal;     
+    font-size: 18px;
+    line-height: 100%;      
+    letter-spacing: 0%;
+    text-align: center;
+    margin-top: 5px;         
+    color: #6c757d;         
+}
+</style>
+<!-- Optional CSS -->
+<style>
+/* Make modal really XL and scrollable */
+#branchModal .modal-dialog.modal-xl {
+    max-width: 90%;
+    height: 90vh;
+}
+
+#branchModal .modal-content {
+    height: 100%;
+    overflow: hidden;
+}
+
+#branchModal .modal-body {
+    overflow-y: auto;
+    max-height: 80vh;
+}
+</style>
+
+<div class="tab-pane fade" id="branch-tab" style="padding-left: 25px;">
     
-    <div class="row float-right" style="padding-bottom: 10px;position: relative;right: 13px;">
-            <button type="button" id="btnBranchAdd" class="btn btn-primary waves-effect waves-light btn-sm"><span class="mdi mdi-plus-box-outline" aria-hidden="true" style="padding: 5px 10px;"></span>Add Branch</button>                
+    <div class="row float-right" style="padding-bottom: 10px;position: relative;">
+            <a href="#" id="btnBranchAdd" class="btn app-btn-primary app-btn-border-radius  mr-2"><span class="mdi mdi-plus" aria-hidden="true" style="padding: 5px 10px;"></span>Add Branch</a>
     </div>
 
     <div class="table-responsive" id="branch_table" >
         
-        <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0">
-            <thead class="thead-light">
+        <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0" id="branch-datatable">
+            <thead class="">
+
                 <tr>
                     <th>Branch Name</th>
                     <th>Branch Code</th>
@@ -19,7 +52,7 @@
         </table>
     </div>
 
-    <div class="row" id="add_branch">
+    <!-- <div class="row" id="add_branch">
         <div class="col-12">
             <div class="card-body">
                 <div class="row float-right" style="position: relative; bottom: 20px; right: 13px;">
@@ -132,10 +165,139 @@
                 </form>
             </div>
         </div>
-    </div> <!-- end col-->
+    </div> !-- end col-- -->
 </div>
 <!-- end -->
 
+<!-- Modal -->
+<div class="modal fade" id="branchModal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1140px !important;">
+    <div class="modal-content">      
+      <!-- Modal Header -->
+      <div class="modal-header flex-column">
+        <div class="d-flex w-100 justify-content-between align-items-center">
+          <h4 class="modal-title mb-0" id="modalLabel">New Branch</h4>
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+        </div>
+      </div>
+      
+      <!-- Modal Body -->
+      <div class="modal-body" style="overflow-y:auto; max-height:80vh;">
+        <form id="insurer_branch_form" class="parsley-examples" method="post" enctype="multipart/form-data">
+          <div class="row">
+
+            <!-- Left Section: Branch Details -->
+            <div class="col-md-8 d-flex flex-column" style="max-height: calc(80vh - 50px);">
+              <!-- Branch Name & Code -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="branch_name">Branch Name <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="branch_name" name="branch_name" required>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="branch_code">Branch Code <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="branch_code" name="branch_code" required>
+                </div>
+              </div>
+
+              <!-- Address Lines -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="address1">Address Line 1 <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="address1" name="address1" required>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="address2">Address Line 2</label>
+                  <input type="text" class="form-control" id="address2" name="address2">
+                </div>
+              </div>
+
+              <!-- State & District -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="state">State <span class="text-danger">*</span></label>
+                  <select class="form-control" id="state" name="state" required>
+                    <option value="">Select State</option>
+                    <?php foreach($state as $value) { ?>
+                      <option value="<?= $value['id'] ?>"><?= $value['state'] ?></option>
+                    <?php } ?>
+                  </select>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="district">District <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="district" name="district" required>
+                </div>
+              </div>
+
+              <!-- City & Pincode -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="branch_city">City <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="branch_city" name="city" required>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="pincode">Pincode <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="pincode" name="pincode" required>
+                </div>
+              </div>
+
+              <!-- Submit / Cancel -->
+                <div class="form-row">
+                <!-- <div class="form-group col-md-12 mt-2"> -->
+                  <div class="mt-2">
+                    <button type="submit" class="btn app-btn-secondary app-btn-border-radius  mr-2" id="btnSubmit">Submit</button>
+                    <button type="button" class="btn app-btn-outline-secondary app-btn-border-radius btnBack" id="btnBack" data-dismiss="modal" aria-hidden="true">Cancel</button>
+                  </div>
+                <!-- </div> -->
+                </div>
+            </div>
+
+            <!-- Right Section: Contact Details -->
+            <div class="col-md-4" style="background:#f8f9fa; max-height: calc(80vh - 50px); overflow-y:auto; border-radius:8px; padding:10px;">
+              
+              <!-- First Contact -->
+              <div class="bg-white p-2 mb-2 rounded">
+                <div class="d-flex justify-content-between align-items-center mb-2">
+                  <h6 class="modal-subtitle mb-0">Contact 1</h6>
+                  <div class="d-flex align-items-center">
+                    <i class="mdi mdi-plus text-primary ac me-3" style="cursor:pointer; font-size:24px !important;" onclick="appendContactHtml()" id="add"></i>
+                    <i class="mdi mdi-trash-can text-danger" style="cursor:pointer; font-size:24px !important;" onclick="removeContact(this)" id="contact_1_remove"></i>
+                  </div>
+                </div>
+
+                <!-- Contact Form Fields -->
+                <input type="hidden" name="primarykey[]" id="contact_id_1" value=""/>
+                <div class="form-group mb-2">
+                  <label for="name_1">Name <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" placeholder="Enter Contact Name" name="name[]" id="name_1" required>
+                </div>
+                <div class="form-group mb-2">
+                  <label for="designation_1">Designation <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" placeholder="Enter Designation Name" name="designation[]" id="designation_1" required>
+                </div>
+                <div class="form-group mb-2">
+                  <label for="email_1">Email <span class="text-danger">*</span></label>
+                  <input type="email" class="form-control" placeholder="Enter Contact Email" name="email[]" id="email_1" required>
+                </div>
+                <div class="form-group mb-2">
+                  <label for="mobile_1">Mobile <span class="text-danger">*</span></label>
+                  <input type="tel" class="form-control" placeholder="Enter Contact Mobile" pattern="[0-9]{10}" name="mobile[]" id="mobile_1" required>
+                </div>
+              </div>
+
+              <!-- Container for dynamically added contacts -->
+              <div id="container"></div>
+
+            </div>
+
+          </div>
+        </form>
+      </div>
+
+    </div>
+  </div>
+</div>
+
 
 <script>
 
@@ -146,8 +308,10 @@
     $(document).ready(function () {
 
         insurer_Branch_PrimaryKey = $('#insurer_id_branch').val();
+        var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+        myModal.hide();
             
-        $('#add_branch').hide();
+        // $('#add_branch').hide();
         $('.btnBack').hide();    
 
         if(insurer_Branch_PrimaryKey !== ''){
@@ -169,6 +333,10 @@
             $('#insurer_branch_list').append(branchTable); 
         }
 
+                $('#branch-datatable').DataTable({
+                    paging: true ,
+                    searching: true
+                });        
     }); 
 
 
@@ -177,10 +345,12 @@
         $("#insurer_branch_form")[0].reset();
         contactCount = 1
         insurer_branch_form_action = '<?= base_url("master/insurer/branch/create"); ?>';
-        $('#add_branch').show();
-        $('#branch_table').hide();
+        var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+        myModal.show();
+        // $('#add_branch').show();
+        // $('#branch_table').hide();
         $('.btnBack').show();
-        $('#btnBranchAdd').hide();
+        // $('#btnBranchAdd').hide();
 
         $('#branch_name').val('');
         $('#branch_code').val('');
@@ -220,10 +390,12 @@
 
         $("#insurer_branch_form")[0].reset();
         contactCount = 1
-        $('#add_branch').hide();
-        $('#branch_table').show();
+        var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+        myModal.hide();
+        // $('#add_branch').hide();
+        // $('#branch_table').show();
         $('.btnBack').hide();
-        $('#btnBranchAdd').show();
+        // $('#btnBranchAdd').show();
 
         $('#branch_name').val('');
         $('#branch_code').val('');
@@ -279,10 +451,13 @@
                     });
 
                     $('#insurer_branch_list').append(insurerBranchTableInsert); 
-                    $('#add_branch').hide();
-                    $('#branch_table').show();
+                    var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+                    myModal.hide();
+
+                    // $('#add_branch').hide();
+                    // $('#branch_table').show();
                     $('.btnBack').hide();
-                    $('#btnBranchAdd').show();
+                    // $('#btnBranchAdd').show();
 
                 },
                 error: function (xhr, status, error) {
@@ -324,10 +499,12 @@
                     $('.loader').fadeOut();
                     $('.loader-mask').delay(350).fadeOut('slow');
                 }, 1000);
-                $('#add_branch').show();
-                $('#branch_table').hide();
+                var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+                myModal.show();
+                // $('#add_branch').show();
+                // $('#branch_table').show();
                 $('.btnBack').show();
-                $('#btnBranchAdd').hide();
+                // $('#btnBranchAdd').hide();
                 $('#branch_name').val(res.insurerbranch.branch_name);
                 $('#branch_code').val(res.insurerbranch.branch_code);
                 $('#state option[value="' + res.insurerbranch.state + '"]').prop('selected', true);
@@ -377,35 +554,42 @@
         var uniqueId = Date.now().toString(); 
 
         var html = `
-        <div id="${uniqueId}">
-            <hr>
-            <h6 class="header-title">Contact ${contactCount}</h6>
+        <div id="${uniqueId}" class="bg-white p-2 m-1 rounded">
+         <div class="bg-white p-2 mb-2 rounded">
+            <div class="d-flex justify-content-between align-items-center mb-2">
+                  <h6 class="modal-subtitle mb-0">Contact ${contactCount}</h6>
+                  <div class="d-flex align-items-center">
+                    <i class="mdi mdi-plus text-primary ac me-3" style="cursor:pointer; font-size:24px !important;" onclick="appendContactHtml()" id="${uniqueId}_add"></i>
+                    <i class="mdi mdi-trash-can text-danger" style="cursor:pointer; font-size:24px !important;" onclick="removeContact(this)" id="${uniqueId}_remove"></i>
+                  </div>
+            </div>
             <br>
             <div class="form-row">
                 <input type="hidden" name="primarykey[]" id="contact_id_1" value="${contact !== undefined && contact !== false ? contact.id : ''}"/>
-                <div class="form-group col-md-6">
+                <div class="form-group col-md-12">
                     <label for="${uniqueId}_first_name">Name<span class="text-danger">*</span></label>
                     <input value="${contact !== undefined && contact !== false ? contact.name : ''}" type="text" class="form-control" placeholder="Enter Contact Name" name="name[]" id="${uniqueId}_name" required>
                 </div>
-                <div class="form-group col-md-6">
+            </div>
+            <div class="form-row">
+                <div class="form-group col-md-12">
                     <label for="${uniqueId}_last_name">Email<span class="text-danger">*</span></label>
                     <input data-parsley-type="email" value="${contact !== undefined && contact !== false ? contact.email : ''}" type="email" class="form-control" placeholder="Enter Contact Email" name="email[]" id="${uniqueId}_email" required>
                 </div>
             </div>
             <div class="form-row">
-                <div class="form-group col-md-6">
+                <div class="form-group col-md-12">
                     <label for="${uniqueId}_mobile">Mobile<span class="text-danger">*</span></label>
                     <input data-parsley-type="number" data-parsley-length="[10,10]" pattern="[0-9]{10}" value="${contact !== undefined && contact !== false ? contact.mobile : ''}" type="tel" class="form-control" placeholder="Enter Contact Mobile" name="mobile[]" id="${uniqueId}_mobile" required>
                 </div>
-                <div class="form-group col-md-6">
+            </div>
+            <div class="form-row">
+                <div class="form-group col-md-12">
                     <label for="${uniqueId}_designation">Designation<span class="text-danger">*</span></label>
                     <input value="${contact !== undefined && contact !== false ? contact.designation : ''}" type="text" class="form-control" placeholder="Enter Designation Name" name="designation[]" id="${uniqueId}_designation" required>
                 </div>
             </div>
-            <div class="form-group" style="display: flex;">
-                <button style="margin-right: 10px;" type="button" class="btn btn-primary btn-sm ac" onclick="appendContactHtml()" id="${uniqueId}_add">Add Contact</button>
-                <button type="button" class="btn btn-danger btn-sm" onclick="removeContact(this)" id="${uniqueId}_remove">Remove</button>
-            </div>
+         </div>
         </div>
         `;
 
diff --git a/app/Views/insurer_export_templete.php b/app/Views/insurer_export_templete.php
index 77a55bee..2f735cd2 100755
--- a/app/Views/insurer_export_templete.php
+++ b/app/Views/insurer_export_templete.php
@@ -45,37 +45,40 @@
     }
 </style>
 
-<div class="tab-pane fade" id="template-tab">
+<div class="tab-pane fade" id="template-tab" style="padding-left: 25px;">
 
     <input type="hidden" id="insurer_templete_count" value="<?= isset($insurer_templete_count) ? $insurer_templete_count : ''?>">
     <input type="hidden" id="insurer_id" value="<?= isset($insurer['id']) ? $insurer['id'] : '' ?>">
  
     <div class="row">
         <div class="form-group col-md-4">
+            <div class="custom-form">
             <label for="email">Existing Insurer Export<span class="text-danger">*</span></label>
             <select class="form-control" id="insurer" name="insurer" required>
                 <option value="">Select Insurer</option>
             </select>
+            </div>
         </div>
 
         <div class="form-group col-md-6" style="position: relative;top: 28px;">
             <label for="email"><span class="text-danger"></span></label>
-            <a href="#" class="btn btn-primary waves-effect waves-light" onclick="checkInsurerTemplete(this)">Copy</a>
+            <a href="#" class="btn app-btn-secondary app-btn-border-radius mr-2" onclick="checkInsurerTemplete(this)">Copy</a>
         </div>
         
-        <div class="form-group col-md-2" style="position: relative;top: 28px;left: 80px;">
-            <label for="email"><span class="text-danger"></span></label>
-            <a href="#" class="btn btn-primary waves-effect waves-light" onclick="addNewJsonExportTemplate(this)">Add New</a>
+        <div class="form-group col-md-2" style="position: relative;top: 28px;">
+            <div class="float-right">
+                <label for="email"><span class="text-danger"></span></label>
+                <a href="#" class="btn app-btn-primary app-btn-border-radius" onclick="addNewJsonExportTemplate(this)"><i class="mdi mdi-plus"></i> Add </a>
+            </div>
         </div>
-
+      
     </div>
 
-    <hr>
-
     <div class="table-responsive" id="branch_table" >
         
-        <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0">
-            <thead class="thead-light">
+        <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0" id="insurer_datatable">
+            <thead class="">
+
                 <tr>
                     <th>S.NO</th>
                     <th>Policy Type</th>
@@ -164,7 +167,7 @@
 
                     </div>
 
-                    <hr>
+                    <hr class="mb-0">
 
                     <!-- <div class="form-row dynamic-form-row">
                         <div class="form-group col-md-5">
@@ -191,7 +194,7 @@
 
                     </div>
                 <div class="form-group text-right m-b-0" id="hide_smbt_btn">
-                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1">Submit</button>
+                    <button type="submit" class="btn btn-primary app-btn-border-radius waves-effect waves-light mr-1">Submit</button>
                 </div>
             </form>
             </div>
@@ -255,7 +258,15 @@
     $(document).ready(function(){
         $('#insurer').select2();
         // $('#event').select2();
-        featchInsurerList()
+        featchInsurerList();
+
+        setTimeout(() => {
+                $('#insurer_datatable').DataTable({
+                    paging: true ,
+                    searching: true
+                });
+        }, 2000);
+
     })
     
     $('#templateForm').submit(function(event) {
@@ -471,7 +482,12 @@
         const newRow = document.createElement('div');
         newRow.className = 'form-row dynamic-form-row';
         newRow.innerHTML = `
-
+        <div class="mt-3 p-3" style="width: 100%; background: #F7F7F7; 
+            border-radius: 30px !important;  
+            display: flex; 
+            gap: 10px;
+            opacity: 1;
+        ">
             <div class="form-group col-md-3">
                 <label for="db_column_name">DataBase Column Name<span class="text-danger"></span></label>
                 <select class="form-control db-column-name-select dbColumn" name="db_column_name[]" onchange="checkForDuplicates(this); handleDbColumnChange(this)" ${data !== null && data !== undefined && data !== '' && data.default_value != "" && data.default_value != null ? 'disabled' : ''}>
@@ -494,10 +510,11 @@
                 <input id="default_value" value="${data != null && data != undefined && data != '' && data.default_value != "" && data.default_value != null ? data.default_value : ''}" class="form-control" type="text" name="default_value[]" placeholder="Excel Default value">
             </div>
 
-            <div class="form-group col-md-2" style="position: relative;top: 28px;">
-                <a class="btn btn-primary waves-effect waves-light mr-1" onclick="addHTMLInput(this)">+</a>
-                <a class="btn btn-danger waves-effect waves-light" onclick="removeHTMLInput(this)">x</a>
+            <div class="form-group col-md-2" style="position: relative;left: 28px;">
+                <a class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light mr-1" onclick="addHTMLInput(this)"><i class="mdi mdi-plus text-white" style="cursor:pointer; font-size:15px !important;"></i></a>
+                <a class="btn btn-danger app-btn-border-radius waves-effect waves-light" onclick="removeHTMLInput(this)"><i class="mdi mdi-trash-can text-white" style="cursor:pointer; font-size:15px !important;"></i></a>
             </div>
+        </div>
         `;
         container.appendChild(newRow);
         if (data != null && data.db_column_name != undefined) {
diff --git a/app/Views/insurer_list.php b/app/Views/insurer_list.php
index ff42e50b..9b52aa41 100755
--- a/app/Views/insurer_list.php
+++ b/app/Views/insurer_list.php
@@ -43,10 +43,10 @@
 <div class="row" id="insurer_list">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
+            <div class="card-body maincard">
                     <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
-                            <h4 style="position: relative;">Insurer List</h4>
+                            <h4 style="position: relative;">Insurers</h4>
                         </div>
                     </div>
                 <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
diff --git a/app/Views/insurer_onboarding.php b/app/Views/insurer_onboarding.php
index 68c10e80..f56c92ef 100755
--- a/app/Views/insurer_onboarding.php
+++ b/app/Views/insurer_onboarding.php
@@ -1,8 +1,8 @@
 <div class="row" id="insurer_add">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
-                <div class="row" style="padding-bottom: 10px;">
+            <div class="card-body maincard">
+                <!-- <div class="row" style="padding-bottom: 10px;">
                     <div class="col-6" style="align-self: center;">
                         <h4 style="position: relative;">Insurer</h4>
                     </div>
@@ -11,12 +11,19 @@
                             <i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> 
                         </a>
                     </div>
-
+                </div> -->
+                <div class="row" style="padding-bottom: 10px;padding-left: 20px;">
+                    <h4 class="d-flex align-items-center" style="gap: 8px;">
+                        <span onclick="history.back()" style="cursor: pointer;">
+                            <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
+                        </span>
+                        <span class="title-text ">Insurer</span>
+                    </h4>
                 </div>
                 <ul class="nav nav-pills navtab-bg">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            class="nav-link px-3 py-2 active">
+                            class="nav-link px-3 py-2 active-tab active">
                             <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
                             <span class="d-none d-sm-inline-block">General</span>
                         </a>
diff --git a/app/Views/kyc_docs.php b/app/Views/kyc_docs.php
index 22636a6d..623087d3 100755
--- a/app/Views/kyc_docs.php
+++ b/app/Views/kyc_docs.php
@@ -1,4 +1,4 @@
-<div class="tab-pane fade" id="branch-tab">
+<div class="tab-pane fade" id="branch-tab" style="padding-left: 22px;">
     
     <div class="row float-right" style="padding-bottom: 10px;position: relative;right: 13px;">
             <button type="button" id="btnBranchAdd" class="btn btn-primary waves-effect waves-light btn-sm"><span class="mdi mdi-plus-box-outline" aria-hidden="true" style="padding: 5px 10px;"></span>Add KYC Docs</button>                
@@ -7,7 +7,7 @@
     <div class="table-responsive" id="branch_table" >
         
         <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0" id="table-kyc-docs">
-            <thead class="thead-light">
+            <thead class="">
                 <tr>
                     <th>File Name</th>
                     <th>Action</th>
@@ -18,7 +18,7 @@
         </table>
     </div>
 
-    <div class="row" id="add_branch">
+    <!-- <div class="row" id="add_branch">
         <div class="col-12">
             <div class="card-body">
                 <div class="row float-right" style="position: relative; bottom: 20px; right: 13px;">
@@ -52,19 +52,68 @@
                 </form>
             </div>
         </div>
-    </div> <!-- end col-->
+    </div> end col -->
 </div>
 <!-- end -->
 
+<div class="modal fade" id="kycdocsModal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">      
+
+      <!-- Modal Header -->
+      <div class="modal-header flex-column">
+        <div class="d-flex w-100 justify-content-between align-items-center">
+          <h4 class="modal-title mb-0" id="modalLabel">KYC Docs</h4>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">×</span>
+          </button>
+        </div>
+      </div>
+      
+      <!-- Modal Body -->
+      <div class="modal-body" style="overflow-y:auto; max-height:80vh;">
+        <form role="form" class="parsley-examples" method="post" id="kyc_docs_form" enctype="multipart/form-data">
+          
+          <!-- CSRF + hidden inputs -->
+          <input type="hidden" class="form-control" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />    
+          <input type="hidden" name="PrimaryKey" id="kyc_Docs_PrimaryKey" />
+          <input type="hidden" name="kyc_type_id" id="kyc_type_id" value="<?= isset($kyc['id']) ? $kyc['id'] : '' ?>"/>
+
+          <!-- Form fields -->
+          <div class="form-row">
+            <div class="form-group col-md-12">
+              <label for="file_name">KYC Docs File Name <span class="text-danger">*</span></label>
+              <input type="text" class="form-control" id="file_name" name="file_name" placeholder="Enter File Name" required>
+            </div>
+          </div>
+
+          <!-- Form Actions -->
+          <div class="form-group text-right mb-0">
+            <button type="button" class="btn app-btn-outline-secondary app-btn-border-radius waves-effect btnBack" id="btnBack" data-dismiss="modal">
+              Cancel
+            </button>
+            <button type="submit" class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light mr-1" id="btnSubmit">
+              Submit
+            </button>
+          </div>
+          
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
+
 <script>
 
 $(document).ready(function () {
 
     var kyc_Docs_PrimaryKey = $('#kyc_General_PrimaryKey').val();
     var kyc_docs_form_action = '';
-    
-    $('#add_branch').hide();
-    $('.btnBack').hide();
+    var myModal = new bootstrap.Modal(document.getElementById('kycdocsModal'));
+        myModal.hide();
+    // $('#add_branch').hide();
+    // $('.btnBack').hide();
 
     loadKYCDocsList();
 
@@ -72,11 +121,12 @@ $(document).ready(function () {
     $('#btnBranchAdd').click(function(){
 
         kyc_docs_form_action = '<?= base_url("master/kyc/kycdocs/createpost"); ?>';
-
-        $('#add_branch').show();
-        $('#branch_table').hide();
-        $('.btnBack').show();
-        $('#btnBranchAdd').hide();
+        var myModal = new bootstrap.Modal(document.getElementById('kycdocsModal'));
+        myModal.show();
+        // $('#add_branch').show();
+        // $('#branch_table').hide();
+        // $('.btnBack').show();
+        // $('#btnBranchAdd').hide();
 
         $('#file_name').val('');
         $('#state').val('');
@@ -100,11 +150,12 @@ $(document).ready(function () {
     })    
 
     $('.btnBack').click(function(){
-
-        $('#add_branch').hide();
-        $('#branch_table').show();
-        $('.btnBack').hide();
-        $('#btnBranchAdd').show();
+        var myModal = new bootstrap.Modal(document.getElementById('kycdocsModal'));
+        myModal.hide();
+        // $('#add_branch').hide();
+        // $('#branch_table').show();
+        // $('.btnBack').hide();
+        // $('#btnBranchAdd').show();
 
         $('#file_name').val('');
         $('#state').val('');
@@ -189,10 +240,12 @@ $(document).ready(function () {
                         `;   
                     });
                     $('#kyc_docs_list').append(insurerBranchTableInsert); 
-                    $('#add_branch').hide();
-                    $('#branch_table').show();
-                    $('.btnBack').hide();
-                    $('#btnBranchAdd').show();
+                    var myModal = new bootstrap.Modal(document.getElementById('kycdocsModal'));
+                    myModal.hide();
+                    // $('#add_branch').hide();
+                    // $('#branch_table').show();
+                    // $('.btnBack').hide();
+                    // $('#btnBranchAdd').show();
                 },
                 error: function (xhr, status, error) {
                     console.error(xhr.responseText);
@@ -223,10 +276,12 @@ $(document).ready(function () {
                     $('.loader-mask').delay(350).fadeOut('slow');
                 }, 1000);
                 console.log("right.........");
-                $('#add_branch').show();
-                $('#branch_table').hide();
-                $('.btnBack').show();
-                $('#btnBranchAdd').hide();
+                var myModal = new bootstrap.Modal(document.getElementById('kycdocsModal'));
+                myModal.show();
+                // $('#add_branch').show();
+                // $('#branch_table').hide();
+                // $('.btnBack').show();
+                // $('#btnBranchAdd').hide();
                 $('#file_name').val(res.policies.file_name);
                 $('#kyc_Docs_PrimaryKey').val(res.policies.id);
                 
@@ -314,7 +369,7 @@ $(document).ready(function () {
     setTimeout(() => {
         $('#table-kyc-docs').DataTable({
             paging: true ,
-            searching: false
+            searching: true
         });
     }, 2000);
 }); 
diff --git a/app/Views/kyc_entity_type_basic_info.php b/app/Views/kyc_entity_type_basic_info.php
index 2a0980f6..84a58bc8 100755
--- a/app/Views/kyc_entity_type_basic_info.php
+++ b/app/Views/kyc_entity_type_basic_info.php
@@ -2,6 +2,7 @@
     <div class="row">
         <div class="col-12">
             <div class="card-body">
+                <div class="custom-form">
                 <form role="form" class="parsley-examples" method="post" id="kyc_general_form" enctype="multipart/form-data">
                 <input type="hidden"  value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />    
                 <input type="hidden" name="PrimaryKey" id="kyc_General_PrimaryKey" value="<?= isset($kyc['id']) ? $kyc['id'] : '' ?>"/>
@@ -16,16 +17,17 @@
                             </div>
                         </div>
 
-                        <hr>
+                        <br>
                     </div>
 
                     <div class="form-group text-right m-b-0">
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                        <button type="submit" class="btn btn-primary app-btn-border-radius waves-effect waves-light mr-1"
                             id="btnSubmit">Submit</button>
                         <button type="button" class="btn btn-secondary waves-effect btnBack"
                             id="btnBack">Cancel</button>
                     </div>
                 </form>
+                </div>
             </div>
         </div> <!-- end col-->
     </div>
diff --git a/app/Views/kyc_list.php b/app/Views/kyc_list.php
index ff785b59..c1b10112 100755
--- a/app/Views/kyc_list.php
+++ b/app/Views/kyc_list.php
@@ -43,10 +43,10 @@
 <div class="row" id="kyc_list">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
+            <div class="card-body maincard">
                     <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
-                            <h4 style="position: relative;">KYC List</h4>
+                            <h4 style="position: relative;">KYC</h4>
                         </div>
                     </div>
                 <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
diff --git a/app/Views/kyc_onboarding.php b/app/Views/kyc_onboarding.php
index 7ddeefb4..4e1ffd8d 100755
--- a/app/Views/kyc_onboarding.php
+++ b/app/Views/kyc_onboarding.php
@@ -33,19 +33,27 @@ body {
 <div class="row" id="insurer_add">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
-                <div class="row" style="padding-bottom: 10px;">
+            <div class="card-body maincard">
+                <div class="row" style="padding-bottom: 10px;padding-left: 20px;">
+                    <h4 class="d-flex align-items-center" style="gap: 8px;">
+                        <span onclick="history.back()" style="cursor: pointer;">
+                            <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
+                        </span>
+                        <span class="title-text ">KYC Entity Type</span>
+                    </h4>
+                </div>
+                <!-- <div class="row" style="padding-bottom: 10px;">
                     <div class="col-6" style="align-self: center;">
                         <h4 style="position: relative;">KYC Entity Type</h4>
                     </div>
                     <div class="col-6" style="text-align: right;">
                         <a href="<?= base_url("master/kyc/list"); ?>" ><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div>
-                </div>
+                </div> -->
                 <ul class="nav nav-pills navtab-bg">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            class="nav-link px-3 py-2 active">
+                            class="nav-link px-3 py-2 active-tab active">
                             <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
                             <span class="d-none d-sm-inline-block">General</span>
                         </a>
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index c94398b4..0008aa61 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -248,9 +248,6 @@
             margin: 0 5px 10px!important;
         }
 
-        .nav-pills{
-            margin-left: 20px;
-        }
 
         .navbar-custom {
             top: -10px !important;
@@ -332,15 +329,15 @@
 
     <!-- parsley-examples section starts  -->
     <style>        
-        .parsley-examples 
+        /* .parsley-examples 
         {
             background-color: #F5FFFF;
             padding: 25px;
-            border: 2px solid #fff;
+            border: 2px solid #F5FFFF;
             border-radius: 10px;
-            /* box-shadow: 2px 2px 2px; */
             box-shadow: 0px 1px 1px 0px #00000040;
-        }
+        } 
+        */
 
     </style>
 
@@ -597,7 +594,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
         color: #fff !important;
         border-top: 0px solid #fff !important;
         border-bottom: 0px solid #fff !important;
-        text-align: center;
         vertical-align: middle;
     }
 
@@ -707,6 +703,11 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
             font-weight: 500 !important;
             color:#000 !important;
         }
+
+        .buttons-html5{
+            margin-right:10px !important;
+        }
+
     </style>
 
 
@@ -803,6 +804,13 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
             pointer-events: none; /* icon doesn’t block input clicks */
         }
 
+        
+        .modal input[type='file'] {
+            padding:10px !important;
+            background-color: #ECECEC !important;
+            color:#000 !important;
+        }
+
         .modal .modal-dialog{
             margin:5px auto!important;
         }
@@ -889,7 +897,8 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
 
         /* Apply to normal inputs and selects */
         input,
-        select {
+        select,
+        textarea {
             border-radius: 10px !important;
             box-shadow: 0px 2px 4px 0px #00000024 !important;
             border-color: #ffff !important;
@@ -954,10 +963,16 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
 
     <!-- accordian -->
     <style>
-        .collapse.show
-        ,.card #collapseOne .card-body
+
+        .card #collapseOne .card-body  ,
+        .card #collapseTwo .card-body 
         {
             background-color: #F5FFFF !important;
+            border: 2px solid #F5FFFF;
+            border-radius: 10px;
+            /* box-shadow: 2px 2px 2px; */
+            box-shadow: 0px 1px 1px 0px #00000040;
+
         }
     </style>
 
@@ -1069,7 +1084,44 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
         }
     </style>
 
-
+<style>
+        .custom-form .parsley-examples {
+            background-color: transparent !important;
+            padding: 0 !important;
+            border: none !important;
+            box-shadow: none !important;
+        }
+        .custom-form .form-control {
+            background-color: #F5FFFF !important;
+            border: 1px solid #ccc;   /* optional */
+            /* color: #000;               keep text readable */
+            box-shadow: none !important;   
+        }
+        .custom-form .form-control:focus {
+            background-color: #F5FFFF !important; 
+            box-shadow: none;                     
+        }
+        .custom-form .select2-container--default .select2-selection--multiple {
+            background-color: #F5FFFF !important; 
+            border: 1px solid #ccc;
+        }
+        .custom-form .select2-container .select2-selection--single {
+            background-color: #F5FFFF !important; 
+            border: 1px solid #ccc !important;
+            height: 38px !important;
+            box-shadow: none !important;   
+        }
+        .custom-form .select2-container--default .select2-selection--multiple {
+            background-color: #F5FFFF !important; 
+            border: 1px solid #ccc !important;
+            min-height: 38px !important;
+            border-radius: 5px; /* optional */
+        }
+        .maincard{
+            margin-top:0 !important;
+            padding-top: 0 !important;
+        }
+   </style>
 
 </head>
 
diff --git a/app/Views/policies.php b/app/Views/policies.php
index 558e5772..2d8fe5eb 100755
--- a/app/Views/policies.php
+++ b/app/Views/policies.php
@@ -7,7 +7,7 @@
     <div class="table-responsive" id="branch_table" >
         
         <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0" id="table-policies">
-            <thead class="thead-light">
+            <thead class="">
                 <tr>
                     <th>Insurer</th>
                     <th>Name</th>
diff --git a/app/Views/policy_gmc_terms.php b/app/Views/policy_gmc_terms.php
index 7074e83a..741c74ba 100755
--- a/app/Views/policy_gmc_terms.php
+++ b/app/Views/policy_gmc_terms.php
@@ -166,7 +166,8 @@
                                             class="underline-input min_age"
                                             value="<?php echo (isset($self_min_age) && $self_min_age > 0) ? $self_min_age : '18'; ?>"
                                             style="width: 35%;;" type="number" name="self_min_age" id="self_min_age"
-                                            onchange="lowerIsEighteen(this)"></div>
+                                            onchange="lowerIsEighteen(this)">
+                                    </div>          
                                 </td>
                                 <td style="width: 28%;">
                                     <div class="self-age"><span style="margin-right:20px;color:black;">Max Age:</span><input
@@ -181,15 +182,6 @@
                                         style="margin-right: 70px;" name="is_payable_employee_for_self"
                                         id="is_payable_employee_for_self"> </td> -->
                             </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
                             <tr>
                                 <td style="width: 11%;"><span style="margin-right:20px;color:black;">Spouse:</span></td>
                                 <td style="width: 11%;"><input type="checkbox" style="margin-right: 70px;"
@@ -215,16 +207,7 @@
                                         id="is_payable_employee_for_spouse"> </td> -->
                             </tr>
                             <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td style="width: 11%;"><span for="children">Children:</span></td>
+                                <td style="width: 11%;"><span for="children" style="color:black;">Children:</span></td>
                                 <td style="width: 11%;"><select name="family_floaters[]" id="children">
                                         <option value="0">None</option>
                                         <option value="1">1</option>
@@ -253,15 +236,7 @@
                                         style="margin-right: 70px;" name="is_payable_employee_for_child"
                                         id="is_payable_employee_for_child"> </td> -->
                             </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
+
                         </tbody>
                     </table>
 
@@ -269,7 +244,7 @@
                     <div style="margin-top:10px"></div>
 
                     <div style="margin-top:10px">
-                        <span for="family_floaters" style="color:black;">Select Other Members:</span>
+                        <span for="family_floaters" style="color:black;"><b>Select Other Members:</b></span>
                         <select name="family_floaters[]" id="family_floaters" style="margin-left: 10px;">
                             <option value="0">None</option>
                             <option value="1P">Only one parent (Either Father / Mother)</option>
@@ -289,7 +264,7 @@
                                     <td style="width: 22%;">
                                         <div class="other-member-age"><span style="margin-right:20px;color:black;">Elders
                                                 Count:</span><input class="underline-input" id="member_count"
-                                                style="width: 30%; width: 30%;background: lightgray;" type="number"
+                                                style="width: 30%; width: 30%;" type="number"
                                                 name="elder_member_count" id="member_count" readonly></div>
                                     </td>
                                     <td style="width: 28%;">
@@ -861,10 +836,16 @@
                     <label for="totalSumInsured">Sum Insured enhancement</label>
                 </div>
                 <div class="col-md-6">
-                    <input type="radio" name="suminsuredenhancement" class="suminsuredenhancement" value="1"> 
-                    <label for="">Yes</label>
-                    <input type="radio" name="suminsuredenhancement" class="suminsuredenhancement" value="0" style="margin-left:10px"> No
-                    <label for="">No</label>
+                    <span>
+                        <input type="radio" name="suminsuredenhancement" class="suminsuredenhancement" value="1"> 
+                        <span style="color:black;"><b>Yes</b></span>
+                    </span>
+                    <span>
+                        <input type="radio" name="suminsuredenhancement" class="suminsuredenhancement" value="0" style="margin-left:10px">
+                        <span style="color:black;"><b>No</b></span>
+                    </span>
+
+
                 </div>
             </div>
 
diff --git a/app/Views/policy_type_basic_info.php b/app/Views/policy_type_basic_info.php
index 6dd82480..3ef7a288 100755
--- a/app/Views/policy_type_basic_info.php
+++ b/app/Views/policy_type_basic_info.php
@@ -2,6 +2,7 @@
     <div class="row">
         <div class="col-12">
             <div class="card-body">
+                <div class="custom-form">
                 <form role="form" class="parsley-examples" method="post" id="policytype_general_form" enctype="multipart/form-data">
                 <input type="hidden"  value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />    
                 <input type="hidden" name="PrimaryKey" id="policytype_General_PrimaryKey" value="<?= isset($policytype['id']) ? $policytype['id'] : '' ?>"/>
@@ -70,16 +71,18 @@
 
                         </div>
 
-                        <hr>
+                        <!-- <hr> -->
+                         <br>
                     </div>
                     
                     <div class="form-group text-right m-b-0">
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                        <button type="submit" class="btn btn-primary app-btn-border-radius waves-effect waves-light mr-1"
                             id="btnSubmit">Submit</button>
                         <button type="button" class="btn btn-secondary waves-effect btnBack"
                             id="btnBack">Cancel</button>
                     </div>
                 </form>
+                </div>
             </div>
         </div> <!-- end col-->
     </div>
diff --git a/app/Views/policy_type_list.php b/app/Views/policy_type_list.php
index 81a6fbad..b79fc7f2 100755
--- a/app/Views/policy_type_list.php
+++ b/app/Views/policy_type_list.php
@@ -69,7 +69,7 @@
 <div class="row" id="policy_list">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
+            <div class="card-body maincard">
                     <!-- <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
                             <h4 style="position: relative;">Policy Type List</h4>
@@ -78,6 +78,11 @@
                             <a href="<?= base_url("master/policy/create"); ?>" type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light" data-toggle="" data-placement="top" title="Add" data-trigger="hover">ADD</a>                
                         </div>
                     </div> -->
+                    <div class="row" style="margin-bottom:1rem;">
+                        <div class="col-6" style="align-self: center;">
+                            <h4 style="position: relative;">Policy</h4>
+                        </div>
+                    </div>
                 <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
                     id="tickets-table">
                     <thead class="bg-light">
diff --git a/app/Views/policy_type_onboarding.php b/app/Views/policy_type_onboarding.php
index 88a0c68e..c219583c 100755
--- a/app/Views/policy_type_onboarding.php
+++ b/app/Views/policy_type_onboarding.php
@@ -30,23 +30,32 @@ body {
 
 </style>
 
-<div class="row" id="policy_add">
+<div id="policy_add">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
-                <div class="row" style="padding-bottom: 10px;">
+            <div class="card-body maincard">
+                <!-- <div class="row" style="padding-bottom: 10px;">
                     <div class="col-6" style="align-self: center;">
                         <h4 style="position: relative;">Policy Type</h4>
                     </div>
                     <div class="col-6" style="text-align: right;">
                         <a href="<?= base_url("master/policy/list"); ?>"><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div>
+                </div> -->
+                <div class="row" style="padding-bottom: 10px;padding-left: 20px;">
+                    <h4 class="d-flex align-items-center" style="gap: 8px;">
+                        <span onclick="history.back()" style="cursor: pointer;">
+                            <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
+                        </span>
+                        <span class="title-text ">Policy Type</span>
+                    </h4>
                 </div>
                 <ul class="nav nav-pills navtab-bg">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            class="nav-link px-3 py-2 active">
+                            class="nav-link px-3 py-2 active-tab active">
                             <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
+
                             <span class="d-none d-sm-inline-block">General</span>
                         </a>
                     </li>
diff --git a/app/Views/test_members_list.php b/app/Views/test_members_list.php
index 28ebd031..79b52c8b 100644
--- a/app/Views/test_members_list.php
+++ b/app/Views/test_members_list.php
@@ -132,7 +132,7 @@ th:first-child, td:first-child {
             <div class="card-body">
                 <div class="row" style="padding-bottom: 10px;">
                     <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">Employees</h4>
+                        <h3 style="position: relative;">Employees</h3>
                     </div>
                 </div>
                 <table data-custom-table-css="table" class="table table-striped mb-0 nowrap" cellspacing="0" id="tickets-table">
diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php
index 56dc6134..73e1641f 100644
--- a/app/Views/thz_list.php
+++ b/app/Views/thz_list.php
@@ -1,11 +1,5 @@
 <style>
 
-
-.maincard{
-    margin-top:0 !important;
-    padding-top: 0 !important;
-}
-
 .col-12 {
 
     max-width: 98% !important;
diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php
index 99d76048..0446f52f 100644
--- a/app/Views/thz_notes.php
+++ b/app/Views/thz_notes.php
@@ -69,11 +69,6 @@
   transform: scale(1.5); 
 }
 
-.maincard{
-    margin-top:0 !important;
-    padding-top: 0 !important;
-}
-
 .conversation-card,
 .conversation-card .card-header,
 .conversation-card .card-body {
diff --git a/app/Views/tpa_basic_info.php b/app/Views/tpa_basic_info.php
index 575c1c32..6294d4d2 100755
--- a/app/Views/tpa_basic_info.php
+++ b/app/Views/tpa_basic_info.php
@@ -1,7 +1,65 @@
+<style>
+.image-preview {
+    
+    border: 1px solid #00999E;
+    border-radius: 12px;
+    width: 70px;
+    height: 70px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    /* margin-right: 15px; */
+}
+
+.image-preview img {
+    width: 50px;
+    height: 50px;
+    object-fit: contain;
+}
+
+.upload-btn {
+    background-color: #00999E;
+    color: #fff;
+    border: none;
+    border-radius: 25px;
+    padding: 6px 20px;
+    margin-right: 10px;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.delete-btn {
+    background-color: #e5f7f6;
+    color: #00999E;
+    border: none;
+    border-radius: 25px;
+    padding: 6px 20px;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.helper-text {
+    font-size: 12px;
+    color: #666;
+    margin-top: 8px;
+
+    /* wrapping fixes */
+    word-wrap: break-word;     /* old browsers */
+    overflow-wrap: break-word; /* modern browsers */
+    white-space: normal;       /* allow wrapping */
+    max-width: 285px;          /* adjust to your design width */
+}
+
+.hidden-input {
+    display: none;
+}
+</style>
+
 <div class="tab-pane fade active show" id="general-q-tab">
     <div class="row">
         <div class="col-12">
-            <div class="card-body">
+            <div class="card-body" style="padding-top: 0px;">
+                <div class="custom-form">
                 <form role="form" class="parsley-examples" method="post" id="tpa_general_form" enctype="multipart/form-data">
                     <input type="hidden" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />
                     <input type="hidden" name="PrimaryKey" id="tpa_General_PrimaryKey" value="<?= isset($tpa['id']) ? $tpa['id'] : '' ?>" />
@@ -22,7 +80,7 @@
                             </div>
                         </div>
 
-                        <hr>
+                        <br>
 
                         <div class="form-row">
                             <div class="form-group col-md-12">
@@ -37,7 +95,7 @@
                             </div>
                         </div>
 
-                        <div class="form-row">
+                        <!-- <div class="form-row">
                             <div class="form-group col-md-4">
                                 <label for="tpa_logo">TPA Logo<span class="text-danger"></span></label>
                                 <input type="file" class="form-control" onchange="PreviewImage();" id="tpa_logo" name="tpa_logo" accept="image/jpeg, image/jpg, image/png">
@@ -50,9 +108,9 @@
                                 <label for="tpa_back_card_image">Back card Image<span class="text-danger"></span></label>
                                 <input type="file" class="form-control" onchange="PreviewImage3();" id="bc" name="bc" accept="image/jpeg, image/jpg, image/png">
                             </div>
-                        </div>
+                        </div> -->
 
-                        <div class="form-row">
+                        <!-- <div class="form-row">
                             <div class="form-group col-md-4">
                                 <label for="tpa_logo_preview">TPA Logo Preview<span class="text-danger"></span></label>
                                 <img src="<?= isset($tpa['tpa_logo']) && !empty($tpa['tpa_logo']) ? base_url() . "public/uploads/logo/" . $tpa['tpa_logo'] : base_url() . "public/assets/images/avatar_2x.png" ?>" width="100" height="100" id="uploadPreview" class="avatar img-circle img-thumbnail" alt="avatar" />
@@ -65,15 +123,118 @@
                                 <label for="tpa_back_card_preview">Back card Preview<span class="text-danger"></span></label>
                                 <img src="<?= isset($tpa['back_card']) && !empty($tpa['back_card']) ? base_url() . "public/uploads/template_bg/" . $tpa['back_card'] : base_url() . "public/assets/images/avatar_2x.png" ?>" width="100" height="100" id="uploadPreview3" class="avatar img-circle img-thumbnail" alt="avatar" />
                             </div>
-                        </div>
+                        </div> -->
+
+                            <div class="form-row">
+                                    <!-- TPA Logo -->
+                                    <div class="form-group col-md-4">
+                                        <label for="tpa_logo">TPA Logo</label>
+                                        <div class="row align-items-center">
+                                            <!-- Left column: Image -->
+                                            <div class="col-auto">
+                                                <div class="image-preview">
+                                                    <img src="<?= isset($tpa['tpa_logo']) && !empty($tpa['tpa_logo']) ? base_url() . "public/uploads/logo/" . $tpa['tpa_logo'] : base_url() . "public/assets/images/avatar_2x.png" ?>" 
+                                                        id="uploadPreview0" 
+                                                        class="avatar img-circle img-thumbnail" 
+                                                        alt="TPA Logo" />
+                                                </div>
+                                            </div>
+
+                                            <!-- Right column: Buttons + text -->
+                                            <div class="col">
+                                                <div class="d-flex">
+                                                    <button type="button" class="upload-btn" onclick="document.getElementById('tpa_logo').click();">Upload</button>
+                                                    <button type="button" class="delete-btn" onclick="removeImage0();">Delete</button>
+                                                </div>
+                                                <div class="helper-text" id="fileNameText0">
+                                                    <?= isset($tpa['tpa_logo']) && !empty($tpa['tpa_logo']) ? $tpa['tpa_logo'] : '( Upload Your TPA Logo )' ?>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <!-- Hidden File Input -->
+                                        <input type="file" class="hidden-input" 
+                                                id="tpa_logo" name="tpa_logo" 
+                                                accept="image/jpeg, image/jpg, image/png" 
+                                                onchange="PreviewImage0(event);" />
+                                    </div>
+                                    <!-- TPA Logo Ends -->
+                                    <!-- Front Image -->
+                                    <div class="form-group col-md-4">
+                                        <label for="tpa_logo">Front card Image</label>
+                                        <div class="row align-items-center">
+                                            <!-- Left column: Image -->
+                                            <div class="col-auto">
+                                                <div class="image-preview">
+                                                    <img src="<?= isset($tpa['front_card']) && !empty($tpa['front_card']) ? base_url() . "public/uploads/template_bg/" . $tpa['front_card'] : base_url() . "public/assets/images/avatar_2x.png" ?>" 
+                                                        id="uploadPreview1" 
+                                                        class="avatar img-circle img-thumbnail" 
+                                                        alt="avatar" />
+                                                </div>
+                                            </div>
+
+                                            <!-- Right column: Buttons + text -->
+                                            <div class="col">
+                                                <div class="d-flex">
+                                                    <button type="button" class="upload-btn" onclick="document.getElementById('fc').click();">Upload</button>
+                                                    <button type="button" class="delete-btn" onclick="removeImage1();">Delete</button>
+                                                </div>
+                                                <div class="helper-text" id="fileNameText1">
+                                                    <?= isset($tpa['front_card']) && !empty($tpa['front_card']) ? $tpa['front_card'] : '( Upload Your Front card Image )' ?>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <!-- Hidden File Input -->
+                                        <input type="file" class="hidden-input" 
+                                                id="fc" name="fc"
+                                                accept="image/jpeg, image/jpg, image/png" 
+                                                onchange="PreviewImage1(event);" />
+                                    </div>                            
+                                    <!-- Front Image Ends -->
+                                    <!-- Back Image -->
+                                    <div class="form-group col-md-4">
+                                        <label for="tpa_logo">Back card Image</label>
+                                        <div class="row align-items-center">
+                                            <!-- Left column: Image -->
+                                            <div class="col-auto">
+                                                <div class="image-preview">
+                                                    <img src="<?= isset($tpa['back_card']) && !empty($tpa['back_card']) ? base_url() . "public/uploads/template_bg/" . $tpa['back_card'] : base_url() . "public/assets/images/avatar_2x.png" ?>"  
+                                                        id="uploadPreview4" 
+                                                        class="avatar img-circle img-thumbnail" 
+                                                        alt="avatar" />
+                                                </div>
+                                            </div>
+
+                                            <!-- Right column: Buttons + text -->
+                                            <div class="col">
+                                                <div class="d-flex">
+                                                    <button type="button" class="upload-btn" onclick="document.getElementById('bc').click();">Upload</button>
+                                                    <button type="button" class="delete-btn" onclick="removeImage4();">Delete</button>
+                                                </div>
+                                                <div class="helper-text" id="fileNameText4">
+                                                    <?= isset($tpa['back_card']) && !empty($tpa['back_card']) ? $tpa['back_card'] : '( Upload Your Back card Image )' ?>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <!-- Hidden File Input -->
+                                        <input type="file" class="hidden-input" 
+                                                id="bc" name="bc" 
+                                                accept="image/jpeg, image/jpg, image/png" 
+                                                onchange="PreviewImage4(event);" />
+                                    </div>
+                                    <!-- Back Image Ends -->
+                            </div>
 
                     </div>
 
                     <div class="form-group text-right m-b-0">
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
+                        <button type="submit" class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
                         <button type="button" class="btn btn-secondary waves-effect btnBack" id="btnBack">Cancel</button>
                     </div>
                 </form>
+                </div>
             </div>
         </div> <!-- end col-->
     </div>
@@ -213,7 +374,6 @@
         };
     };
 
-
     function PreviewImage2() {
         var oFReader = new FileReader();
         oFReader.readAsDataURL(document.getElementById("fc").files[0]);
@@ -232,6 +392,75 @@
         };
     };
 
+    function PreviewImage0(event) {
+        const input = event.target;
+        const file = input.files[0];
+        if (file) {
+            // Show preview
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                document.getElementById('uploadPreview0').src = e.target.result;
+            };
+            reader.readAsDataURL(file);
+
+            // Show file name
+            document.getElementById('fileNameText0').innerText = file.name;
+        }
+    }
+
+    function removeImage0() {
+        // Reset preview to default
+        document.getElementById('uploadPreview0').src = "<?= base_url() . 'public/assets/images/avatar_2x.png' ?>";
+        document.getElementById('fileNameText0').innerText = '( Upload Your TPA Logo )';
+        document.getElementById('tpa_logo').value = ""; // clear file input
+    }
+
+    function PreviewImage1(event) {
+        const input = event.target;
+        const file = input.files[0];
+        if (file) {
+            // Show preview
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                document.getElementById('uploadPreview1').src = e.target.result;
+            };
+            reader.readAsDataURL(file);
+
+            // Show file name
+            document.getElementById('fileNameText1').innerText = file.name;
+        }
+    }
+
+    function removeImage1() {
+        // Reset preview to default
+        document.getElementById('uploadPreview1').src = "<?= base_url() . 'public/assets/images/avatar_2x.png' ?>";
+        document.getElementById('fileNameText1').innerText = '( Upload Your Front card Image )';
+        document.getElementById('fc').value = ""; // clear file input
+    }
+
+    function PreviewImage4(event) {
+        const input = event.target;
+        const file = input.files[0];
+        if (file) {
+            // Show preview
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                document.getElementById('uploadPreview4').src = e.target.result;
+            };
+            reader.readAsDataURL(file);
+
+            // Show file name
+            document.getElementById('fileNameText4').innerText = file.name;
+        }
+    }
+
+    function removeImage4() {
+        // Reset preview to default
+        document.getElementById('uploadPreview4').src = "<?= base_url() . 'public/assets/images/avatar_2x.png' ?>";
+        document.getElementById('fileNameText4').innerText = '( Upload Your Back card Image )';
+        document.getElementById('bc').value = ""; // clear file input
+    }
+
     $('#preview').click(function() {
         var ecardContent = $('#ecard_content').val();
         $('#Preview_data').html(ecardContent);
diff --git a/app/Views/tpa_branch.php b/app/Views/tpa_branch.php
index e2da677a..0ca3769e 100755
--- a/app/Views/tpa_branch.php
+++ b/app/Views/tpa_branch.php
@@ -1,13 +1,45 @@
-<div class="tab-pane fade" id="branch-tab">
+<style>
+.modal-subtitle {
+
+    font-weight: 500;       
+    font-style: normal;     
+    font-size: 18px;
+    line-height: 100%;      
+    letter-spacing: 0%;
+    text-align: center;
+    margin-top: 5px;         
+    color: #6c757d;         
+}
+</style>
+<!-- Optional CSS -->
+<style>
+/* Make modal really XL and scrollable */
+#branchModal .modal-dialog.modal-xl {
+    max-width: 90%;
+    height: 90vh;
+}
+
+#branchModal .modal-content {
+    height: 100%;
+    overflow: hidden;
+}
+
+#branchModal .modal-body {
+    overflow-y: auto;
+    max-height: 80vh;
+}
+</style>
+<div class="tab-pane fade" id="branch-tab" style="padding-left: 22px;">
     
-    <div class="row float-right" style="padding-bottom: 10px;position: relative;right: 13px;">
-            <button type="button" id="btnBranchAdd" class="btn btn-primary waves-effect waves-light btn-sm"><span class="mdi mdi-plus-box-outline" aria-hidden="true" style="padding: 5px 10px;"></span>Add Branch</button>                
+    <div class="row float-right" style="padding-bottom: 10px;position: relative;">
+            <a href="#" id="btnBranchAdd" class="btn app-btn-primary app-btn-border-radius  mr-2"><span class="mdi mdi-plus" aria-hidden="true" style="padding: 5px 10px;"></span>Add Branch</a>
     </div>
 
     <div class="table-responsive" id="branch_table" >
         
-        <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0">
-            <thead class="thead-light">
+        <table data-custom-table-css="table" class="table table-borderless table-nowrap mb-0" id="tpa-branch-datatable">
+            <thead class="">
+
                 <tr>
                     <th>Branch Name</th>
                     <th>Branch Code</th>
@@ -19,7 +51,7 @@
         </table>
     </div>
 
-    <div class="row" id="add_branch">
+    <!-- <div class="row" id="add_branch">
         <div class="col-12">
             <div class="card-body">
                 <div class="row float-right" style="position: relative; bottom: 20px; right: 13px;">
@@ -130,9 +162,137 @@
                 </form>
             </div>
         </div>
-    </div> <!-- end col-->
+    </div> !-- end col-- -->
 </div>
 <!-- end -->
+ <!-- Modal -->
+<div class="modal fade" id="branchModal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1140px !important;">
+    <div class="modal-content">      
+      <!-- Modal Header -->
+      <div class="modal-header flex-column">
+        <div class="d-flex w-100 justify-content-between align-items-center">
+          <h4 class="modal-title mb-0" id="modalLabel">New Branch</h4>
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+        </div>
+      </div>
+      
+      <!-- Modal Body -->
+      <div class="modal-body" style="overflow-y:auto; max-height:80vh;">
+        <form id="insurer_branch_form" class="parsley-examples" method="post" enctype="multipart/form-data">
+          <div class="row">
+
+            <!-- Left Section: Branch Details -->
+            <div class="col-md-8 d-flex flex-column" style="max-height: calc(80vh - 50px);">
+              <!-- Branch Name & Code -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="branch_name">Branch Name <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="branch_name" name="branch_name" required>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="branch_code">Branch Code <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="branch_code" name="branch_code" required>
+                </div>
+              </div>
+
+              <!-- Address Lines -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="address1">Address Line 1 <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="address1" name="address1" required>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="address2">Address Line 2</label>
+                  <input type="text" class="form-control" id="address2" name="address2">
+                </div>
+              </div>
+
+              <!-- State & District -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="state">State <span class="text-danger">*</span></label>
+                  <select class="form-control" id="state" name="state" required>
+                    <option value="">Select State</option>
+                    <?php foreach($state as $value) { ?>
+                      <option value="<?= $value['id'] ?>"><?= $value['state'] ?></option>
+                    <?php } ?>
+                  </select>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="district">District <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="district" name="district" required>
+                </div>
+              </div>
+
+              <!-- City & Pincode -->
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <label for="branch_city">City <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="branch_city" name="city" required>
+                </div>
+                <div class="form-group col-md-6">
+                  <label for="pincode">Pincode <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" id="pincode" name="pincode" required>
+                </div>
+              </div>
+
+              <!-- Submit / Cancel -->
+                <div class="form-row">
+                <!-- <div class="form-group col-md-12 mt-2"> -->
+                  <div class="mt-2">
+                    <button type="submit" class="btn app-btn-secondary app-btn-border-radius  mr-2" id="btnSubmit">Submit</button>
+                    <button type="button" class="btn app-btn-outline-secondary app-btn-border-radius btnBack" id="btnBack" data-dismiss="modal" aria-hidden="true">Cancel</button>
+                  </div>
+                <!-- </div> -->
+                </div>
+            </div>
+
+            <!-- Right Section: Contact Details -->
+            <div class="col-md-4" style="background:#f8f9fa; max-height: calc(80vh - 50px); overflow-y:auto; border-radius:8px; padding:10px;">
+              
+              <!-- First Contact -->
+              <div class="bg-white p-2 mb-2 rounded">
+                <div class="d-flex justify-content-between align-items-center mb-2">
+                  <h6 class="modal-subtitle mb-0">Contact 1</h6>
+                  <div class="d-flex align-items-center">
+                    <i class="mdi mdi-plus text-primary ac me-3" style="cursor:pointer; font-size:24px !important;" onclick="appendContactHtml()" id="add"></i>
+                    <i class="mdi mdi-trash-can text-danger" style="cursor:pointer; font-size:24px !important;" onclick="removeContact(this)" id="contact_1_remove"></i>
+                  </div>
+                </div>
+
+                <!-- Contact Form Fields -->
+                <input type="hidden" name="primarykey[]" id="contact_id_1" value=""/>
+                <div class="form-group mb-2">
+                  <label for="name_1">Name <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" placeholder="Enter Contact Name" name="name[]" id="name_1" required>
+                </div>
+                <div class="form-group mb-2">
+                  <label for="designation_1">Designation <span class="text-danger">*</span></label>
+                  <input type="text" class="form-control" placeholder="Enter Designation Name" name="designation[]" id="designation_1" required>
+                </div>
+                <div class="form-group mb-2">
+                  <label for="email_1">Email <span class="text-danger">*</span></label>
+                  <input type="email" class="form-control" placeholder="Enter Contact Email" name="email[]" id="email_1" required>
+                </div>
+                <div class="form-group mb-2">
+                  <label for="mobile_1">Mobile <span class="text-danger">*</span></label>
+                  <input type="tel" class="form-control" placeholder="Enter Contact Mobile" pattern="[0-9]{10}" name="mobile[]" id="mobile_1" required>
+                </div>
+              </div>
+
+              <!-- Container for dynamically added contacts -->
+              <div id="container"></div>
+
+            </div>
+
+          </div>
+        </form>
+      </div>
+
+    </div>
+  </div>
+</div>
 
 <script>
 
@@ -140,23 +300,29 @@ var contactCount = 1;
 
 $(document).ready(function () {
 
+    $('#tpa-branch-datatable').DataTable({
+                    paging: true ,
+                    searching: true
+    });        
+
     var tpa_Branch_PrimaryKey = $('#tpa_id_branch').val();
     var tpa_branch_form_action = '';
-    
-    $('#add_branch').hide();
+    var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+        myModal.hide();
+    // $('#add_branch').hide();
     $('.btnBack').hide();
     
-    
     loadBranchList();
 
     $('#btnBranchAdd').click(function(){
 
         tpa_branch_form_action = '<?= base_url("master/tpa/branch/create"); ?>';
-
-        $('#add_branch').show();
-        $('#branch_table').hide();
+        var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+        myModal.show();
+        // $('#add_branch').show();
+        // $('#branch_table').hide();
         $('.btnBack').show();
-        $('#btnBranchAdd').hide();
+        // $('#btnBranchAdd').hide();
 
         $('#branch_name').val('');
         $('#branch_code').val('');
@@ -196,10 +362,12 @@ $(document).ready(function () {
 
     $('.btnBack').click(function(){
 
-        $('#add_branch').hide();
-        $('#branch_table').show();
+        var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+        myModal.hide();
+        // $('#add_branch').hide();
+        // $('#branch_table').show();
         $('.btnBack').hide();
-        $('#btnBranchAdd').show();
+        // $('#btnBranchAdd').show();
 
         $('#branch_name').val('');
         $('#branch_code').val('');
@@ -257,24 +425,34 @@ $(document).ready(function () {
                     console.log(res);
                     $('#tpa_branch_list tr').remove();
                     var tpaBranchTableInsert = ''
-                    $.each(res.data, function(index, item) {
+                     if (data.length === 0) {
                         tpaBranchTableInsert += `
                             <tr>
-                                <td>${item.branch_name}</td>
-                                <td>${item.branch_code}</td>
-                                <td>
-                                <a class="mdi mdi-lead-pencil btnBranchEdit" href="#" data-id="${item.id}" style="font-size:18px;"></a>
-                                <a style="color:#02a8b5" data-id="${item.id}" onclick="removeTPABranch(this)"><i data-id="${item.id}" class="mdi mdi-delete"  style="font-size:18px;"></i></a>
-                                </td>
-
+                                <td colspan="3" class="text-center app-text-black">No data available in table</td>
                             </tr>
-                        `;   
-                    });
+                        `;
+                    } else {
+                        $.each(res.data, function(index, item) {
+                            tpaBranchTableInsert += `
+                                <tr>
+                                    <td>${item.branch_name}</td>
+                                    <td>${item.branch_code}</td>
+                                    <td>
+                                    <a class="mdi mdi-lead-pencil btnBranchEdit" href="#" data-id="${item.id}" style="font-size:18px;"></a>
+                                    <a style="color:#02a8b5" data-id="${item.id}" onclick="removeTPABranch(this)"><i data-id="${item.id}" class="mdi mdi-delete"  style="font-size:18px;"></i></a>
+                                    </td>
+
+                                </tr>
+                            `;   
+                        });
+                    }
                     $('#tpa_branch_list').append(tpaBranchTableInsert); 
-                    $('#add_branch').hide();
-                    $('#branch_table').show();
+                    var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+                        myModal.hide();
+                    // $('#add_branch').hide();
+                    // $('#branch_table').show();
                     $('.btnBack').hide();
-                    $('#btnBranchAdd').show();
+                    // $('#btnBranchAdd').show();
                 },
                 error: function (xhr, status, error) {
                     console.error(xhr.responseText);
@@ -307,10 +485,12 @@ $(document).ready(function () {
                 }, 1000);
                 console.log("tpa.............");
                 console.log(res)
-                $('#add_branch').show();
-                $('#branch_table').hide();
+                var myModal = new bootstrap.Modal(document.getElementById('branchModal'));
+                    myModal.show();
+                // $('#add_branch').show();
+                // $('#branch_table').hide();
                 $('.btnBack').show();
-                $('#btnBranchAdd').hide();
+                // $('#btnBranchAdd').hide();
                 $('#branch_name').val(res.tpabranch.branch_name);
                 $('#branch_code').val(res.tpabranch.branch_code);
                 $('#state option[value="' + res.tpabranch.state + '"]').prop('selected', true);
@@ -367,18 +547,26 @@ $(document).ready(function () {
                         $('.loader-mask').delay(350).fadeOut('slow');
                     }, 1000);
                     var branchTable = '';
-                    $.each(response.tpa_branch, function(index, item) {
+                    if (data.length === 0) {
                         branchTable += `
                             <tr>
-                                <td>${item.branch_name}</td>
-                                <td>${item.branch_code}</td>
-                                <td>
-                                    <a class="mdi mdi-lead-pencil btnBranchEdit" href="#" data-id="${item.id}" style="font-size:18px;"></a>
-                                    <a style="color:#02a8b5" data-id="${item.id}" onclick="removeTPABranch(this)"><i data-id="${item.id}" class="mdi mdi-delete"  style="font-size:18px;"></i></a>
-                                </td>
+                                <td colspan="3" class="text-center app-text-black ">No data available in table</td>
                             </tr>
-                        `;   
-                    });
+                        `;
+                    } else {
+                        $.each(response.tpa_branch, function(index, item) {
+                            branchTable += `
+                                <tr>
+                                    <td>${item.branch_name}</td>
+                                    <td>${item.branch_code}</td>
+                                    <td>
+                                        <a class="mdi mdi-lead-pencil btnBranchEdit" href="#" data-id="${item.id}" style="font-size:18px;"></a>
+                                        <a style="color:#02a8b5" data-id="${item.id}" onclick="removeTPABranch(this)"><i data-id="${item.id}" class="mdi mdi-delete"  style="font-size:18px;"></i></a>
+                                    </td>
+                                </tr>
+                            `;   
+                        });
+                    }
                     $('#tpa_branch_list').html(branchTable);
                 },
                 error: function(xhr, status, error) {
diff --git a/app/Views/tpa_list.php b/app/Views/tpa_list.php
index d71009ad..ace4ba84 100755
--- a/app/Views/tpa_list.php
+++ b/app/Views/tpa_list.php
@@ -43,10 +43,10 @@
 <div class="row" id="tpa_list">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
+            <div class="card-body maincard">
                     <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
-                            <h4 style="position: relative;">TPA List</h4>
+                            <h4 style="position: relative;">TPA</h4>
                         </div>
                     </div>
                 <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
diff --git a/app/Views/tpa_onboarding.php b/app/Views/tpa_onboarding.php
index 107d61f9..f674e048 100755
--- a/app/Views/tpa_onboarding.php
+++ b/app/Views/tpa_onboarding.php
@@ -34,18 +34,25 @@ body {
     <div class="col-12">
         <div class="card">
             <div class="card-body">
-                <div class="row" style="padding-bottom: 10px;">
-                    <div class="col-6" style="align-self: center;">
+                <div class="row" style="padding-bottom: 10px;padding-left: 20px;">
+                    <h4 class="d-flex align-items-center" style="gap: 8px;">
+                        <span onclick="history.back()" style="cursor: pointer;">
+                            <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
+                        </span>
+                        <span class="title-text ">TPA</span>
+                    </h4>
+            
+                    <!-- <div class="col-6" style="align-self: center;">
                         <h4 style="position: relative;">TPA</h4>
                     </div>
                     <div class="col-6" style="text-align: right;">
                         <a href="<?= base_url("master/tpa/list"); ?>"><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
-                    </div>
+                    </div> -->
                 </div>
                 <ul class="nav nav-pills navtab-bg">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            class="nav-link px-3 py-2 active">
+                            class="nav-link px-3 py-2 active-tab active">
                             <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
                             <span class="d-none d-sm-inline-block">General</span>
                         </a>
diff --git a/app/Views/vehicle_master_list.php b/app/Views/vehicle_master_list.php
index 15f7678e..a64b0646 100644
--- a/app/Views/vehicle_master_list.php
+++ b/app/Views/vehicle_master_list.php
@@ -65,10 +65,10 @@ table.dataTable tbody td {
 <div class="row" id="client_list">
     <div class="col-12">
         <div class="card">
-            <div class="card-body">
+            <div class="card-body maincard">
                 <div class="row" style="margin-bottom:1rem;">
                     <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">Vehicle Master List</h4>
+                        <h4 style="position: relative;">Vehicle Master</h4>
                     </div>
                 </div>
                 <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">