diff --git a/app/Views/employee_upload.php b/app/Views/employee_upload.php
index 9fa5c433..48424f07 100755
--- a/app/Views/employee_upload.php
+++ b/app/Views/employee_upload.php
@@ -72,50 +72,11 @@ option:disabled {
                                         </div>
                                     </div>
 
-
-                                    <div class="form-row" id="file_upload">
-
-                                        <div class="form-group col-md-4">
-                                            <label>Upload file</label> &nbsp;[ <a id="excel_download"
-                                                data-toggle="tooltip" data-placement="top"
-                                                title="Download Sample Excel">Sample Excel</a> ]
-                                            <input type="file" name="emplist" id="emplist"
-                                                accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet"
-                                                required>
-                                        </div>
-
-                                        <div class="d-flex align-items-center justify-content-start"
-                                            style="margin-top: 18px;">
-                                            <div class="form-group col-md-11">
-                                                <!-- Adjusted the width to 11 columns -->
-                                                <div class="col-md-3">
-                                                    <button id="emp_form_submit_button" type="submit"
-                                                        class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
-                                                </div>
-                                            </div>
-                                        </div>
-
-
-                                        <div class="form-group col-md-2"
-                                            style="margin-top: 26px;position: relative;left: 65px;"> 
-                                            <p style="color:black;"> OR </p>
-                                        </div>
-
-                                        <div class="form-group col-md-4" style="margin-top: 18px;">
-                                            <a class="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>
-                                        </div>
-
-
-                                    </div>
-
                                     <div class="form-row" id="file_upload">
 
                                         <div class="form-group col-md-12">
                                             <label>Upload file</label> &nbsp;[ <a id="excel_download"
-                                                data-toggle="tooltip" data-placement="top" style="color:black"
+                                                data-toggle="tooltip" data-placement="top" style="color:#00999E"
                                                 title="Download Sample Excel">Sample Excel</a> ]
                                                 <br>
                                             <input type="file" name="emplist" id="emplist"
@@ -125,7 +86,7 @@ option:disabled {
                                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
 
                                                 <button id="emp_form_submit_button" type="submit"
-                                                        class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
+                                                        class=" nav-link-btn px-3 py-1 btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
 
                                                 &nbsp;&nbsp;
 
@@ -133,7 +94,7 @@ option:disabled {
 
                                                 &nbsp;&nbsp;
 
-                                                <a class="btn btn-primary waves-effect waves-light justify-content-end"
+                                                <a class=" nav-link-btn px-3 py-1  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/layout/header.php b/app/Views/layout/header.php
index 1eeb9f07..5b0807b0 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -109,6 +109,15 @@
             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;
@@ -187,29 +196,33 @@
 
         /* parsley-examples  */
         
-            .parsley-examples 
-            {
-                background-color: #F5FFFF;
-                padding: 25px;
-                border: 2px solid #fff;
-                border-radius: 10px;
-                /* box-shadow: 2px 2px 2px; */
-                box-shadow: 0px 1px 1px 0px #00000040;
-            }
+        .parsley-examples 
+        {
+            background-color: #F5FFFF;
+            padding: 25px;
+            border: 2px solid #fff;
+            border-radius: 10px;
+            /* box-shadow: 2px 2px 2px; */
+            box-shadow: 0px 1px 1px 0px #00000040;
+        }
 
         /* parsley-examples */
 
 
         /* all input elements */
-input, select, 
-.select2-container .select2-selection {
-    border-radius: 10px !important;
-    box-shadow: 0px 2px 4px 0px #00000024 !important;
-}
+        input, select, 
+        .select2-container .select2-selection {
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+        }
 
         /* allinput elements */
 
 
+        /* card-body */
+        .card-body{
+            color:#000;
+        }
 
 
 
@@ -273,9 +286,6 @@ input, select,
             color: #FFFFFF !important;
         }
 
-        /* .dataTables_wrapper .text-right {
-                position: relative;
-            } */
 
         .dataTables_wrapper .dt-buttons .buttons-csv,
         .dataTables_wrapper .dt-buttons .buttons-html5 {
@@ -584,10 +594,6 @@ rgba(0, 153, 158, 0.5)  (transparent)
     background-color: #ECECEC !important;
 }
 
-.app-font-family,
-.app-font-family *:not(.mdi):not(.fa):not(.material-icons) {
-  font-family: 'Poppins' !important;
-}
 
 .app-title     { font-size: 18px; }
 .app-heading   { font-size: 16px; }
@@ -731,6 +737,8 @@ table[data-custom-table-css="table"] thead th {
     color: #fff !important;
     border-top: 0px solid #fff !important;
     border-bottom: 0px solid #fff !important;
+    text-align: center;
+    vertical-align: middle;
 }
 
 table[data-custom-table-css="table"] tbody td {
@@ -769,6 +777,68 @@ table[data-custom-table-css="table"] {
 }
 
 
+    /* Datatable footer styles */
+
+        /* Pagination buttons */
+        .dataTables_wrapper .dataTables_paginate .paginate_button {
+            padding: 2px 6px !important;
+            font-size: 12px !important;
+            background: transparent !important;
+            border-radius: 13px !important;
+            border: none !important;
+        }
+
+        /* Previous / Next buttons */
+        .dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
+        .dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
+            border-radius: 13px !important;
+            background-color: #F5FFFF;
+            border: none !important;
+            box-shadow: 0 0 0 0.15rem #F5FFFF;
+            font-size: 0; /* hide default text */
+            position: relative;
+        }
+
+        /* Custom arrows */
+        .dataTables_wrapper .dataTables_paginate .page-item.previous .page-link::before {
+            content: "◄";
+            font-size: 14px;
+        }
+        .dataTables_wrapper .dataTables_paginate .page-item.next .page-link::before {
+            content: "►";
+            font-size: 14px;
+        }
+
+
+
+
+        /* Active / Inactive pages */
+        .dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
+            color: #fff !important;
+            border-radius: 13px !important;
+        }
+        .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link {
+            border: 1px solid #fff !important;
+            border-radius: 13px !important;
+        }
+
+        /* Info text */
+        .dataTables_info {
+            font-size: 12px;
+        }
+
+
+
+
+
+    /* Data Tables search input */
+    
+        .dataTables_filter {
+        }
+
+        .dataTables_filter input {
+        }
+
 
 
     </style>
diff --git a/app/Views/leads_list.php b/app/Views/leads_list.php
index f15c18b0..6ab391f2 100644
--- a/app/Views/leads_list.php
+++ b/app/Views/leads_list.php
@@ -272,7 +272,7 @@ table.dataTable tbody td {
     </div>
 </div>
 
-<div class="modal fade app-font-family" id="EmailModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade " id="EmailModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1140px !important;">
     <div class="modal-content">
       
diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php
index 1057ad26..34994c4d 100644
--- a/app/Views/thz_list.php
+++ b/app/Views/thz_list.php
@@ -1,43 +1,5 @@
 <style>
 
-/* Force DataTable to allow rounded corners */
-#scroll-horizontal-datatable {
-    border-collapse: separate !important;
-    border-spacing: 0 8px !important; /* space between rows */
-    width: 100%;
-}
-
-/* .table thead th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #fff;
-} */
-
-
-/* Add shadow + spacing row "card" effect */
-tbody tr {
-    /* box-shadow: 0 2px 5px rgba(0,0,0,0.08); */
-}
-
-/* Search input with icon */
-.dataTables_filter {
-    position: absolute;
-}
-
-.dataTables_filter input {
-    padding-right: 30px;
-    background: url('https://cdn.jsdelivr.net/npm/@mdi/svg/svg/magnify.svg') no-repeat right 8px center;
-    background-size: 16px;
-}
-
-/* Optional: control first column width */
-.table th:nth-child(1),
-.table td:nth-child(1) {
-    max-width: 50px !important; 
-    min-width: 50px !important;
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-}
 
 .maincard{
     margin-top:0 !important;
@@ -49,15 +11,6 @@ tbody tr {
     max-width: 98% !important;
 }
 
-.dataTables_filter {
-    position: absolute;
-}
-
-.dataTables_filter input {
-    padding-right: 30px; /* space for icon */
-    background: url('https://cdn.jsdelivr.net/npm/@mdi/svg/svg/magnify.svg') no-repeat right 8px center;
-    background-size: 16px;
-}
 
 .right-align-input {
     text-align: right;
@@ -72,15 +25,8 @@ tbody tr {
 }
 
 </style>
+
 <style>
-/* .table th:nth-child(1),
-.table td:nth-child(1) {
-    max-width: 200px !important; 
-    min-width: 100px !important;
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-} */
 
 .text-custom-grey{
   font-size: 0.85em; 
@@ -92,10 +38,6 @@ table.dataTable td.wrap {
     word-break: break-word; 
 }
 
-table thead th {
-    text-align: center;
-    vertical-align: middle;
-}
 
 .btn-custom {
     font-weight: 500;       
@@ -106,63 +48,6 @@ table thead th {
     text-align: center;
 }
 
-.table-custom th {
-    font-family: 'Poppins', sans-serif !important;
-    font-weight: 700;       
-    font-style: normal;     
-    font-size: 13px;
-    line-height: 1.44;       
-    letter-spacing: -0.02em; 
-    text-align: center;      
-    color: #000;             
-    padding: 10px 12px;      
-}
-
-
-/* Remove borders from all pagination buttons */
-/* Pagination (p) */
-.dataTables_wrapper .dataTables_paginate .paginate_button,
-.dataTables_wrapper .dataTables_paginate .paginate_button:active,
-.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
-.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
-.dataTables_wrapper .dataTables_paginate .paginate_button.current {
-    padding: 2px 6px !important;
-    font-size: 12px !important;
-    background: transparent !important;
-    border-radius: 13px !important;
-    border: none !important;
-}
-
-.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
-.dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
-    /* box-shadow: 0 0 0 0.15rem rgba(0,153,158,0.5) !important;
-    background: rgba(0,153,158,0.8) !important;*/
-    border-radius: 13px !important;
-    background-color: #F5FFFF; 
-    border: none !important;
-    box-shadow: 0 0 0 0.15rem #F5FFFF;
-}
-
-
-
-/* Active page number */
-.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
-    color: #fff !important;
-    border-radius: 13px !important;
-}
-
-/* Inactive (not active) page numbers */
-.dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link {
-    border: 1px solid #fff !important;
-    border-radius: 13px !important;
-}
-
-
-
-/* Info text (i) */
-.dataTables_info {
-    font-size: 12px;
-}
 
 .form-control {
     background-color: #ECECEC !important;
@@ -201,11 +86,11 @@ table thead th {
         <div class="card-body maincard">
             <div class="row">
                 <div class="col-6" style="align-self: center;">
-                    <p class="title-text app-font-family font-color-black" style="position: relative;">Tickets </p>
+                    <p class="title-text  font-color-black" style="position: relative;">Tickets </p>
                 </div>
             </div>
             <div>
-                <table id="scroll-horizontal-datatable" class="table w-100 nowrap text-custom-black text-custom app-font-family app-datatable">
+                <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap text-custom-black text-custom  app-datatable">
                     <thead class="app-table-head">
                         <tr>
                             <th>Ticket ID</th>
@@ -274,7 +159,7 @@ table thead th {
     </div>
 </div>
 
-<div class="modal fade app-font-family" id="ticketModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade " id="ticketModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-xl" style="margin:5px auto!important;">
     <div class="modal-content">
       <form id="ticketForm">
@@ -286,13 +171,13 @@ table thead th {
 
               <!-- first row -->
               <div class="d-flex w-100 justify-content-between align-items-center">
-                <h4 class="modal-title app-font-family mb-0" id="modalLabel" style="font-size:27px !important">New Ticket</h4>
+                <h4 class="modal-title  mb-0" id="modalLabel" style="font-size:27px !important">New Ticket</h4>
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
               </div>
 
               <!-- second row -->
               <div class="form-row mt-3 w-100">
-                <div class="form-group col-md-6 app-font-family">
+                <div class="form-group col-md-6 ">
                   <label for="client_id">Client</label>
                   <select class="form-control app-field-grey font-color-black" id="client_id" name="client_id">
                     <option value="">Select Client</option>
@@ -304,7 +189,7 @@ table thead th {
                   </select>
                 </div>
 
-                <div class="form-group col-md-5 app-font-family">
+                <div class="form-group col-md-5 ">
                   <label for="mobile">Mobile<span class="text-danger">*</span></label>
                   <input type="text" class="form-control app-field-grey" id="mobile" placeholder="Enter Mobile Number"
                         name="mobile" 
@@ -313,7 +198,7 @@ table thead th {
                 </div>
 
                 <div class="form-group col-md-1" style="padding:32.5px 0 0 18px;">
-                  <button type="button" class="btn-custom app-btn-primary app-font-family" style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached " style="font-size:24px;"></i></button>
+                  <button type="button" class="btn-custom app-btn-primary " style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached " style="font-size:24px;"></i></button>
                 </div>
               </div>
         </div>
@@ -326,12 +211,12 @@ table thead th {
             <input type="hidden" id="policy_id" name="policy_id">
             <input type="hidden" id="created_by" name="created_by" value="<?= get_session_userid(); ?>">
 
-            <div class="form-group col-md-4 app-font-family">
+            <div class="form-group col-md-4 ">
               <label for="name">Name<span class="text-danger">*</span></label>
               <input type="text" class="form-control" id="name" name="name" placeholder="Enter Name" required>
             </div>
 
-            <div class="form-group col-md-4 app-font-family">
+            <div class="form-group col-md-4 ">
               <label for="email">Email Id<span class="text-danger">*</span></label>
               <input type="email" class="form-control" id="email" 
                      name="email" placeholder="Enter Email"
@@ -340,13 +225,13 @@ table thead th {
                      title="Please enter a valid email address">
             </div>
 
-            <div class="form-group col-md-4 app-font-family">
+            <div class="form-group col-md-4 ">
               <label for="empcode">Employee code</label>
               <input type="text" class="form-control" id="empcode" name="empcode" placeholder="Enter Employee code">
             </div>
 
 
-            <div class="form-group col-md-4 app-font-family">
+            <div class="form-group col-md-4 ">
               <label for="ticket_type">Ticket Type<span class="text-danger">*</span></label>
               <select class="form-control" id="ticket_type" name="ticket_type" required onchange="hideandshowpolicy()">
                 <option value="">Select Ticket Type</option>
@@ -364,7 +249,7 @@ table thead th {
               </select>
             </div>
 
-            <div class="form-group col-md-4 app-font-family" id="policy_container">
+            <div class="form-group col-md-4 " id="policy_container">
               <label for="policy_no">Policy Number</label>
                 <select class="form-control" id="policy_no" name="policy_no" onchange="changevalue()">
                   <option value="" selected data-id="">Select Policy</option>
@@ -403,11 +288,11 @@ table thead th {
               <input type="hidden" id="hide_assign_to" name="assign_to" value="<?= esc(get_session_userid()); ?>">
             <?php endif; ?>
 
-            <!-- <div class="form-group col-md-12 app-font-family">
+            <!-- <div class="form-group col-md-12 ">
               <label for="subject">Subject<span class="text-danger">*</span></label>
               <small id="subjectCounter" class="form-text text-muted app-text-right">0/150</small>
             </div> -->
-            <div class="form-group col-md-12 app-font-family">
+            <div class="form-group col-md-12 ">
               <div class="d-flex justify-content-between">
                 <label for="subject" class="mb-1">Subject <span class="text-danger">*</span></label>
                 <small id="subjectCounter" class="form-text text-muted">0/150</small>
@@ -415,7 +300,7 @@ table thead th {
               <input type="text" class="form-control" id="subject" name="subject" placeholder="Enter Subject" required maxlength="150">
             </div>
 
-            <div class="form-group col-md-12 app-font-family">
+            <div class="form-group col-md-12 ">
               <div class="d-flex justify-content-between">
                 <label for="message">Message<span class="text-danger">*</span></label>
                 <small id="messageCounter" class="form-text text-muted text-end app-text-right">0/1500</small>
@@ -436,7 +321,7 @@ table thead th {
 </div>
 
 
-<div class="modal fade app-font-family" id="AssignModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade " id="AssignModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content">
       <div class="modal-header">
@@ -460,7 +345,7 @@ table thead th {
         </div>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn-custom app-btn-secondary app-btn-border-radius app-font-family" onclick="updateAssignTo()">Save</button>
+        <button type="button" class="btn-custom app-btn-secondary app-btn-border-radius " onclick="updateAssignTo()">Save</button>
       </div>
     </div>
   </div>
@@ -744,7 +629,7 @@ $(document).ready(function() {
             "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
           buttons: [
               {
-                  text: '<i class="mdi mdi-plus" ></i><span class="app-font-family btn-custom">  Create New Ticket </span>',
+                  text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom">  Create New Ticket </span>',
                   className: 'btn app-btn-primary app-btn-border-radius mr-2',
                   action: function(e, dt, node, config) { 
                       openTicket();
@@ -752,19 +637,17 @@ $(document).ready(function() {
               },
               {
                   extend: 'collection',
-                  text: '<span class="app-font-family btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
+                  text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
                   className: 'btn app-btn-secondary app-btn-border-radius',
                   buttons: [
                             {
                                 extend: 'csv',
-                                text: '<i class="mdi mdi-file-delimited " ></i><span class=" app-font-family btn-custom">  CSV </span>',
-                                title: 'Tickets',
+                                text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
                                 className: 'app-btn-primary ',
                             },
                             {
                                 extend: 'excel',
-                                text: '<i class="mdi mdi-file-excel " ></i><span class=" app-font-family btn-custom">  EXCEL </span>',
-                                title: 'Tickets',
+                                text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
                                 exportOptions: {
                                     orthogonal: 'sort'
                                 },
@@ -773,14 +656,6 @@ $(document).ready(function() {
                   ]
               }
           ],
-          language: {
-            search: "_INPUT_",
-            searchPlaceholder: "Search...",
-            paginate: {
-                previous: "◄",
-                next: "►"
-            }
-          },
           paging: true,
           pageLength: 25,
       });
diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php
index 03b2aa66..7cac8e54 100644
--- a/app/Views/thz_notes.php
+++ b/app/Views/thz_notes.php
@@ -149,7 +149,7 @@ hr{
                     <span onclick="history.back()" style="cursor: pointer;">
                         <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
                     </span>
-                    <span class="title-text app-font-family">Ticket ID-<?= $master[0]['thz_id']; ?></span>
+                    <span class="title-text ">Ticket ID-<?= $master[0]['thz_id']; ?></span>
                 </h4>
             </div>
 
@@ -160,7 +160,7 @@ hr{
                 <div class="col-5" id="notes-body-left">
                     <div class="card master-card" style="background:#F5FFFF;">
                         <div class="card-header d-flex justify-content-between align-items-center" style="background:none; border:none;">
-                            <p class="sub-title-text app-font-family mb-0">Details</p>
+                            <p class="sub-title-text  mb-0">Details</p>
                             <?php if($master[0]['status'] !== "Closed") : ?>
                             <a href="javascript:void(0);" onclick="openEditTicket()">
                                 <i class="mdi mdi-pencil edit-icon" title="Edit"></i>
@@ -173,22 +173,22 @@ hr{
                             </a>
                             <?php endif; ?>
                         </div>
-                        <div class="card-body card-scroll sub-title-text app-font-family" style="padding:0 27px !important; background:#F5FFFF;">
+                        <div class="card-body card-scroll sub-title-text " style="padding:0 27px !important; background:#F5FFFF;">
                             <div class="row mb-2 ml-o">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Ticket ID</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['thz_id'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Ticket ID</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['thz_id'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Name</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['name'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Name</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['name'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Mobile</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['mobile'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Mobile</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['mobile'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Policy Number</div>
-                                <div class="col-8 app-text text-end app-font-family app-text-black" style="font-weight: 500 !important;">
+                                <div class="col-4 app-subtitle app-text-grey ">Policy Number</div>
+                                <div class="col-8 app-text text-end  app-text-black" style="font-weight: 500 !important;">
                                     <?= (!empty($master[0]['policy_no']) && strtolower($master[0]['policy_no']) !== 'null') 
                                         ? '<u class="app-text-black">
                                                 <a href="javascript:void(0);" 
@@ -204,12 +204,12 @@ hr{
                                 </div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Assigned To</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['assignee_name'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Assigned To</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['assignee_name'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Status</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;">
+                                <div class="col-4 app-subtitle app-text-grey ">Status</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;">
                                         <?= (!empty($master[0]['status']) && strtolower($master[0]['status']) !== 'null') 
                                             ? '<u class="app-text-black">
                                                     <a href="javascript:void(0);" 
@@ -225,20 +225,20 @@ hr{
                                 </div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Ticket Type</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['ticket_type'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Ticket Type</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['ticket_type'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Subject</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['subject'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Subject</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['subject'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Message</div>
-                                <div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['message'];?></div>
+                                <div class="col-4 app-subtitle app-text-grey ">Message</div>
+                                <div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['message'];?></div>
                             </div>
                             <div class="row mb-2">
-                                <div class="col-4 app-subtitle app-text-grey app-font-family">Related Tickets</div>
-                                <div class="col-8 app-text text-end app-font-family" style="font-weight: 500 !important;">
+                                <div class="col-4 app-subtitle app-text-grey ">Related Tickets</div>
+                                <div class="col-8 app-text text-end " style="font-weight: 500 !important;">
                                     <u class="text-warning">
                                         <a href="javascript:void(0);" 
                                         class="text-warning"
@@ -264,7 +264,7 @@ hr{
                     <!-- Conversation Card -->
                     <div class="card mb-3 conversation-card">
                          <div class="card-header d-flex justify-content-between align-items-center" style="background:none; border:none; padding-bottom: 0px;">
-                            <p class="sub-title-text app-font-family app-text-black" >Conversation</p>
+                            <p class="sub-title-text  app-text-black" >Conversation</p>
                         </div>
                         <div class="card-body recard-scroll" style="padding:0 27px !important; margin:0 !important; background:#F5FFFF;">
                           <?php if(!empty($notes)): ?>
@@ -273,20 +273,20 @@ hr{
                                 <div style="border:none; padding: 0px; margin: 0px;">
                                         <hr/>
                                         <!-- Top Row: Message + Badge -->
-                                        <div class="d-flex justify-content-between align-items-start app-text app-text-black app-font-family">
-                                            <p class="mb-1 ml-0 mr-0 app-font-family" style="font-weight: 400 !important;"><?= $conv['notes'] ?></p>
+                                        <div class="d-flex justify-content-between align-items-start app-text app-text-black ">
+                                            <p class="mb-1 ml-0 mr-0 " style="font-weight: 400 !important;"><?= $conv['notes'] ?></p>
                                             <!-- <?php if(!empty($conv['notes_by'])): ?>
                                                 <span class="badge bg-warning text-dark"><?= $conv['notes_by'] ?></span>
                                             <?php endif; ?> -->
                                             <?php if (!empty($conv['notes_type']) && $conv['notes_type'] === "Internal"): ?>
-                                                <span class="badge app-badge-secondary app-text-white app-font-family" style="font-size:10px;"><?= $conv['notes_type'] ?></span>
+                                                <span class="badge app-badge-secondary app-text-white " style="font-size:10px;"><?= $conv['notes_type'] ?></span>
                                             <?php endif; ?>
                                         </div>
                                         
                                         <!-- Bottom Row: Name + Date -->
                                         <div class="d-flex justify-content-between small text-muted" style="padding-top: 5px;">
-                                            <span class="app-font-family" style="font-weight: 400 !important;"><i class="mdi mdi-account"></i> <?= $conv['name'] ?></span>
-                                            <span style="font-size:9px; font-weight: 400 !important;" class="app-font-family"><?= date("j F Y h:i a", strtotime($conv['created_at'])) ?></span>
+                                            <span class="" style="font-weight: 400 !important;"><i class="mdi mdi-account"></i> <?= $conv['name'] ?></span>
+                                            <span style="font-size:9px; font-weight: 400 !important;" class=""><?= date("j F Y h:i a", strtotime($conv['created_at'])) ?></span>
                                         </div>
 
                                         <!-- <?php echo $i < count($notes)-1 ? '<hr/>' : ''; ?> -->
@@ -294,9 +294,9 @@ hr{
 
                             <?php endforeach; ?>
                             <?php else: ?>
-                                <div class="d-flex justify-content-center align-items-center app-font-family" 
+                                <div class="d-flex justify-content-center align-items-center " 
                                     style="height: 45vh; width:100%;">
-                                    <p class="text-center app-font-family font-color-black"><i>No Data Found</i></p>
+                                    <p class="text-center  font-color-black"><i>No Data Found</i></p>
                                 </div>
                             <?php endif; ?>
                         </div>
@@ -329,7 +329,7 @@ hr{
     </div>
 </div>
 
-<div class="modal fade app-text-black app-font-family" id="EditModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade app-text-black " id="EditModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content">
       <form id="ticketForm">
@@ -344,7 +344,7 @@ hr{
             <input type="hidden" id="updated_by" name="updated_by" value="<?= get_session_userid(); ?>">
             
             <div class="form-group col-md-12">
-              <label for="ticket_type" class="sub-title-text app-font-family">Ticket Type<span class="text-danger">*</span></label>
+              <label for="ticket_type" class="sub-title-text ">Ticket Type<span class="text-danger">*</span></label>
               <select class="form-control" id="ticket_type" name="ticket_type" required>
                 <option value="">Select Ticket Type</option>
                 <!-- <option value="Sales">Sales</option>
@@ -361,7 +361,7 @@ hr{
 
 
             <div class="form-group col-md-12">
-              <label for="status" class="sub-title-text app-font-family">Status</label>
+              <label for="status" class="sub-title-text ">Status</label>
               <select class="form-control" id="status" name="status">
                 <option value="">Select Status</option>
                 <option value="Open">Open</option>
@@ -375,7 +375,7 @@ hr{
                  // 2,3,4 dropdown data'va varannum but dropdown hide pannanum  --> 
             <?php if(in_array(get_role_id(), [1,5]) ) { ?> 
             <div class="form-group col-md-12">
-              <label for="assign_to" class="sub-title-text app-font-family">Assign To</label>
+              <label for="assign_to" class="sub-title-text ">Assign To</label>
               <select class="form-control" id="assign_to" name="assign_to">
                 <option value="">Select Assign To</option>
                 <?php if(isset($assignee)) { ?>
@@ -398,25 +398,25 @@ hr{
   </div>
 </div>
 
-<div class="modal fade app-font-family" id="relatedTicketModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade " id="relatedTicketModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content" style="border-radius:15px;">
       
         <div class="modal-header" style="border-bottom-width:0;">
-            <h4 class="modal-title title-text  app-font-family" style="font-size:27px !important">Related Tickets</h4>
+            <h4 class="modal-title title-text  " style="font-size:27px !important">Related Tickets</h4>
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
 
         <div class="modal-body card-scroll" style="padding-top:5px!important;">  
 
             <?php if(!empty($related_tickets)):  foreach($related_tickets as $j => $rt): ?>
-                <div class="card related-ticket-card app-font-family app-text" 
+                <div class="card related-ticket-card  app-text" 
                     style="cursor: pointer;"
                     onclick="window.open('<?= base_url().'/ticketConversationList?return_type=web&thz_id='.$rt['thz_id']; ?>', '_blank')">
                     <div class="card-body">
                             <div class="d-flex justify-content-between align-items-center" style="margin-bottom: 10px !important;">
-                                <h5 class="app-font-family app-text"><?php echo '# '.$rt['thz_id']." / ".$rt['ticket_type']; ?></h5>
-                                <small classs="app-font-family" style="font-size:7px;">
+                                <h5 class=" app-text"><?php echo '# '.$rt['thz_id']." / ".$rt['ticket_type']; ?></h5>
+                                <small classs="" style="font-size:7px;">
                                     <?php if (!empty($rt['created_at'])):
                                         $cd =  date("j F Y", strtotime($rt['created_at']));
                                         $ct =  date("h:i a", strtotime($rt['created_at']));
@@ -425,11 +425,11 @@ hr{
                                     ?>
                                 </small>
                             </div>
-                            <p class="mt-1 app-font-family" 
+                            <p class="mt-1 " 
                                 style="font-size:9px; font-weight:400; margin:4px;">
                                 <?= $rt['subject'] ? $rt['subject'] : "&nbsp;"; ?>
                             </p>
-                            <small class="app-font-family" style="font-size:7px;"><span style="color: green !important; font-weight: 500;">Status: </span><?php echo $rt['status']; ?></small>
+                            <small class="" style="font-size:7px;"><span style="color: green !important; font-weight: 500;">Status: </span><?php echo $rt['status']; ?></small>
                         </div>
                 </div>
             <?php endforeach; 
@@ -445,12 +445,12 @@ hr{
   </div>
 </div>
 
-<div class="modal fade app-font-family" id="PolicyModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade " id="PolicyModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content" style="border-radius:15px;">
       
         <div class="modal-header" style="border-bottom-width:0;">
-            <h4 class="modal-title title-text  app-font-family">Policy Terms</h4>
+            <h4 class="modal-title title-text  ">Policy Terms</h4>
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
 
@@ -469,13 +469,13 @@ hr{
   </div>
 </div>
 
-<div class="modal fade app-font-family" id="StatusModal" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="modal fade " id="StatusModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-lg" >
   <!-- style="max-width: 775px !important;"> -->
     <div class="modal-content" style="border-radius:15px;">
       
         <div class="modal-header" style="border-bottom-width:0;">
-            <h4 class="modal-title title-text app-font-family">Status History</h4>
+            <h4 class="modal-title title-text ">Status History</h4>
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
 
@@ -620,7 +620,7 @@ function statusHistory(thzId) {
             if (response.status === "success" && response.data.length > 0) {
                 let table = `
                 <div class="table-responsive">
-                    <table data-custom-table-css="table" class="table w-100 nowrap text-custom-black text-custom app-font-family app-datatable">
+                    <table data-custom-table-css="table" class="table w-100 nowrap text-custom-black text-custom  app-datatable">
                         <thead class="app-table-head">
                             <tr>
                                 <th class="app-text app-text-white">S.No</th>
@@ -669,7 +669,7 @@ function statusHistory(thzId) {
             } else {
                 container.html(`
                     <div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
-                        <p class="text-center app-font-family font-color-black"><i>${response.message ?? 'No history found'}</i></p>
+                        <p class="text-center  font-color-black"><i>${response.message ?? 'No history found'}</i></p>
                     </div>
                 `);
             }
@@ -679,7 +679,7 @@ function statusHistory(thzId) {
         error: function(xhr) {
             $(".history-container").html(`
                 <div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
-                    <p class="text-center app-font-family font-color-black"><i>No Data Found</i></p>
+                    <p class="text-center  font-color-black"><i>No Data Found</i></p>
                 </div>
             `);
             $("#StatusModal").modal("show");