From 28c963d15086f11f3ec6ca9af5e4a9bb661fd21c Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Mon, 29 Sep 2025 15:05:21 +0530
Subject: [PATCH] CHANGE_new_theme_ui_fixes - VADIVEL J 2025-09-29

---
 app/Views/DashBoard.php               |  10 +-
 app/Views/client_onboarding.php       | 402 ++++++++++-----------
 app/Views/employee_upload.php         |   4 +-
 app/Views/import_export.php           |  65 ++--
 app/Views/insurer_onboarding.php      |  71 ++--
 app/Views/kyc_onboarding.php          | 107 +++---
 app/Views/layout/footer.php           |  34 +-
 app/Views/layout/header.php           |  95 +++--
 app/Views/policy_type_onboarding.php  |  98 ++---
 app/Views/pt_form_file_upload_tab.php | 139 +++----
 app/Views/ticket_edit_onbording.php   | 501 +++++++++++++-------------
 app/Views/tpa_onboarding.php          | 110 +++---
 12 files changed, 856 insertions(+), 780 deletions(-)

diff --git a/app/Views/DashBoard.php b/app/Views/DashBoard.php
index c3822370..6274dce3 100755
--- a/app/Views/DashBoard.php
+++ b/app/Views/DashBoard.php
@@ -189,13 +189,13 @@
     <div class="col-12">
         <!-- <div class="card"> -->
             <div class="card-body">
-                <ul class="nav nav-pills navtab-bg" id="myTab">
+                <ul class="nav nav-pills navtab-bg nav-dash" >
                     
                     <?php if(in_array(get_role_id(), [1,2,3,5])) { ?>
 
                          <li class="nav-item d-flex justify-content-center align-items-center"> 
                             <a  href="#pending-actions-dash-tab" data-toggle="tab" aria-expanded="false"
-                                class="nav-link px-3 py-1 dash-anchor" id="pending_actions_tab">
+                                class="nav-link px-3 py-2 dash-anchor nav-dash" id="pending_actions_tab">
                                 <img src="<?= base_url() . "public"; ?>/assets/images/inactive_pending_actions.png" alt="Logo" height="14" class="inactive_pending" >
                                 <img src="<?= base_url() . "public"; ?>/assets/images/active_pending_actions.png" alt="Logo" height="14" 
                                 class="active_pending" style="display:none;">
@@ -209,7 +209,7 @@
                     <?php if(in_array(get_role_id(), [1,2,3,5]) || (get_role_id() == 4 && in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
 
                          <li class="nav-item d-flex justify-content-center align-items-center">
-                            <a href="#bds-dash-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1 dash-anchor" id="bds_tab">
+                            <a href="#bds-dash-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2 dash-anchor nav-dash" id="bds_tab">
                                  <img src="<?= base_url() . "public"; ?>/assets/images/inactive_bds.png" alt="Logo" height="14" class="inactive_bds">
                                 <img src="<?= base_url() . "public"; ?>/assets/images/active_bds.png" alt="Logo" height="14" 
                                 class="active_bds " style="display:none;">
@@ -225,7 +225,7 @@
                             $isActive = get_role_id() == STAFF_ROLE_ID && in_array(CLAIMS_TEAM_ID,user_team()) ? 'active show' : '';
                         ?>
                     <li class="nav-item d-flex justify-content-center align-items-center">
-                        <a  href="#claims-dash-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1 dash-anchor"  id="claims_tab">
+                        <a  href="#claims-dash-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2 dash-anchor nav-dash"  id="claims_tab">
                                 <img src="<?= base_url() . "public"; ?>/assets/images/inactive_claims.png" alt="Logo" height="14" class="inactive_claims">
                                 <img src="<?= base_url() . "public"; ?>/assets/images/active_claims.png" alt="Logo" height="14" 
                                  class="active_claims " style="display:none;">
@@ -240,7 +240,7 @@
                             $isActive = get_role_id() == STAFF_ROLE_ID && in_array(ENROLLMENT_TEAM_ID,user_team()) ? 'active show' : '';
                         ?>
                     <li class="nav-item d-flex justify-content-center align-items-center ">
-                        <a  href="#leads-dash-tab " data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1 dash-anchor"  id="leads_tab" >
+                        <a  href="#leads-dash-tab " data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2 dash-anchor nav-dash"  id="leads_tab" >
                                  <img src="<?= base_url() . "public"; ?>/assets/images/inactive_leads_and_bds_renewal.png" alt="Logo" height="14" class="inactive_leads">
                                 <img src="<?= base_url() . "public"; ?>/assets/images/active_leads_and_bds_renewal.png" alt="Logo" height="14" 
                                 class="active_leads " style="display:none;">
diff --git a/app/Views/client_onboarding.php b/app/Views/client_onboarding.php
index 04f762e1..5e16f738 100755
--- a/app/Views/client_onboarding.php
+++ b/app/Views/client_onboarding.php
@@ -1,44 +1,39 @@
 <style>
+    body {
+        .multiselect-native-select {
+            position: relative;
+
+            /* bottom: 32px; */
+            select {
+                border: 0 !important;
+                clip: rect(0 0 0 0) !important;
+                height: 1px !important;
+                margin: -1px -1px -1px -3px !important;
+                overflow: hidden !important;
+                padding: 0 !important;
+                position: absolute !important;
+                width: 1px !important;
+                left: 50%;
+                top: 30px;
+            }
+        }
+
+        .multiselect-container {
+            width: 100% !important;
+        }
+
+        .multiselect-selected-text {
+            float: left !important;
+        }
 
-body {
-.multiselect-native-select {
-    position: relative;
-    /* bottom: 32px; */
-    select {
-        border: 0 !important;
-        clip: rect(0 0 0 0) !important;
-        height: 1px !important;
-        margin: -1px -1px -1px -3px !important;
-        overflow: hidden !important;
-        padding: 0 !important;
-        position: absolute !important;
-        width: 1px !important;
-        left: 50%;
-        top: 30px;
     }
-}
-
-.multiselect-container{
-    width: 100% !important;
-}
-
-.multiselect-selected-text{
-    float: left !important;
-}
-
-}
-
-.navtab-bg .nav-link {
-    margin: 0 5px 10px!important;
-}
-
-.readonly-select {
-    pointer-events: none;
-    /* background-color: #f0f0f0;  */
-    background-color: #e0e0e0;
-    color: #666; 
-}
 
+    .readonly-select {
+        pointer-events: none;
+        /* background-color: #f0f0f0;  */
+        background-color: #e0e0e0;
+        color: #666;
+    }
 </style>
 
 <style>
@@ -86,7 +81,7 @@ body {
         font-size: 0.85em;
         opacity: 0.9;
         margin: 0;
-        color:rgb(56, 55, 55);
+        color: rgb(56, 55, 55);
     }
 
     .accordion-icon {
@@ -255,48 +250,19 @@ body {
         border: 1px solid #dee2e6;
     }
 
-    #client_add .nav-pills ,
-    #client_add .nav-link    
-    {
-        background-color: #F5FFFF !important;
-        color : #00999E !important;
-        border-radius:10px;
-        
-    }
 
-    #client_add .nav-pills 
-    {
-        background-color: #F5FFFF !important;
-        color : #00999E !important;
-        box-shadow: 0px 2px 4px 0px #00000040;
-        padding-top: 5px ;
-    }
-
-
-    #client_add .nav-link.active-tab {
-        color: white !important;
-        background-color: #00999E !important;
-        font-size: small !important;
-        padding:8px 16px;
-        border-radius: 10px !important; 
-        box-shadow: 0px 2px 4px 0px #00000040;
-    
-    }
-
-    #hr_activity_history_append_area{
-        padding-top:0; 
-        margin-top:0; 
+    #hr_activity_history_append_area {
+        padding-top: 0;
+        margin-top: 0;
         background-color: #F5FFFF !important;
         border: 2px solid #F5FFFF;
         border-radius: 10px;
         box-shadow: 0px 4px 4px 0px #00000040;
     }
 
-    #hr_activity_history_append_area tbody tr{
+    #hr_activity_history_append_area tbody tr {
         background-color: white !important;
     }
-
-
 </style>
 
 
@@ -307,96 +273,92 @@ body {
             <div class="card-body">
                 <div class="row" style="padding-bottom: 10px;">
                     <div class="col-6" style="align-self: center;">
-                        <h4  style="position: relative;">Client Onboarding  <?php if(isset($client)) {echo ' - ' . $client['client_name']; } ?></h4>
+                        <h4 style="position: relative;">Client Onboarding <?php if (isset($client)) {
+                                                                                echo ' - ' . $client['client_name'];
+                                                                            } ?></h4>
                     </div>
                     <div class="col-6" style="text-align: right;">
                         <a href="<?= base_url("client/list"); ?>"><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i></a>
                     </div>
                 </div>
-                
+
                 <br>
 
-                <div class="tab-wrapper">
-
-                </div>
-
                 <div class="tab-wrapper position-relative">
                     <!-- Left Arrow -->
-                    <button class="scroll-btn left-btn" type="button">&#9664;</button>
-                <ul class="nav nav-pills navtab-bg" id="myTab">
-                    <li class="nav-item">
-                        <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            class="nav-link px-3 py-2 active" id="general_tab">
-                            <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
-                            <span class="d-none d-sm-inline-block">General</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
-                            <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                            <span class="d-none d-sm-inline-block">KYC Docs</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#RM-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="RM_tab">
-                            <span class="mr-1"><i class="mdi mdi-account-switch"></i></span>
-                            <span class="d-none d-sm-inline-block"> Relationship Manager</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="branch_tab">
-                            <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
-                            <span class="d-none d-sm-inline-block">Branch & Contacts</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#notification-tab"  data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="notification_tab">
-                            <span class="mr-1"><i class="mdi mdi-bell"></i></span>
-                            <span class="d-none d-sm-inline-block">Notifications</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#police-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="policy_tab">
-                            <span class="mr-1"><i class="mdi mdi-book-open-page-variant"></i></span>
-                            <span class="d-none d-sm-inline-block">Policies</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#hr-access-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="hr_access_tab" onclick="appendHrAccessControllHtml(this)">
-                            <span class="mr-1"><i class="mdi mdi-book-open-page-variant"></i></span>
-                            <span class="d-none d-sm-inline-block">HR Access Control</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#hr-activity-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="hr_activity_tab" onclick="appendHrActivityHistoryHtml(this)">
-                            <span class="mr-1"><i class="mdi mdi-book-open-page-variant"></i></span>
-                            <span class="d-none d-sm-inline-block">HR Activity</span>
-                        </a>
-                    </li>
-                    <!-- <li class="nav-item">
-                        <a href="#api-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="api_tab">
-                            <span class="mdi mdi-api"></span>
-                            <span class="d-none d-sm-inline-block">API</span>
-                        </a>
-                    </li> -->
-                    <!-- <li class="nav-item">
-                        <a href="#others-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="others_tab">
-                            <span class="mr-1"><i class="mdi mdi-tag-text-outline"></i></span>
-                            <span class="d-none d-sm-inline-block">Others</span>
-                        </a>
-                    </li> -->
-                </ul>
 
-                                    <!-- Right Arrow -->
-                    <button class="scroll-btn right-btn" type="button">&#9654;</button>
-                </div>
 
-                <div class="tab-wrapper position-relative">
-                    <!-- Left Arrow -->
-                    <button class="scroll-btn left-btn" type="button">&#9664;</button>
-                    
-                    <!-- Right Arrow -->
-                    <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                    <ul class="nav nav-pills navtab-bg" id="myTab">
+                        <li class="nav-item ">
+                            <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
+                                class="nav-link px-3 py-2 active" id="general_tab">
+                                <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
+                                <span class="d-none d-sm-inline-block">General</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
+                                <span class="mr-1"><i class="mdi mdi-file"></i></span>
+                                <span class="d-none d-sm-inline-block">KYC Docs</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#RM-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="RM_tab">
+                                <span class="mr-1"><i class="mdi mdi-account-switch"></i></span>
+                                <span class="d-none d-sm-inline-block"> Relationship Manager</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="branch_tab">
+                                <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
+                                <span class="d-none d-sm-inline-block">Branch & Contacts</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#notification-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="notification_tab">
+                                <span class="mr-1"><i class="mdi mdi-bell"></i></span>
+                                <span class="d-none d-sm-inline-block">Notifications</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#police-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="policy_tab">
+                                <span class="mr-1"><i class="mdi mdi-book-open-page-variant"></i></span>
+                                <span class="d-none d-sm-inline-block">Policies</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#hr-access-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="hr_access_tab" onclick="appendHrAccessControllHtml(this)">
+                                <span class="mr-1"><i class="mdi mdi-book-open-page-variant"></i></span>
+                                <span class="d-none d-sm-inline-block">HR Access Control</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#hr-activity-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="hr_activity_tab" onclick="appendHrActivityHistoryHtml(this)">
+                                <span class="mr-1"><i class="mdi mdi-book-open-page-variant"></i></span>
+                                <span class="d-none d-sm-inline-block">HR Activity</span>
+                            </a>
+                        </li>
+                        <!-- <li class="nav-item">
+                                <a href="#api-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="api_tab">
+                                    <span class="mdi mdi-api"></span>
+                                    <span class="d-none d-sm-inline-block">API</span>
+                                </a>
+                            </li> -->
+                        <!-- <li class="nav-item">
+                                <a href="#others-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="others_tab">
+                                    <span class="mr-1"><i class="mdi mdi-tag-text-outline"></i></span>
+                                    <span class="d-none d-sm-inline-block">Others</span>
+                                </a>
+                            </li> -->
+                        <li class="nav-item">
+                            <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                        </li>
+                    </ul>
+
+
                 </div>
 
                 <div class="tab-content">
@@ -424,7 +386,8 @@ body {
                     </div>
 
                     <?php include("client_api.php"); ?>
-                    <?php // include('client_others_tab.php'); ?>
+                    <?php // include('client_others_tab.php'); 
+                    ?>
                     <?php include('notification.php'); ?>
                     <?php include('client_basic_info.php'); ?>
                     <?php include('client_kyc.php'); ?>
@@ -439,80 +402,89 @@ body {
 
 
 <script>
-
     let hrAccessControlHtmlAppended = false;
     let hrActivityHistoryHtmlAppended = false;
 
     function client_kyc_docs() {
         var check_client_id = $('#general_PrimaryKey');
-        
 
-        if(check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0){
+
+        if (check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0) {
             $('#btnBranchAdd').hide();
-            toastr.warning('Please Add the Client!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('Please Add the Client!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             if ($('#btnBranchBack')[0].style.display == 'none') {
                 $('#btnBranchAdd').show();
             }
         }
-        
+
     }
 
     function client_relationship_manager() {
         var check_client_id = $('#general_PrimaryKey');
-        
 
-        if(check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0){
+
+        if (check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0) {
             $('#relation_form').hide();
-            toastr.warning('Please Add the Client!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('Please Add the Client!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             $('#relation_form').show();
         }
-        
+
     }
 
     function client_policies() {
         var check_client_id = $('#general_PrimaryKey').val();
-        
-        if(check_client_id == '' || check_client_id == null || check_client_id == 0){
+
+        if (check_client_id == '' || check_client_id == null || check_client_id == 0) {
             $('#BtnAdd').hide();
-            toastr.warning('Please Add the Client!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('Please Add the Client!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             if ($('#btnPolicyBack')[0].style.display == 'none') {
                 $('#BtnAdd').show();
             }
         }
-        
+
     }
 
     function client_branch_contact() {
         var check_client_id = $('#general_PrimaryKey');
-        
 
-        if(check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0){
+
+        if (check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0) {
             $('#btnBranchAdd').hide();
-            toastr.warning('Please Add the Client!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('Please Add the Client!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             if ($('#btnBranchBack')[0].style.display == 'none') {
                 $('#btnBranchAdd').show();
             }
         }
-        
+
     }
 
     function client_notification() {
         var check_client_id = $('#general_PrimaryKey');
-        
 
-        if(check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0){
+
+        if (check_client_id[0].value == '' || check_client_id[0].value == null || check_client_id[0].value == 0) {
             $('#notification-tab').hide();
-            toastr.warning('Please Add the Client!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('Please Add the Client!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             if ($('#notification-tab')[0].style.display == 'none') {
                 $('#notification-tab').show();
             }
         }
-        
+
     }
 
     document.getElementById("kyc_tab").addEventListener("click", function(event) {
@@ -529,7 +501,7 @@ body {
         event.preventDefault();
         client_policies();
     });
-    
+
     document.getElementById("branch_tab").addEventListener("click", function(event) {
         event.preventDefault();
         client_branch_contact();
@@ -541,15 +513,17 @@ body {
     });
 
     //HR Access Controll
-    function appendHrAccessControllHtml(input){
+    function appendHrAccessControllHtml(input) {
         console.log(input.id);
         let client_id = $('#general_PrimaryKey').val();
         console.log('client_id ', client_id);
 
         let url = '<?= base_url('util/viewHrAccessData') ?>';
-        let requestData = {client_id : client_id};
+        let requestData = {
+            client_id: client_id
+        };
 
-        if(hrAccessControlHtmlAppended == false){
+        if (hrAccessControlHtmlAppended == false) {
             sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
                 console.log('Data fetched successfully:', response);
 
@@ -566,13 +540,13 @@ body {
                 console.error(xhr.responseText);
                 hrAccessControlHtmlAppended = false;
             });
-        }else{
+        } else {
             console.log('Already HTML appended');
         }
     }
 
     //HR Activity History
-    function appendHrActivityHistoryHtml(input, submit = false){
+    function appendHrActivityHistoryHtml(input, submit = false) {
         console.log(input.id);
         let client_id = $('#general_PrimaryKey').val();
         let startDate = $('#startDate').val();
@@ -581,14 +555,18 @@ body {
         console.log('startDate ', startDate);
         console.log('endDate ', endDate);
 
-        if(submit){
-             hrActivityHistoryHtmlAppended = false;
+        if (submit) {
+            hrActivityHistoryHtmlAppended = false;
         }
 
         let url = '<?= base_url('user/getUserActivityHistory') ?>';
-        let requestData = {client_id : client_id, startDate : startDate, endDate : endDate};
+        let requestData = {
+            client_id: client_id,
+            startDate: startDate,
+            endDate: endDate
+        };
 
-        if(hrActivityHistoryHtmlAppended == false){
+        if (hrActivityHistoryHtmlAppended == false) {
             sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
                 console.log('Data fetched successfully:', response);
 
@@ -605,20 +583,18 @@ body {
                 console.error(xhr.responseText);
                 hrActivityHistoryHtmlAppended = false;
             });
-        }else{
+        } else {
             console.log('Already HTML appended');
         }
     }
-
 </script>
 
 <script>
-
     function toggleAccordion(header) {
-        if (event.target.classList.contains('fa-info-circle') || 
-        event.target.parentElement.classList.contains('fa-info-circle')) {
+        if (event.target.classList.contains('fa-info-circle') ||
+            event.target.parentElement.classList.contains('fa-info-circle')) {
             getHrActivityHistory();
-        return; // Do nothing if click was on the info icon
+            return; // Do nothing if click was on the info icon
         }
         const card = header.parentElement;
         const content = card.querySelector('.card-content');
@@ -666,9 +642,8 @@ body {
         return Array.from(checkboxes).map(cb => parseInt(cb.value));
     }
 
-    function getHrActivityHistory()
-    {
-        console.log(event.target.dataset.id);//return;
+    function getHrActivityHistory() {
+        console.log(event.target.dataset.id); //return;
         let ids = event.target.dataset.id.split('-');
         console.log('ids', ids)
         let client_id = $('#general_PrimaryKey').val();
@@ -677,7 +652,12 @@ body {
         console.log(url);
         let user_type = "hr";
 
-        let requestData = {user_id : ids[1], pre_hr_id : ids[0], user_type : user_type, client_id : client_id};
+        let requestData = {
+            user_id: ids[1],
+            pre_hr_id: ids[0],
+            user_type: user_type,
+            client_id: client_id
+        };
         console.log('requestData', requestData);
 
         sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
@@ -761,7 +741,10 @@ body {
         console.log(output);
 
         let url = '<?= base_url('util/saveHrAccessData') ?>';
-        let requestData = {json : output, client_id : client_id};
+        let requestData = {
+            json: output,
+            client_id: client_id
+        };
 
         sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
             console.log('Data fetched successfully:', response);
@@ -787,15 +770,15 @@ body {
         return Array.from(checkboxes).map(cb => cb.value);
     }
 
-    $(document).on('change', '.select-all', function () {
+    $(document).on('change', '.select-all', function() {
         let $this = $(this);
         let type = $this.data('type');
         let user = $this.data('user');
         let group = $this.data('group');
 
         console.log('--- SELECT-ALL CHANGED ---');
-        console.log('Type:', type);   // all / active / inactive
-        console.log('User:', user);   // user index
+        console.log('Type:', type); // all / active / inactive
+        console.log('User:', user); // user index
         console.log('Group:', group); // pre / post
 
         // Step 1: Uncheck other "select-all" checkboxes in the same user/group
@@ -988,19 +971,4 @@ body {
 
     //     console.log('--- END ---');
     // });
-
-</script>
-
-<script>
-    $(document).ready(function(){
-    $('#client_add .nav-link').click(function(){
-
-    // change bg color of tab
-        $('#client_add .nav-link').removeClass('active-tab');
-        $(this).addClass('active-tab');
-    
-
-
-    });
-});
-</script>
+</script>
\ No newline at end of file
diff --git a/app/Views/employee_upload.php b/app/Views/employee_upload.php
index 23be3334..00718a37 100755
--- a/app/Views/employee_upload.php
+++ b/app/Views/employee_upload.php
@@ -97,7 +97,7 @@ option:disabled {
                                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
 
                                                 <button id="emp_form_submit_button" type="submit"
-                                                        class=" nav-link-btn px-3 py-1 btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
+                                                        class=" nav-link-btn px-3 py-2 btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
 
                                                 &nbsp;&nbsp;
 
@@ -105,7 +105,7 @@ option:disabled {
 
                                                 &nbsp;&nbsp;
 
-                                                <a class=" nav-link-btn px-3 py-1  btn btn-primary waves-effect waves-light justify-content-end"
+                                                <a class=" nav-link-btn px-3 py-2  btn btn-primary waves-effect waves-light justify-content-end"
                                                 id="fetch_enrolled_data" data-toggle="modal"
                                                 data-target="#full-width-modal" title="Download Sample Excel">Fetch
                                                 Enrolled Data</a>
diff --git a/app/Views/import_export.php b/app/Views/import_export.php
index dd7db266..276b51fd 100755
--- a/app/Views/import_export.php
+++ b/app/Views/import_export.php
@@ -10,19 +10,17 @@
 </style>
 
 <script>
-
     var client_list = ''; // local variable for storing the client branch list
     var branch_list = ''; // local variable for storing the client branch list
     var policy_list = ''; // local variable for storing the client policy list
     var branch_policy = '';
 
-    $(document).ready(function(){
+    $(document).ready(function() {
         getClientAndBranchAndPolicy();
     })
 
     //featch client and branch and policy
-    function getClientAndBranchAndPolicy()
-    {   
+    function getClientAndBranchAndPolicy() {
         $.ajax({
             url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
             type: "GET",
@@ -30,7 +28,7 @@
             success: function(res) {
 
                 console.log('getClientAndBranchAndPolicy', res);
-                if(res.status == true){
+                if (res.status == true) {
 
                     client_list = res.client_data;
                     branch_list = res.branch_data;
@@ -39,8 +37,8 @@
                     appendClients(res.client_data);
                     appendClients2(res.client_data);
                     appendClients3(res.client_data);
-                    
-                }else{
+
+                } else {
                     console.log('No data found');
                 }
 
@@ -51,33 +49,42 @@
             }
         });
     }
-
 </script>
 
 <div class="row" id="client_add" style="position: relative; bottom: 25px;">
 
     <div class="col-12">
         <div class="card-body">
-            <ul class="nav nav-pills navtab-bg" id="myTab">
-                <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">
-                        <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
-                        <span class="d-none d-sm-inline-block dash-tab-font">Data From Client</span>
-                    </a>
-                </li>
-                <li class="nav-item d-flex justify-content-center align-items-center">
-                    <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1" id="kyc_tab">
-                        <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block dash-tab-font">Insurer or TPA Data</span>
-                    </a>
-                </li>
-                <li class="nav-item d-flex justify-content-center align-items-center">
-                    <a href="#HR-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1" id="hr_tab">
-                        <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block dash-tab-font">HR Uploaded Files</span>
-                    </a>
-                </li>
-            </ul>
+            <div class="tab-wrapper position-relative">
+                <ul class="nav nav-pills navtab-bg " id="myTab">
+                    <li class="nav-item d-flex justify-content-center align-items-center">
+                        <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                    </li>
+                    <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-2 active-tab " id="general_tab">
+                            <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
+                            <span class="d-none d-sm-inline-block ">Data From Client</span>
+                        </a>
+                    </li>
+                    <li class="nav-item d-flex justify-content-center align-items-center">
+                        <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
+                            <span class="mr-1"><i class="mdi mdi-file"></i></span>
+                            <span class="d-none d-sm-inline-block ">Insurer or TPA Data</span>
+                        </a>
+                    </li>
+                    <li class="nav-item d-flex justify-content-center align-items-center">
+                        <a href="#HR-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="hr_tab">
+                            <span class="mr-1"><i class="mdi mdi-file"></i></span>
+                            <span class="d-none d-sm-inline-block ">HR Uploaded Files</span>
+                        </a>
+                    </li>
+                     <li class="nav-item d-flex justify-content-center align-items-center">
+                        <!-- Right Arrow -->
+                        <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                    </li>
+                </ul>
+            </div>
+
             <div class="tab-content">
                 <?php include('employee_upload.php'); ?>
                 <?php include('insurer_or_tpa_data.php'); ?>
@@ -105,7 +112,7 @@
     function formatTextToCamelCase(str) {
         return str
             .replace(/_/g, ' ') // replace underscores with spaces
-            .toLowerCase()      // convert everything to lowercase
+            .toLowerCase() // convert everything to lowercase
             .replace(/\b\w/g, char => char.toUpperCase()); // capitalize each word
     }
 </script>
\ No newline at end of file
diff --git a/app/Views/insurer_onboarding.php b/app/Views/insurer_onboarding.php
index babb086a..2889ba13 100755
--- a/app/Views/insurer_onboarding.php
+++ b/app/Views/insurer_onboarding.php
@@ -20,34 +20,44 @@
                         <span class="title-text ">Insurer</span>
                     </h4>
                 </div>
-                <ul class="nav nav-pills navtab-bg" id="myTab">
-                    <li class="nav-item">
-                        <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            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>
-                    <li class="nav-item">
-                        <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="insurer_branch_contacts_id">
-                            <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
-                            <span class="d-none d-sm-inline-block">Branch & Contacts</span>
-                        </a>
-                    </li>
-
-                    <?php if(isset($insurer['id'])){ ?>
 
+                <div class="tab-wrapper position-relative">
+                    <ul class="nav nav-pills navtab-bg" id="myTab">
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                        </li>
                         <li class="nav-item">
-                            <a href="#template-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="insurer_export_templete">
-                                <span class="mr-1"><i class="mdi mdi-file-export font-16"></i></span>
-                                <span class="d-none d-sm-inline-block">Insurer Download Templete</span>
+                            <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
+                                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>
+                        <li class="nav-item">
+                            <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="insurer_branch_contacts_id">
+                                <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
+                                <span class="d-none d-sm-inline-block">Branch & Contacts</span>
                             </a>
                         </li>
 
-                    <?php } ?>
+                        <?php if (isset($insurer['id'])) { ?>
 
+                            <li class="nav-item">
+                                <a href="#template-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="insurer_export_templete">
+                                    <span class="mr-1"><i class="mdi mdi-file-export font-16"></i></span>
+                                    <span class="d-none d-sm-inline-block">Insurer Download Templete</span>
+                                </a>
+                            </li>
+
+                        <?php } ?>
+
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <!-- Right Arrow -->
+                            <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                        </li>
+                    </ul>
+                </div>
 
-                </ul>
                 <div class="tab-content">
                     <?php include('insurer_basic_info.php'); ?>
                     <?php include('insurer_branch.php'); ?>
@@ -60,17 +70,18 @@
 
 
 <script>
-
     function insurer_branch_contact() {
         var check_insurer_id = $('#insurer_General_PrimaryKey');
 
-        if(check_insurer_id[0].value == '' || check_insurer_id[0].value == null || check_insurer_id[0].value == 0){
+        if (check_insurer_id[0].value == '' || check_insurer_id[0].value == null || check_insurer_id[0].value == 0) {
             $('#btnBranchAdd').hide();
-            toastr.warning('First Add the Insurer!', 'warning',{timeOut: 2000});
-        }else{
-         // if ($('#btnBranchBack')[0].style.display == 'none') {
-                $('#btnBranchAdd').show();
-         // }
+            toastr.warning('First Add the Insurer!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
+            // if ($('#btnBranchBack')[0].style.display == 'none') {
+            $('#btnBranchAdd').show();
+            // }
         }
     }
 
@@ -79,6 +90,4 @@
 
         insurer_branch_contact();
     });
-</script>
-
-
+</script>
\ No newline at end of file
diff --git a/app/Views/kyc_onboarding.php b/app/Views/kyc_onboarding.php
index b42c0839..eec84a12 100755
--- a/app/Views/kyc_onboarding.php
+++ b/app/Views/kyc_onboarding.php
@@ -1,33 +1,32 @@
 <style>
+    body {
+        .multiselect-native-select {
+            position: relative;
+
+            /* bottom: 32px; */
+            select {
+                border: 0 !important;
+                clip: rect(0 0 0 0) !important;
+                height: 1px !important;
+                margin: -1px -1px -1px -3px !important;
+                overflow: hidden !important;
+                padding: 0 !important;
+                position: absolute !important;
+                width: 1px !important;
+                left: 50%;
+                top: 30px;
+            }
+        }
+
+        .multiselect-container {
+            width: 100% !important;
+        }
+
+        .multiselect-selected-text {
+            float: left !important;
+        }
 
-body {
-.multiselect-native-select {
-    position: relative;
-    /* bottom: 32px; */
-    select {
-        border: 0 !important;
-        clip: rect(0 0 0 0) !important;
-        height: 1px !important;
-        margin: -1px -1px -1px -3px !important;
-        overflow: hidden !important;
-        padding: 0 !important;
-        position: absolute !important;
-        width: 1px !important;
-        left: 50%;
-        top: 30px;
     }
-}
-
-.multiselect-container{
-    width: 100% !important;
-}
-
-.multiselect-selected-text{
-    float: left !important;
-}
-
-}
-
 </style>
 
 <div class="row" id="insurer_add">
@@ -50,21 +49,31 @@ body {
                         <a href="<?= base_url("master/kyc/list"); ?>" ><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div>
                 </div> -->
-                <ul class="nav nav-pills navtab-bg" id="myTab">
-                    <li class="nav-item">
-                        <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            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>
-                    <li class="nav-item">
-                        <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="kyc_docs_id">
-                            <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
-                            <span class="d-none d-sm-inline-block">KYC Docs</span>
-                        </a>
-                    </li>
-                </ul>
+                <div class="tab-wrapper position-relative">
+                    <ul class="nav nav-pills navtab-bg" id="myTab">
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
+                                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>
+                        <li class="nav-item">
+                            <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="kyc_docs_id">
+                                <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
+                                <span class="d-none d-sm-inline-block">KYC Docs</span>
+                            </a>
+                        </li>
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <!-- Right Arrow -->
+                            <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                        </li>
+                    </ul>
+                </div>
+
                 <div class="tab-content">
                     <?php include('kyc_entity_type_basic_info.php'); ?>
                     <?php include('kyc_docs.php'); ?>
@@ -79,21 +88,23 @@ body {
 <script>
     function policy_type_branch_contact() {
         var check_policy_type_id = $('#kyc_General_PrimaryKey');
-        
+
         console.log(check_policy_type_id.val());
-        if(check_policy_type_id[0].value == '' || check_policy_type_id[0].value == null || check_policy_type_id[0].value == 0){
+        if (check_policy_type_id[0].value == '' || check_policy_type_id[0].value == null || check_policy_type_id[0].value == 0) {
             $('#btnBranchAdd').hide();
-            toastr.warning('First Add the KYC Entity Type!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('First Add the KYC Entity Type!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             if ($('#btnBranchBack')[0].style.display == 'none') {
                 $('#btnBranchAdd').show();
             }
         }
-        
+
     }
 
     document.getElementById("kyc_docs_id").addEventListener("click", function(event) {
         event.preventDefault();
         policy_type_branch_contact();
     });
-</script>
+</script>
\ No newline at end of file
diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index 76ab717f..45b9cf6b 100755
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -1077,18 +1077,19 @@
         }
     });
 
-    $(function(){
-        let $nav = $("ul ");
+$(function(){
+    let $nav = $("#myTab");
 
-        $(".left-btn").on("click", function(){
-            $nav.animate({ scrollLeft: $nav.scrollLeft() - 150 }, 200);
-        });
-
-        $(".right-btn").on("click", function(){
-            $nav.animate({ scrollLeft: $nav.scrollLeft() + 150 }, 200);
-        });
+    $(".left-btn").on("click", function(){
+        $nav.stop().animate({ scrollLeft: $nav.scrollLeft() - 150 }, 200);
     });
 
+    $(".right-btn").on("click", function(){
+        $nav.stop().animate({ scrollLeft: $nav.scrollLeft() + 150 }, 200);
+    });
+});
+
+
     // function openModal(modalId) {
     //     console.log('openModal called with ID:', modalId);
     //     var modalEl = document.getElementById(modalId);
@@ -1107,6 +1108,21 @@
 </script>
 
 
+<script>
+        $(document).ready(function(){
+        $('.nav-link').click(function(){
+
+        // change bg color of tab
+            $('.nav-link').removeClass('active-tab');
+            $(this).addClass('active-tab');
+        
+
+
+        });
+    });
+</script>
+
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 148d73c4..34a3eb29 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -190,6 +190,62 @@
         }
     </style>
 
+    <!-- tab-switch -->
+     <style>
+        .nav-pills ,
+        .nav-link    
+        {
+            background-color: #F5FFFF !important;
+            color : #00999E !important;
+            border-radius:10px;
+            
+        }
+
+        .nav-pills 
+        {
+            background-color: #F5FFFF !important;
+            color : #00999E !important;
+            box-shadow: 0px 2px 4px 0px #00000040 ;
+            padding-top: 5px ;
+        }
+
+        .nav-pills.nav-dash{
+            background-color: white !important; 
+            box-shadow:none !important;
+        }
+
+         .nav-pills .nav-dash {
+            background-color: #D4F5F6 !important;
+            border-radius: 10px;
+            color: black!important;
+        }
+
+
+        .nav-link.active-tab {
+            color: white !important;
+            background-color: #00999E !important;
+            font-size: small !important;
+            padding:8px 16px;
+            border-radius: 10px !important; 
+            box-shadow: 0px 2px 4px 0px #00000040;
+        
+        }
+
+        .nav-link-btn {
+            color: white !important;
+            background-color: #00999E !important;
+            font-size: small !important;
+            padding: 8px 16px;
+            border-radius: 10px !important;
+        }
+
+        .navtab-bg .nav-link {
+            margin: 5px !important;
+        }
+     </style>
+
+
+
     <!-- sidebar -->
     <style>
         #side-menu .menu-logo a:hover {
@@ -298,36 +354,6 @@
             color:#000;
         }
 
-        .nav-link {
-            color: black !important;
-            background-color: #D4F5F6 !important;
-            font-size: small !important;
-            padding: 8px;
-            border-radius: 10px !important;
-            padding: 8px 16px;
-
-        }
-
-        .nav-link-btn {
-            color: white !important;
-            background-color: #00999E !important;
-            font-size: small !important;
-            padding: 8px 16px;
-            border-radius: 10px !important;
-        }
-
-        .nav-link.active-tab {
-            color: white !important;
-            background-color: #00999E !important;
-            font-size: small !important;
-            padding: 8px 16px;
-            border-radius: 10px !important;
-
-        }
-
-        .navtab-bg .nav-link {
-            margin: 0 5px 10px !important;
-        }
 
 
         .navbar-custom {
@@ -1587,6 +1613,7 @@
 
     <!-- tab swich scrollable -->
      <style>
+        
         .tab-wrapper {
             display: flex;
             align-items: center;
@@ -1596,13 +1623,14 @@
         /* Make the UL a scrollable flex row */
         #myTab {
             display: flex;
+            white-space: nowrap;
             flex-wrap: nowrap;      /* prevent wrapping */
             overflow-x: auto;       /* enable horizontal scroll */
             overflow-y: hidden;
             white-space: nowrap;    /* keep items on one line */
-            scroll-behavior: smooth;
             margin: 0;
             padding: 0 40px;        /* leave space for arrows */
+            flex-grow: 1;
         }
 
         /* Hide scrollbars */
@@ -1610,7 +1638,8 @@
         #myTab { -ms-overflow-style: none; scrollbar-width: none; }
 
         .scroll-btn {
-            background: #f1f1f1;
+            background-color: #F4FFFF;
+            height: 55px;
             border: none;
             cursor: pointer;
             font-size: 18px;
@@ -1619,7 +1648,9 @@
             top: 50%;
             transform: translateY(-50%);
             z-index: 10;
+            color: #00999E;
         }
+        
         .left-btn { left: 0; }
         .right-btn { right: 0; }
      </style>
diff --git a/app/Views/policy_type_onboarding.php b/app/Views/policy_type_onboarding.php
index 434bfc6c..392e0cfe 100755
--- a/app/Views/policy_type_onboarding.php
+++ b/app/Views/policy_type_onboarding.php
@@ -1,33 +1,32 @@
 <style>
+    body {
+        .multiselect-native-select {
+            position: relative;
+
+            /* bottom: 32px; */
+            select {
+                border: 0 !important;
+                clip: rect(0 0 0 0) !important;
+                height: 1px !important;
+                margin: -1px -1px -1px -3px !important;
+                overflow: hidden !important;
+                padding: 0 !important;
+                position: absolute !important;
+                width: 1px !important;
+                left: 50%;
+                top: 30px;
+            }
+        }
+
+        .multiselect-container {
+            width: 100% !important;
+        }
+
+        .multiselect-selected-text {
+            float: left !important;
+        }
 
-body {
-.multiselect-native-select {
-    position: relative;
-    /* bottom: 32px; */
-    select {
-        border: 0 !important;
-        clip: rect(0 0 0 0) !important;
-        height: 1px !important;
-        margin: -1px -1px -1px -3px !important;
-        overflow: hidden !important;
-        padding: 0 !important;
-        position: absolute !important;
-        width: 1px !important;
-        left: 50%;
-        top: 30px;
     }
-}
-
-.multiselect-container{
-    width: 100% !important;
-}
-
-.multiselect-selected-text{
-    float: left !important;
-}
-
-}
-
 </style>
 
 <div id="policy_add">
@@ -50,22 +49,32 @@ body {
                         <span class="title-text ">Policy Type</span>
                     </h4>
                 </div>
-                <ul class="nav nav-pills navtab-bg" id="myTab">
-                    <li class="nav-item">
-                        <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            class="nav-link px-3 py-2 active-tab active">
-                            <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
+                <div class="tab-wrapper position-relative">
+                    <ul class="nav nav-pills navtab-bg" id="myTab">
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
+                                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>
-                    <!-- <li class="nav-item">
+                                <span class="d-none d-sm-inline-block">General</span>
+                            </a>
+                        </li>
+                        <!-- <li class="nav-item">
                         <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="policy_id_type">
                             <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
                             <span class="d-none d-sm-inline-block">Policies</span>
                         </a>
                     </li> -->
-                </ul>
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <!-- Right Arrow -->
+                            <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                        </li>
+                    </ul>
+                </div>
+
                 <div class="tab-content">
                     <?php include('policy_type_basic_info.php'); ?>
                     <?php include('policies.php'); ?>
@@ -79,22 +88,23 @@ body {
 <script>
     function policy_type_branch_contact() {
         var check_policy_type_id = $('#policytype_General_PrimaryKey');
-        
 
-        if(check_policy_type_id[0].value == '' || check_policy_type_id[0].value == null || check_policy_type_id[0].value == 0){
+
+        if (check_policy_type_id[0].value == '' || check_policy_type_id[0].value == null || check_policy_type_id[0].value == 0) {
             $('#btnBranchAdd').hide();
-            toastr.warning('First Add the Policy Type!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('First Add the Policy Type!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             if ($('#btnBranchBack')[0].style.display == 'none') {
                 $('#btnBranchAdd').show();
             }
         }
-        
+
     }
 
     document.getElementById("policy_id_type").addEventListener("click", function(event) {
         event.preventDefault();
         policy_type_branch_contact();
     });
-</script>
-
+</script>
\ No newline at end of file
diff --git a/app/Views/pt_form_file_upload_tab.php b/app/Views/pt_form_file_upload_tab.php
index 2925a4f9..cb8968fe 100644
--- a/app/Views/pt_form_file_upload_tab.php
+++ b/app/Views/pt_form_file_upload_tab.php
@@ -1,37 +1,47 @@
 <div class="row" id="pt_onboarding" style="position: relative; bottom: 25px; display:none;">
     <div class="col-xl-12">
         <div class="card-body">
-            <ul class="nav nav-pills navtab-bg" id="myTab">
-                <li class="nav-item">
-                    <a href="#form" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active" id="general_tab">
-                        <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
-                        <span class="d-none d-sm-inline-block">Policy</span>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab2">
-                        <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block">KYC Docs</span>
-                    </a>
-                </li>
-                <li class="nav-item" id="hide_file_upload" style="display: none;">
-                    <a href="#fileupload" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
-                        <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block">File Upload</span>
-                    </a>
-                </li>
-                <li class="nav-item" id="hide_vehicle_tab" style="display: none;">
-                    <a href="#vehicle-docs-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="vehicle_tab">
-                        <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block">Vehicle Docs</span>
-                    </a>
-                </li>
-            </ul>
+            <div class="tab-wrapper position-relative">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
+                    <li class="nav-item d-flex justify-content-center align-items-center">
+                        <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#form" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active" id="general_tab">
+                            <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
+                            <span class="d-none d-sm-inline-block">Policy</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab2">
+                            <span class="mr-1"><i class="mdi mdi-file"></i></span>
+                            <span class="d-none d-sm-inline-block">KYC Docs</span>
+                        </a>
+                    </li>
+                    <li class="nav-item" id="hide_file_upload" style="display: none;">
+                        <a href="#fileupload" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
+                            <span class="mr-1"><i class="mdi mdi-file"></i></span>
+                            <span class="d-none d-sm-inline-block">File Upload</span>
+                        </a>
+                    </li>
+                    <li class="nav-item" id="hide_vehicle_tab" style="display: none;">
+                        <a href="#vehicle-docs-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="vehicle_tab">
+                            <span class="mr-1"><i class="mdi mdi-file"></i></span>
+                            <span class="d-none d-sm-inline-block">Vehicle Docs</span>
+                        </a>
+                    </li>
+                    <li class="nav-item d-flex justify-content-center align-items-center">
+                        <!-- Right Arrow -->
+                        <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                    </li>
+                </ul>
+            </div>
+
             <div class="tab-content">
                 <?php include('policy_transaction_inception_form.php'); ?>
-                <?php include('drive_file_upload.php'); ?>            
-                <?php include('client_kyc.php'); ?>        
-                <?php include('vehicle_docs.php'); ?>        
+                <?php include('drive_file_upload.php'); ?>
+                <?php include('client_kyc.php'); ?>
+                <?php include('vehicle_docs.php'); ?>
             </div>
         </div>
     </div>
@@ -39,45 +49,42 @@
 
 
 <script>
+    $(document).ready(function() {
 
-$(document).ready(function() {
+        $('#kyc_tab').on('click', function(e) {
+            var ptId = $('#policy_tranction_primarykey').val();
 
-    $('#kyc_tab').on('click', function(e) {
-        var ptId = $('#policy_tranction_primarykey').val();
+            if (!ptId) { // Check if ptId is empty or null
+                e.preventDefault(); // Prevent the tab from opening
+                $('#g_drive_file_upload_sbt_btn').hide()
+                toastr.warning('Please create Policy before proceeding to File Upload.');
+            } else {
+                $('#g_drive_file_upload_sbt_btn').show()
+            }
+        });
 
-        if (!ptId) { // Check if ptId is empty or null
-            e.preventDefault(); // Prevent the tab from opening
-            $('#g_drive_file_upload_sbt_btn').hide()
-            toastr.warning('Please create Policy before proceeding to File Upload.');
-        }else{
-            $('#g_drive_file_upload_sbt_btn').show()
-        }
+        $('#kyc_tab2').on('click', function(e) {
+            var ptId = $('#policy_tranction_primarykey').val();
+
+            if (!ptId) { // Check if ptId is empty or null
+                e.preventDefault(); // Prevent the tab from opening
+                $('#btn_other_docs').hide()
+                toastr.warning('Please create Policy before proceeding to File Upload.');
+            } else {
+                $('#btn_other_docs').show()
+            }
+        });
+
+        $('#vehicle_tab').on('click', function(e) {
+            var ptId = $('#policy_tranction_primarykey').val();
+
+            if (!ptId) { // Check if ptId is empty or null
+                e.preventDefault(); // Prevent the tab from opening
+                $('#vehicle_file_upload_sbt_btn').hide()
+                toastr.warning('Please create Policy before proceeding to File Upload.');
+            } else {
+                $('#vehicle_file_upload_sbt_btn').show()
+            }
+        });
     });
-
-    $('#kyc_tab2').on('click', function(e) {
-        var ptId = $('#policy_tranction_primarykey').val();
-
-        if (!ptId) { // Check if ptId is empty or null
-            e.preventDefault(); // Prevent the tab from opening
-            $('#btn_other_docs').hide()
-            toastr.warning('Please create Policy before proceeding to File Upload.');
-        }else{
-            $('#btn_other_docs').show()
-        }
-    });
-
-    $('#vehicle_tab').on('click', function(e) {
-        var ptId = $('#policy_tranction_primarykey').val();
-
-        if (!ptId) { // Check if ptId is empty or null
-            e.preventDefault(); // Prevent the tab from opening
-            $('#vehicle_file_upload_sbt_btn').hide()
-            toastr.warning('Please create Policy before proceeding to File Upload.');
-        }else{
-            $('#vehicle_file_upload_sbt_btn').show()
-        }
-    });
-});
-
-
 </script>
\ No newline at end of file
diff --git a/app/Views/ticket_edit_onbording.php b/app/Views/ticket_edit_onbording.php
index 36cf7069..125d792e 100644
--- a/app/Views/ticket_edit_onbording.php
+++ b/app/Views/ticket_edit_onbording.php
@@ -1,40 +1,37 @@
 <style>
-.bg-staff {
-    background-color: #FFF5E5;
-}
-
-.label-font-size{
-    font-size:0.875rem;
-}
-
-     .nav-pills ,
-     .nav-link    
-    {
-        background-color: #F5FFFF !important;
-        color : #00999E !important;
-        border-radius:10px;
-        
+    .bg-staff {
+        background-color: #FFF5E5;
     }
 
-     .nav-pills 
-    {
+    .label-font-size {
+        font-size: 0.875rem;
+    }
+
+    .nav-pills,
+    .nav-link {
         background-color: #F5FFFF !important;
-        color : #00999E !important;
+        color: #00999E !important;
+        border-radius: 10px;
+
+    }
+
+    .nav-pills {
+        background-color: #F5FFFF !important;
+        color: #00999E !important;
         box-shadow: 0px 2px 4px 0px #00000040;
-        padding-top: 5px ;
+        padding-top: 5px;
     }
 
 
-     .nav-link.active-tab {
+    .nav-link.active-tab {
         color: white !important;
         background-color: #00999E !important;
         font-size: small !important;
-        padding:8px 16px;
-        border-radius: 10px !important; 
+        padding: 8px 16px;
+        border-radius: 10px !important;
         box-shadow: 0px 2px 4px 0px #00000040;
-    
-    }
 
+    }
 </style>
 <div class="row">
     <div class="col-12">
@@ -53,75 +50,85 @@
                 </div>
 
                 <!-- Navigation Tabs -->
-                <ul class="nav nav-pills navtab-bg" id="myTab">
-                    <li class="nav-item">
-                        <a href="#general-tab" data-toggle="tab" class="nav-link px-3 py-2 active label-font-size" id="general_tab"
-                            aria-expanded="true">
-                            <i class="mdi mdi-ticket-account"></i>
-                            <span class="d-none d-sm-inline-block ">General</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#reply-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="reply_tab"
-                            aria-expanded="false">
-                            <i class="mdi mdi-message-processing"></i>
-                            <span class="d-none d-sm-inline-block">Reply</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#note-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="note_tab"
-                            aria-expanded="false">
-                            <i class="mdi mdi-note-text"></i>
-                            <span class="d-none d-sm-inline-block">Notes</span>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#history-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="history_tab"
-                            aria-expanded="false">
-                            <i class="mdi mdi-history"></i>
-                            <span class="d-none d-sm-inline-block">History</span>
-                        </a>
-                    </li>
-                    <?php if(in_array($ticket_data['ticket_type_id'], [1,2,3,4,5,6,7])){ ?>
-                    <li class="nav-item">
-                        <a href="#autoQuery-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="auto_query_tab"
-                            aria-expanded="false">
-                            <i class="mdi mdi-robot mr-1"></i>                            
-                            <span class="d-none d-sm-inline-block">Auto Query Content</span>
-                        </a>
-                    </li>
-                    <?php } ?>
-                    <li class="nav-item">
-                        <a href="#uploads-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="uploads_tab"
-                            aria-expanded="false">
-                            <i class="mdi mdi-file mr-1"></i>                            
-                            <span class="d-none d-sm-inline-block">Claim Files</span>
-                        </a>
-                    </li>
-                    <?php if(in_array($ticket_data['ticket_type_id'], [1,2,3,4,5,6,7])){ ?>
-                    <li class="nav-item">
-                        <a href="#viewpolicyterms-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="viewpolicyterms_tab"
-                            aria-expanded="false">
-                            <i class="mdi mdi-eye mr-1"></i>                            
-                            <span class="d-none d-sm-inline-block">View Policy Terms</span>
-                        </a>
-                    </li>
-                    <?php } ?>
-                </ul>
+                <div class="tab-wrapper position-relative">
+                    <ul class="nav nav-pills navtab-bg" id="myTab">
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#general-tab" data-toggle="tab" class="nav-link px-3 py-2 active label-font-size" id="general_tab"
+                                aria-expanded="true">
+                                <i class="mdi mdi-ticket-account"></i>
+                                <span class="d-none d-sm-inline-block ">General</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#reply-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="reply_tab"
+                                aria-expanded="false">
+                                <i class="mdi mdi-message-processing"></i>
+                                <span class="d-none d-sm-inline-block">Reply</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#note-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="note_tab"
+                                aria-expanded="false">
+                                <i class="mdi mdi-note-text"></i>
+                                <span class="d-none d-sm-inline-block">Notes</span>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#history-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="history_tab"
+                                aria-expanded="false">
+                                <i class="mdi mdi-history"></i>
+                                <span class="d-none d-sm-inline-block">History</span>
+                            </a>
+                        </li>
+                        <?php if (in_array($ticket_data['ticket_type_id'], [1, 2, 3, 4, 5, 6, 7])) { ?>
+                            <li class="nav-item">
+                                <a href="#autoQuery-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="auto_query_tab"
+                                    aria-expanded="false">
+                                    <i class="mdi mdi-robot mr-1"></i>
+                                    <span class="d-none d-sm-inline-block">Auto Query Content</span>
+                                </a>
+                            </li>
+                        <?php } ?>
+                        <li class="nav-item">
+                            <a href="#uploads-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="uploads_tab"
+                                aria-expanded="false">
+                                <i class="mdi mdi-file mr-1"></i>
+                                <span class="d-none d-sm-inline-block">Claim Files</span>
+                            </a>
+                        </li>
+                        <?php if (in_array($ticket_data['ticket_type_id'], [1, 2, 3, 4, 5, 6, 7])) { ?>
+                            <li class="nav-item">
+                                <a href="#viewpolicyterms-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="viewpolicyterms_tab"
+                                    aria-expanded="false">
+                                    <i class="mdi mdi-eye mr-1"></i>
+                                    <span class="d-none d-sm-inline-block">View Policy Terms</span>
+                                </a>
+                            </li>
+                        <?php } ?>
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <!-- Right Arrow -->
+                            <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                        </li>
+                    </ul>
+                </div>
+
 
                 <!-- Tab Content -->
                 <div class="tab-content">
                     <div class="tab-pane fade show active" id="general-tab">
-                        <?php 
+                        <?php
 
                         if ($ticket_data['ticket_type_id'] == 1) {
-                             include('ticket_form_gmc.php');
-                        } else if($ticket_data['ticket_type_id'] == 8){
-                             include('ticket_form_motor.php');
+                            include('ticket_form_gmc.php');
+                        } else if ($ticket_data['ticket_type_id'] == 8) {
+                            include('ticket_form_motor.php');
                         } else {
-                             include('ticket_form_gpa.php');
-                        } 
-                       ?>
+                            include('ticket_form_gpa.php');
+                        }
+                        ?>
                     </div>
                     <div class="tab-pane fade" id="reply-tab">
                         <?php include('ticket_reply.php'); ?>
@@ -132,18 +139,18 @@
                     <div class="tab-pane fade" id="history-tab">
                         <?php include('ticket_history.php'); ?>
                     </div>
-                    <?php if(in_array($ticket_data['ticket_type_id'], [1,2,3,4,5,6,7])){ ?>
-                    <div class="tab-pane fade" id="autoQuery-tab">
-                        <?php include('ticket_auto_query.php'); ?>
-                    </div>
+                    <?php if (in_array($ticket_data['ticket_type_id'], [1, 2, 3, 4, 5, 6, 7])) { ?>
+                        <div class="tab-pane fade" id="autoQuery-tab">
+                            <?php include('ticket_auto_query.php'); ?>
+                        </div>
                     <?php } ?>
                     <div class="tab-pane fade" id="uploads-tab">
                         <?php include('claim_files_upload.php'); ?>
                     </div>
-                    <?php if(in_array($ticket_data['ticket_type_id'], [1,2,3,4,5,6,7])){ ?>
-                    <div class="tab-pane fade" id="viewpolicyterms-tab">
-                        <?php include('view_policy_terms.php'); ?>
-                    </div>
+                    <?php if (in_array($ticket_data['ticket_type_id'], [1, 2, 3, 4, 5, 6, 7])) { ?>
+                        <div class="tab-pane fade" id="viewpolicyterms-tab">
+                            <?php include('view_policy_terms.php'); ?>
+                        </div>
                     <?php } ?>
                 </div>
             </div>
@@ -165,18 +172,18 @@
                         <select class="form-control" onchange="setMemberData(this)">
                             <option value="0">Select Insured Member</option>
                             <?php if (!empty($member_data)) : ?>
-                            <?php foreach ($member_data as $value) : ?>
-                            <option value="<?= isset($value['emp_code']) ? $value['emp_code'] : '' ?>"
-                                data-empID="<?= isset($value['emp_id']) ? $value['emp_id'] : '' ?>"
-                                data-empName="<?= isset($value['emp_name']) ? htmlspecialchars($value['emp_name'], ENT_QUOTES, 'UTF-8') : '' ?>"
-                                data-policyNo="<?= isset($value['policy_no']) ? $value['policy_no'] : '' ?>"
-                                data-tpaNo="<?= isset($value['tpa_no']) ? $value['tpa_no'] : '' ?>"
-                                data-relationship="<?= isset($value['emp_relationship']) ? htmlspecialchars($value['emp_relationship'], ENT_QUOTES, 'UTF-8') : '' ?>">
-                                <?= isset($value['emp_name']) && isset($value['emp_relationship']) 
-                                    ? htmlspecialchars($value['emp_name'] . ' - ' . $value['emp_relationship'], ENT_QUOTES, 'UTF-8') 
-                                    : 'Unknown Member' ?>
-                            </option>
-                            <?php endforeach; ?>
+                                <?php foreach ($member_data as $value) : ?>
+                                    <option value="<?= isset($value['emp_code']) ? $value['emp_code'] : '' ?>"
+                                        data-empID="<?= isset($value['emp_id']) ? $value['emp_id'] : '' ?>"
+                                        data-empName="<?= isset($value['emp_name']) ? htmlspecialchars($value['emp_name'], ENT_QUOTES, 'UTF-8') : '' ?>"
+                                        data-policyNo="<?= isset($value['policy_no']) ? $value['policy_no'] : '' ?>"
+                                        data-tpaNo="<?= isset($value['tpa_no']) ? $value['tpa_no'] : '' ?>"
+                                        data-relationship="<?= isset($value['emp_relationship']) ? htmlspecialchars($value['emp_relationship'], ENT_QUOTES, 'UTF-8') : '' ?>">
+                                        <?= isset($value['emp_name']) && isset($value['emp_relationship'])
+                                            ? htmlspecialchars($value['emp_name'] . ' - ' . $value['emp_relationship'], ENT_QUOTES, 'UTF-8')
+                                            : 'Unknown Member' ?>
+                                    </option>
+                                <?php endforeach; ?>
                             <?php endif; ?>
                         </select>
 
@@ -194,153 +201,153 @@
     <?php include("ticket_conversation.php") ?>
 </div>
 
-<?php //include("ticket_form_handler.php") ?>
+<?php //include("ticket_form_handler.php") 
+?>
 
 <script>
-    
-function submitClaimForm(event, form) {
+    function submitClaimForm(event, form) {
 
-    event.preventDefault();
+        event.preventDefault();
 
-    var isValid = $('#ticket_form_data').parsley().validate();
+        var isValid = $('#ticket_form_data').parsley().validate();
 
-    if (!isValid) {
-        toastr.warning('Form validation failed. Please check the required fields.', 'WARNING');
-        return false;
-    }
-
-    const formAction = '<?= base_url("ticket/update"); ?>';
-
-    // Show loader
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
-
-    // Collect IDs and form data
-    const formData = new FormData(form);
-
-    // AJAX request
-    $.ajax({
-        data: formData,
-        url: formAction,
-        type: "POST",
-        dataType: 'json',
-        processData: false,
-        contentType: false,
-        success: function(response) {
-            // Hide loader
-
-            console.log('Form submitted response:', response);
-
-            if (response.status === true) {
-                location.reload();
-                toastr.success(response.message, 'SUCCESS');
-            } else {
-                toastr.error(response.message, 'ERROR');
-            }
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-        },
-        error: function(xhr, status, error) {
-            console.error(xhr.responseText);
-            console.error(status, error);
-
-            // Hide loader
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-        }
-    });
-}
-
-function openFetchEmpDataodal() {
-    var myModal = new bootstrap.Modal(document.getElementById('member_data_modal'));
-    myModal.show();
-}
-
-function setMemberData(input) {is_head_approved
-
-    var selectedOption = $(input).find(':selected');
-
-    // Retrieve the data-* attributes
-    var empId = selectedOption.data('empid');
-    var empName = selectedOption.data('empname');
-    var policyNo = selectedOption.data('policyno');
-    var tpaNo = selectedOption.data('tpano');
-    var relationship = selectedOption.data('relationship');
-
-    $('#tpa_no').val(tpaNo);
-    $('#insured_emp_id').val(empId);
-    $('#insured_name').val(empName);
-    $('#policy_no').val(policyNo);
-
-    $('#relationship option').each(function() {
-        if ($(this).text() === relationship) {
-            $(this).prop('selected', true);
-        }
-    });
-}
-
-function showConfirmationModal(event) {
-    Swal.fire({
-        title: "Approve Claim Rejection",
-        // text: "Do you want to save this?",
-        icon: "warning",
-        showCancelButton: true,
-        showDenyButton: true, 
-        confirmButtonColor: "#3085d6",
-        cancelButtonColor: "#6c757d",
-        denyButtonColor: "#d33",
-        confirmButtonText: "Approve",
-        denyButtonText: "Reject",
-        cancelButtonText: "Cancel"
-    }).then((result) => {
-        if (result.isConfirmed) {
-            $('#is_head_approved').val(1);
-            console.log($('#ticket_form_data')[0])
-            submitClaimForm(event, $('#ticket_form_data')[0]); // Fixed selector
-        } else if (result.isDenied) {
-            // Show second Swal for rejection reason
-            Swal.fire({
-                title: "Rejection Reason",
-                text: "Please provide a reason for rejection",
-                input: "textarea",
-                inputPlaceholder: "Enter your reason here...",
-                icon: "info",
-                showCancelButton: true,
-                confirmButtonColor: "#3085d6",
-                cancelButtonColor: "#6c757d",
-                confirmButtonText: "Submit",
-                cancelButtonText: "Back"
-            }).then((reasonResult) => {
-                if (reasonResult.isConfirmed) {
-                    // Check if reason is not empty
-                    if (reasonResult.value && reasonResult.value.trim() !== "") {
-                        $('#is_head_approved').val(2);
-                        $('#rejection_reason').val(reasonResult.value.trim());
-                        console.log($('#ticket_form_data')[0]);
-                        $('#head_rejection_reason').val(reasonResult.value.trim());
-                        submitClaimForm(event, $('#ticket_form_data')[0]);
-                    } else {
-                        // Alert if reason is empty
-                        Swal.fire({
-                            title: "Error",
-                            text: "Rejection reason cannot be empty",
-                            icon: "error",
-                            confirmButtonColor: "#3085d6"
-                        }).then(() => {
-                            // Go back to the rejection reason dialog
-                            showConfirmationModal(event);
-                        });
-                    }
-                } else {
-                    // If canceled, go back to first Swal
-                    showConfirmationModal(event);
-                }
-            });
-        } else {
-            $('#is_head_approved').val(0);
+        if (!isValid) {
+            toastr.warning('Form validation failed. Please check the required fields.', 'WARNING');
             return false;
         }
-    });
-}
 
+        const formAction = '<?= base_url("ticket/update"); ?>';
+
+        // Show loader
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        // Collect IDs and form data
+        const formData = new FormData(form);
+
+        // AJAX request
+        $.ajax({
+            data: formData,
+            url: formAction,
+            type: "POST",
+            dataType: 'json',
+            processData: false,
+            contentType: false,
+            success: function(response) {
+                // Hide loader
+
+                console.log('Form submitted response:', response);
+
+                if (response.status === true) {
+                    location.reload();
+                    toastr.success(response.message, 'SUCCESS');
+                } else {
+                    toastr.error(response.message, 'ERROR');
+                }
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
+
+                // Hide loader
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+            }
+        });
+    }
+
+    function openFetchEmpDataodal() {
+        var myModal = new bootstrap.Modal(document.getElementById('member_data_modal'));
+        myModal.show();
+    }
+
+    function setMemberData(input) {
+        is_head_approved
+
+        var selectedOption = $(input).find(':selected');
+
+        // Retrieve the data-* attributes
+        var empId = selectedOption.data('empid');
+        var empName = selectedOption.data('empname');
+        var policyNo = selectedOption.data('policyno');
+        var tpaNo = selectedOption.data('tpano');
+        var relationship = selectedOption.data('relationship');
+
+        $('#tpa_no').val(tpaNo);
+        $('#insured_emp_id').val(empId);
+        $('#insured_name').val(empName);
+        $('#policy_no').val(policyNo);
+
+        $('#relationship option').each(function() {
+            if ($(this).text() === relationship) {
+                $(this).prop('selected', true);
+            }
+        });
+    }
+
+    function showConfirmationModal(event) {
+        Swal.fire({
+            title: "Approve Claim Rejection",
+            // text: "Do you want to save this?",
+            icon: "warning",
+            showCancelButton: true,
+            showDenyButton: true,
+            confirmButtonColor: "#3085d6",
+            cancelButtonColor: "#6c757d",
+            denyButtonColor: "#d33",
+            confirmButtonText: "Approve",
+            denyButtonText: "Reject",
+            cancelButtonText: "Cancel"
+        }).then((result) => {
+            if (result.isConfirmed) {
+                $('#is_head_approved').val(1);
+                console.log($('#ticket_form_data')[0])
+                submitClaimForm(event, $('#ticket_form_data')[0]); // Fixed selector
+            } else if (result.isDenied) {
+                // Show second Swal for rejection reason
+                Swal.fire({
+                    title: "Rejection Reason",
+                    text: "Please provide a reason for rejection",
+                    input: "textarea",
+                    inputPlaceholder: "Enter your reason here...",
+                    icon: "info",
+                    showCancelButton: true,
+                    confirmButtonColor: "#3085d6",
+                    cancelButtonColor: "#6c757d",
+                    confirmButtonText: "Submit",
+                    cancelButtonText: "Back"
+                }).then((reasonResult) => {
+                    if (reasonResult.isConfirmed) {
+                        // Check if reason is not empty
+                        if (reasonResult.value && reasonResult.value.trim() !== "") {
+                            $('#is_head_approved').val(2);
+                            $('#rejection_reason').val(reasonResult.value.trim());
+                            console.log($('#ticket_form_data')[0]);
+                            $('#head_rejection_reason').val(reasonResult.value.trim());
+                            submitClaimForm(event, $('#ticket_form_data')[0]);
+                        } else {
+                            // Alert if reason is empty
+                            Swal.fire({
+                                title: "Error",
+                                text: "Rejection reason cannot be empty",
+                                icon: "error",
+                                confirmButtonColor: "#3085d6"
+                            }).then(() => {
+                                // Go back to the rejection reason dialog
+                                showConfirmationModal(event);
+                            });
+                        }
+                    } else {
+                        // If canceled, go back to first Swal
+                        showConfirmationModal(event);
+                    }
+                });
+            } else {
+                $('#is_head_approved').val(0);
+                return false;
+            }
+        });
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/tpa_onboarding.php b/app/Views/tpa_onboarding.php
index 4184f547..9c5edb72 100755
--- a/app/Views/tpa_onboarding.php
+++ b/app/Views/tpa_onboarding.php
@@ -1,33 +1,32 @@
 <style>
+    body {
+        .multiselect-native-select {
+            position: relative;
+
+            /* bottom: 32px; */
+            select {
+                border: 0 !important;
+                clip: rect(0 0 0 0) !important;
+                height: 1px !important;
+                margin: -1px -1px -1px -3px !important;
+                overflow: hidden !important;
+                padding: 0 !important;
+                position: absolute !important;
+                width: 1px !important;
+                left: 50%;
+                top: 30px;
+            }
+        }
+
+        .multiselect-container {
+            width: 100% !important;
+        }
+
+        .multiselect-selected-text {
+            float: left !important;
+        }
 
-body {
-.multiselect-native-select {
-    position: relative;
-    /* bottom: 32px; */
-    select {
-        border: 0 !important;
-        clip: rect(0 0 0 0) !important;
-        height: 1px !important;
-        margin: -1px -1px -1px -3px !important;
-        overflow: hidden !important;
-        padding: 0 !important;
-        position: absolute !important;
-        width: 1px !important;
-        left: 50%;
-        top: 30px;
     }
-}
-
-.multiselect-container{
-    width: 100% !important;
-}
-
-.multiselect-selected-text{
-    float: left !important;
-}
-
-}
-
 </style>
 
 <div class="row" id="tpa_add">
@@ -41,7 +40,7 @@ body {
                         </span>
                         <span class="title-text ">TPA</span>
                     </h4>
-            
+
                     <!-- <div class="col-6" style="align-self: center;">
                         <h4 style="position: relative;">TPA</h4>
                     </div>
@@ -49,21 +48,31 @@ body {
                         <a href="<?= base_url("master/tpa/list"); ?>"><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div> -->
                 </div>
-                <ul class="nav nav-pills navtab-bg" id="myTab">
-                    <li class="nav-item">
-                        <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
-                            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>
-                    <li class="nav-item">
-                        <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="tpa_branch_contacts_id">
-                            <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
-                            <span class="d-none d-sm-inline-block">Branch & Contacts</span>
-                        </a>
-                    </li>
-                </ul>
+                <div class="tab-wrapper position-relative">
+                    <ul class="nav nav-pills navtab-bg" id="myTab">
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
+                                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>
+                        <li class="nav-item">
+                            <a href="#branch-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2" id="tpa_branch_contacts_id">
+                                <span class="mr-1"><i class="mdi mdi-source-branch"></i></span>
+                                <span class="d-none d-sm-inline-block">Branch & Contacts</span>
+                            </a>
+                        </li>
+                        <li class="nav-item d-flex justify-content-center align-items-center">
+                            <!-- Right Arrow -->
+                            <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                        </li>
+                    </ul>
+                </div>
+
                 <div class="tab-content">
                     <?php include('tpa_basic_info.php'); ?>
                     <?php include('tpa_branch.php'); ?>
@@ -79,20 +88,21 @@ body {
         var check_tpa_id = $('#tpa_General_PrimaryKey');
 
 
-        if(check_tpa_id[0].value == '' || check_tpa_id[0].value == null || check_tpa_id[0].value == 0){
+        if (check_tpa_id[0].value == '' || check_tpa_id[0].value == null || check_tpa_id[0].value == 0) {
             $('#btnBranchAdd').hide();
-            toastr.warning('First Add the TPA!', 'warning',{timeOut: 2000});
-        }else{
+            toastr.warning('First Add the TPA!', 'warning', {
+                timeOut: 2000
+            });
+        } else {
             // if ($('#btnBranchBack')[0].style.display == 'none') {
-                $('#btnBranchAdd').show();
+            $('#btnBranchAdd').show();
             // }
         }
-        
+
     }
 
     document.getElementById("tpa_branch_contacts_id").addEventListener("click", function(event) {
         event.preventDefault();
         tpa_branch_contact();
     });
-</script>
-
+</script>
\ No newline at end of file