diff --git a/src/app/download-certificate/downloadcertificate.component.html b/src/app/download-certificate/downloadcertificate.component.html
index c464027..c552a50 100644
--- a/src/app/download-certificate/downloadcertificate.component.html
+++ b/src/app/download-certificate/downloadcertificate.component.html
@@ -49,11 +49,11 @@
         </table>
 
         <!-- Table to show "No Records Found" -->
-        <table class="text-center my-5 w-100" *ngIf="certificateList.length === 0">
+        <table class="text-center w-100 mt-250" *ngIf="certificateList.length === 0">
             <tbody class="fs-5">
                 <tr>
                     <td [attr.colspan]="tableSchema?.fields?.length || 1" class="fs-20 fw-400 lh-27">
-                        {{ 'NO_RECORDS_FOUND' | translate }}
+                        <h2>{{ 'NO_RECORDS_FOUND' | translate }}</h2>
                     </td>
                 </tr>
             </tbody>
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index 525baa5..99b8884 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -81,16 +81,20 @@ hr {
     outline: 0;
     width: 65px;
 }
+
 .header {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 2;
+
     @media (max-width: 767.98px) {
         .custom-header {
             justify-content: normal !important;
+
             .logo-text {
                 width: calc(100% - 30px);
+
                 // text-align: center;
                 a {
                     display: inline-block;
@@ -98,11 +102,14 @@ hr {
             }
         }
     }
+
     @media (max-width: 991.98px) {
         .custom-header {
             justify-content: normal !important;
+
             .logo-text {
                 width: calc(100% - 30px);
+
                 // text-align: center;
                 a {
                     display: inline-block;
@@ -111,7 +118,8 @@ hr {
         }
     }
 }
-.banner{
+
+.banner {
     background: black;
     color: white;
     display: flex;
@@ -122,12 +130,12 @@ hr {
     margin: 0;
     width: 100%;
     text-align: center;
-    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+    font-family: "Poppins", sans-serif;
 }
 
 @media (max-width: 767.98px) {
-    .banner{
-        height:64px;
+    .banner {
+        height: 64px;
         padding: 11px 26px;
         background: black;
         color: white;
@@ -138,8 +146,8 @@ hr {
         margin: 0;
         width: 100%;
         text-align: center;
-        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
-    
+        font-family: "Poppins", sans-serif;
+
     }
-    
-}
+
+}
\ No newline at end of file
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 9ca09e7..f5b1f85 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -3,7 +3,7 @@
     <nav class="navbar navbar-light bg-white p-48">
       <div class="navbar-brand d-contents" id="navbarExample01">
         <div class="nav-item active logo-text d-flex align-items-center gap-15 homeHeaderLogo">
-          <img src="assets/images/logo.png" />
+          <img src="assets/images/Digi-logo.png" />
           Digi Vritti
           <!-- <div (click)="postFile()" class="fs-12 lh-12 font-weight-bold lang-btn nav-link-color">
             ADMIN
@@ -24,7 +24,9 @@
             <!-- <a href="/login"><span class="fs-12 font-weight-bold lang-btn nav-link-color lh-12">SIGN IN</span>
             </a> -->
             <div class="button">
-              <a href="/login" class="clr-grn">Sign In</a>
+              <a href="/login"
+                class="btn btn-bg btn-style text-primary-color text-end fw-bold text-capitalize dns-btn pt-2 dsn-g-btn">Sign
+                In</a>
             </div>
             <!-- <a href="/login"><span class="fs-12 font-weight-bold lang-btn nav-link-color">SIGN UP</span>
             </a> -->
@@ -129,7 +131,7 @@
         <div class="row">
           <div class="col-md-6">
             <div class="accordionWrapper">
-              <button class="btn acc-header d-flex align-items-center justify-content-between" type="button"
+              <button class="acc-header d-flex align-items-center justify-content-between" type="button"
                 data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false"
                 aria-controls="collapseExample" (click)="toggleIcon()">
                 <div class="accordionTitle">can I download and print my certificate anytime?</div>
@@ -157,7 +159,7 @@
           </div>
           <div class="col-md-6">
             <div class="accordionWrapper">
-              <button class="btn acc-header d-flex align-items-center justify-content-between" type="button"
+              <button class="acc-header d-flex align-items-center justify-content-between" type="button"
                 data-bs-toggle="collapse" data-bs-target="#collapseExample1" aria-expanded="false"
                 aria-controls="collapseExample1" (click)="toggleIcon1()">
                 <div class="accordionTitle">How many times can I access my certificate?</div>
@@ -187,7 +189,7 @@
         <div class="row">
           <div class="col-md-6">
             <div class="accordionWrapper">
-              <button class="btn acc-header d-flex align-items-center justify-content-between" type="button"
+              <button class="acc-header d-flex align-items-center justify-content-between" type="button"
                 data-bs-toggle="collapse" data-bs-target="#collapseExample2" aria-expanded="false"
                 aria-controls="collapseExample2" (click)="toggleIcon2()">
                 <div class="accordionTitle">Who can verify certificates?</div>
@@ -215,7 +217,7 @@
           </div>
           <div class="col-md-6">
             <div class="accordionWrapper">
-              <button class="btn acc-header d-flex align-items-center justify-content-between" type="button"
+              <button class="acc-header d-flex align-items-center justify-content-between" type="button"
                 data-bs-toggle="collapse" data-bs-target="#collapseExample3" aria-expanded="false"
                 aria-controls="collapseExample3" (click)="toggleIcon3()">
                 <div class="accordionTitle">Will I pay to get my certificates?</div>
@@ -245,7 +247,7 @@
         <div class="row">
           <div class="col-md-6">
             <div class="accordionWrapper">
-              <button class="btn acc-header d-flex align-items-center justify-content-between" type="button"
+              <button class="acc-header d-flex align-items-center justify-content-between" type="button"
                 data-bs-toggle="collapse" data-bs-target="#collapseExample4" aria-expanded="false"
                 aria-controls="collapseExample4" (click)="toggleIcon4()">
                 <div class="accordionTitle">How do I verify my certificate?</div>
@@ -273,7 +275,7 @@
           </div>
           <div class="col-md-6">
             <div class="accordionWrapper">
-              <button class="btn acc-header d-flex align-items-center justify-content-between" type="button"
+              <button class="acc-header d-flex align-items-center justify-content-between" type="button"
                 data-bs-toggle="collapse" data-bs-target="#collapseExample5" aria-expanded="false"
                 aria-controls="collapseExample5" (click)="toggleIcon5()">
                 <div class="accordionTitle">What can I do if I lost my printed certificate?</div>
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
index 3385313..cff3bf0 100644
--- a/src/app/home/home.component.scss
+++ b/src/app/home/home.component.scss
@@ -1,12 +1,3 @@
-// body {
-//     background: $background;
-//     color: #585858;
-//     font-family: 'Exo 2', sans-serif;
-//     text-align: center;
-//     -webkit-font-smoothing: antialiased;
-//     -moz-osx-font-smoothing: grayscale;
-// }
-
 a {
     color: inherit;
 }
@@ -50,9 +41,9 @@ h1 {
         position: relative;
     }
 
-  .mt-20{
-    margin-top: 20px;
-  }
+    .mt-20 {
+        margin-top: 20px;
+    }
 
     .menu-open-button {
         background: #75eeac;
@@ -99,6 +90,7 @@ h1 {
             background: white;
             color: #75eeac;
         }
+
         &:nth-child(1) {
             transition-duration: 10ms;
             transform: translate3d(256.5px, 0, 0) scale(0.5);
@@ -162,14 +154,15 @@ h1 {
     }
 
     .menu-open:checked {
-        + .menu-open-button {
+        +.menu-open-button {
             transition-timing-function: linear;
             transition-duration: 200ms;
             transform: scale(1, 1) rotate(-45deg) translate3d(0, 0, 0);
         }
 
-        ~ .real-menu {
+        ~.real-menu {
             transform: translate3d(0, 5px, 0);
+
             .menu-item {
                 transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
                 transform: translate3d(0, 0, 0);
@@ -177,6 +170,7 @@ h1 {
                 &:nth-child(1) {
                     transition-duration: 400ms;
                 }
+
                 &:nth-child(2) {
                     transition-duration: 320ms;
                 }
@@ -209,7 +203,7 @@ h1 {
     }
 }
 
-  .center {
+.center {
     margin: 0;
     position: relative;
     top: 50%;
@@ -217,10 +211,10 @@ h1 {
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     margin-top: 3%;
-  }
+}
 
-  .btn{
-      font-size:large;
-      font-weight: bold;
-      border-radius: 10px;
-  }
\ No newline at end of file
+.btn {
+    font-size: large;
+    font-weight: bold;
+    border-radius: 10px;
+}
\ No newline at end of file
diff --git a/src/app/issure/dashboard/dashboard.component.scss b/src/app/issure/dashboard/dashboard.component.scss
index 87d1287..147f8f0 100644
--- a/src/app/issure/dashboard/dashboard.component.scss
+++ b/src/app/issure/dashboard/dashboard.component.scss
@@ -1,89 +1,90 @@
 table {
-    font-family: arial, sans-serif;
-    border-collapse: collapse;
-    width: 100%;
-  }
-  
-  td{
-    border: 0 solid #dddddd;
-    text-align: left;
-    padding: 16px;
-    line-height: 32px;
-  }
+  font-family: "Poppins", sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
 
-  th {
-    padding: 10px;
-  }
-  
-  tr:nth-child(even) {
-    background-color: #e9e8e8;
-  }
+td {
+  border: 0 solid #dddddd;
+  text-align: left;
+  padding: 16px;
+  line-height: 32px;
+}
 
-  /* Model */
+th {
+  padding: 10px;
+}
+
+tr:nth-child(even) {
+  background-color: #e9e8e8;
+}
+
+/* Model */
 
 .modal.left .modal-dialog,
 .modal.right .modal-dialog {
-    position: fixed;
-    margin: auto;
-    width: 100%;
-    height: 100%;
-    -webkit-transform: translate3d(0%, 0, 0);
-        -ms-transform: translate3d(0%, 0, 0);
-         -o-transform: translate3d(0%, 0, 0);
-            transform: translate3d(0%, 0, 0);
+  position: fixed;
+  margin: auto;
+  width: 100%;
+  height: 100%;
+  -webkit-transform: translate3d(0%, 0, 0);
+  -ms-transform: translate3d(0%, 0, 0);
+  -o-transform: translate3d(0%, 0, 0);
+  transform: translate3d(0%, 0, 0);
 }
 
 .modal.left .modal-content,
 .modal.right .modal-content {
-    height: 100%;
-    overflow-y: auto;
+  height: 100%;
+  overflow-y: auto;
 }
 
-.right-xl-modal{
-    &.modal{
-        right: 0 !important;
-      //  width: 70% !important;
-        left: inherit !important;
-    }
-    .modal-dialog{
-        max-width: 680px !important;
-        margin: 0 auto !important;
-    }
+.right-xl-modal {
+  &.modal {
+    right: 0 !important;
+    //  width: 70% !important;
+    left: inherit !important;
+  }
+
+  .modal-dialog {
+    max-width: 680px !important;
+    margin: 0 auto !important;
+  }
 }
 
 .modal.left .modal-body,
 .modal.right .modal-body {
-    padding: 15px 15px 80px;
+  padding: 15px 15px 80px;
 }
 
 /*Left*/
-.modal.left.fade .modal-dialog{
-    left: -320px;
-    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
-            transition: opacity 0.3s linear, left 0.3s ease-out;
+.modal.left.fade .modal-dialog {
+  left: -320px;
+  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
+  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
+  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
+  transition: opacity 0.3s linear, left 0.3s ease-out;
 }
 
-.modal.left.fade.in .modal-dialog{
-    left: 0;
+.modal.left.fade.in .modal-dialog {
+  left: 0;
 }
 
 /*Right*/
 .modal.right.fade .modal-dialog {
-    right: -0;
-    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
-            transition: opacity 0.3s linear, right 0.3s ease-out;
+  right: -0;
+  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
+  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
+  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
+  transition: opacity 0.3s linear, right 0.3s ease-out;
 }
 
 .modal.right.fade.in .modal-dialog {
-    right: 0;
+  right: 0;
 }
 
 .mt-100 {
   margin-top: 150px !important;
 }
 
-  /* Model ENd */
\ No newline at end of file
+/* Model ENd */
\ No newline at end of file
diff --git a/src/app/issure/get-records/get-records.component.scss b/src/app/issure/get-records/get-records.component.scss
index 37e4d33..d94982c 100644
--- a/src/app/issure/get-records/get-records.component.scss
+++ b/src/app/issure/get-records/get-records.component.scss
@@ -1,24 +1,24 @@
 table {
-    font-family: arial, sans-serif;
-    border-collapse: collapse;
-    width: 100%;
-  }
-  
-  td{
-    border: 0 solid #dddddd;
-    text-align: left;
-    padding: 16px;
-    line-height: 32px;
-  }
+  font-family: "Poppins", sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
 
-  th {
-    padding: 1.2rem;
-  }
-  
-  tr:nth-child(odd) td {
-    background-color: #F6F8FC;
-  }
+td {
+  border: 0 solid #dddddd;
+  text-align: left;
+  padding: 16px;
+  line-height: 32px;
+}
 
-  .line-height32{
-    line-height: 32px;
-  }
+th {
+  padding: 1.2rem;
+}
+
+tr:nth-child(odd) td {
+  background-color: #F6F8FC;
+}
+
+.line-height32 {
+  line-height: 32px;
+}
\ No newline at end of file
diff --git a/src/app/modal/confirmModal/confirmModal.component.html b/src/app/modal/confirmModal/confirmModal.component.html
index 30fec64..57920f8 100644
--- a/src/app/modal/confirmModal/confirmModal.component.html
+++ b/src/app/modal/confirmModal/confirmModal.component.html
@@ -9,7 +9,7 @@
         <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
       </div>
 
-      <div class="bordered-box borderRadiusFour modalBoxInside">
+      <div class="borderRadiusFour modalBoxInside">
         <h5 class="modal-title fs-16 lh-22 fw-700" [ngClass]="cmodalInfo?.titleCss"   *ngIf="cmodalInfo?.title" id="modalTitle">{{cmodalInfo?.title}}</h5>
       <div class="modal-body p-6 dotted-box rounded d-flex flex-column justify-content-center align-items-center text-center">
         <!-- <img width="50" [src]="cmodalInfo?.image" /> <br /> -->
diff --git a/src/app/modal/confirmModal/confirmModal.component.scss b/src/app/modal/confirmModal/confirmModal.component.scss
index 05b6858..c0d5eff 100644
--- a/src/app/modal/confirmModal/confirmModal.component.scss
+++ b/src/app/modal/confirmModal/confirmModal.component.scss
@@ -1,13 +1,13 @@
 .modal-header,
 .modal-footer,
 .modal-body {
-  border: none; /* Removes borders around the modal sections */
+  border: none;
+  /* Removes borders around the modal sections */
 }
 
 .dotted-box {
-  border: 1px dashed #828282;
-  padding: 60px;
-  font-family: 'Nunito Sans', sans-serif;
+  padding: 40px;
+  font-family: "Poppins", sans-serif;
 }
 
 .bordered-box {
@@ -32,10 +32,6 @@
   .modal-title {
     margin-bottom: 33px;
   }
-
-  .modal-body {
-    margin-bottom: 29px;
-  }
 }
 
 .modalHeader {
@@ -46,5 +42,5 @@
 }
 
 .modalContentWrapper {
-  padding: 31px 0px;
-}
+  padding: 15px 0px;
+}
\ No newline at end of file
diff --git a/src/app/side-menu/side-menu.component.html b/src/app/side-menu/side-menu.component.html
index 7f2a965..fbe812d 100644
--- a/src/app/side-menu/side-menu.component.html
+++ b/src/app/side-menu/side-menu.component.html
@@ -1,7 +1,6 @@
 <div class="side-menu">
   <div class="app-icon">
-    <img src="assets/images/logo.png" alt="App Icon">
-    Digi-Vritti
+    <img src="assets/images/Digi-Vritti-white-logo.png" alt="logo">
   </div>
   <ul>
     <li class="fs-16 p-2" *ngFor="let menuItem of menuConfig?.menus" [class.active]="activeMenu === menuItem?.title">
diff --git a/src/app/subheader/subheader.component.scss b/src/app/subheader/subheader.component.scss
index b569bc6..880412d 100644
--- a/src/app/subheader/subheader.component.scss
+++ b/src/app/subheader/subheader.component.scss
@@ -1,6 +1,6 @@
 .subheader {
   position: fixed;
-  top: 65px;
+  top: 50px;
   /* Height of header */
   left: 290px;
   width: calc(100% - 290px);
@@ -41,7 +41,7 @@
 .actions .btn {
   display: flex;
   align-items: center;
-  font-family: 'Rubik', sans-serif !important;
+  font-family: "Poppins", sans-serif;
   font-size: 14px !important;
   line-height: 16px !important;
   font-weight: 400 !important;
diff --git a/src/app/tables/tables.component.css b/src/app/tables/tables.component.css
index c27e0f1..a30007d 100644
--- a/src/app/tables/tables.component.css
+++ b/src/app/tables/tables.component.css
@@ -9,24 +9,31 @@
 }
 
 .table-container {
-  height: 60vh; /* Set a fixed height for scrolling */
-  overflow-y: auto; /* Enable vertical scroll */
+  height: 70vh;
+  /* Set a fixed height for scrolling */
+  overflow-y: auto;
+  /* Enable vertical scroll */
   position: relative;
-  font-family: 'Rubik', sans-serif !important;
+  font-family: "Poppins", sans-serif;
+}
+
+
+
+.table>thead {
+  background: #DDE1FF;
 }
 
 table tr {
-  text-align: center;
+  text-align: left;
 }
 
 table td {
-  justify-content: center;
+  justify-content: left;
   vertical-align: middle;
-  padding: 10px;
+  padding-left: 22px;
 }
 
 table td .dsn-g-btn {
-  border: none !important;
   padding: 8px 20px !important;
   font-size: 14px;
   font-weight: 400 !important;
@@ -42,4 +49,4 @@ table td .dsn-g-btn {
 .pagination-previous,
 .pagination-next {
   color: #778ca2 !important;
-}
+}
\ No newline at end of file
diff --git a/src/app/tables/tables.component.html b/src/app/tables/tables.component.html
index f8414c3..bde69c3 100644
--- a/src/app/tables/tables.component.html
+++ b/src/app/tables/tables.component.html
@@ -38,7 +38,7 @@
                                         [ngClass]="button.classes">
                                         {{button.buttonText | translate}}
                                     </a>
-                                    
+
                                     <a *ngIf="button?.action == 'requestCall' && !button.redirectTo"
                                         (click)="actionFunction('post',button, item, i)"
                                         class="btn btn-bg btn-style text-primary-color text-end fw-bold text-capitalize dns-btn pt-2"
@@ -219,13 +219,13 @@
             </tbody>
 
         </table>
-        <table class=" text-center my-5 w-100" *ngIf="!tableSchema?.items?.length">
+        <table class="text-center w-100 mt-250" *ngIf="!tableSchema?.items?.length">
             <tbody class="fs-5">
 
                 <tr *ngIf="!tableSchema?.items?.length">
 
                     <td [attr.colspan]="tableSchema?.items?.length" class="fs-20 fw-400 lh-27">
-                        {{'NO_RECORDS_FOUND' | translate }}
+                        <h2>{{'NO_RECORDS_FOUND' | translate }}</h2>
                     </td>
                 </tr>
             </tbody>
diff --git a/src/app/upload-result/upload-result.component.html b/src/app/upload-result/upload-result.component.html
index 3d498e5..1f0a501 100644
--- a/src/app/upload-result/upload-result.component.html
+++ b/src/app/upload-result/upload-result.component.html
@@ -9,10 +9,10 @@
     <div *ngIf="!confirmToupload" class="modal-content">
       <div class="d-flex flex-column align-items-center justify-content-center p-0">
         <div *ngIf="!uploadComplete" class="d-flex w-100">
-          <div class="bg-container rounded d-flex">
+          <div class="rounded d-flex">
             <div class="bordered-box p-4 mx-4 rounded w-100 pb-0">
               <div>
-                <label class="fs-16 lh-22 fw-bold text-primary-color mb-25">Upload Certificate</label>
+                <label class="fs-16 lh-22 fw-bold mb-25">Upload Certificate</label>
                 <img src="assets/images/cross.png" alt="Close" data-bs-dismiss="modal"
                   class="close-icon tn-close float-end mr-2" (click)="onCancel()" />
 
@@ -79,12 +79,11 @@
 
                 <div class="mt-2">
                   <input type="file" accept=".csv" #fileInput (change)="onFileSelected($event)" class="d-none" />
-                  <button [disabled]="!selectedFile || isUploading" class="btn btn-primary mt-2 fs-14 w-100"
+                  <button [disabled]="!selectedFile || isUploading" class="btn btn-primary mt-4 fs-14 w-100"
                     (click)="validateAndUpload()">
                     Upload File</button><br />
-                  <p class="my-4 text-center fs-14" data-bs-dismiss="modal" (click)="onCancel()">
-                    Cancel
-                  </p>
+                  <button type="button" class="w-100 btn fs-16 mb-4 lh-22 fw-700 mt-4" data-bs-dismiss="modal"
+                    (click)="onCancel()"> Cancel </button>
                 </div>
               </div>
             </div>
@@ -137,7 +136,7 @@
         <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
       </div>
 
-      <div class="m-4 p-3 bordered-box">
+      <div class="m-4 p-3">
         <h5 class="modal-title fs-16 m-3 fw-700" [ngClass]="cmodalInfo?.titleCss" *ngIf="cmodalInfo?.title"
           id="modalTitle">
           {{ cmodalInfo?.title }}
diff --git a/src/app/upload-result/upload-result.component.scss b/src/app/upload-result/upload-result.component.scss
index a8bef07..6e53c19 100644
--- a/src/app/upload-result/upload-result.component.scss
+++ b/src/app/upload-result/upload-result.component.scss
@@ -5,15 +5,9 @@
 }
 
 .bordered-box {
-  border: 1px solid #bdbdbd;
-  background-color: #f1f5f8;
-  margin: 30px 70px !important;
   padding-bottom: 0px !important;
 }
 
-.dotted-box {
-  border: 3px dashed #366746;
-}
 
 .file-upload1 i {
   color: #333;
@@ -37,7 +31,7 @@
 }
 
 .drag-drop {
-  border: 2px dashed #366746;
+  border: 2px dashed #000;
   border-radius: 10px;
   text-align: center;
   padding: 20px;
@@ -72,7 +66,7 @@
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-    font-family: 'Rubik', sans-serif !important;
+    font-family: "Poppins", sans-serif;
     border: 1px solid #aeb3cd !important;
     border-radius: 6px !important;
 
@@ -100,6 +94,5 @@
 }
 
 .confirmdotted-box {
-  border: 1px dotted #828282;
   padding: 40px 50px;
 }
\ No newline at end of file
diff --git a/src/app/vc-approved-list/vc-approved-list.component.html b/src/app/vc-approved-list/vc-approved-list.component.html
index a0e4cc0..e57e800 100644
--- a/src/app/vc-approved-list/vc-approved-list.component.html
+++ b/src/app/vc-approved-list/vc-approved-list.component.html
@@ -33,15 +33,15 @@
         </table>
 
         <!-- Table to show "No Records Found" -->
-        <table class="text-center my-5 w-100" *ngIf="certificateList.length === 0">
+        <table class="text-center w-100 mt-250" *ngIf="certificateList.length === 0">
             <tbody class="fs-5">
-                <tr>
-                    <td [attr.colspan]="tableSchema?.fields?.length || 1" class="fs-20 fw-400 lh-27">
-                        {{ 'NO_RECORDS_FOUND' | translate }}
-                    </td>
-                </tr>
+                <td [attr.colspan]="tableSchema?.fields?.length || 1" class="fs-20 fw-400 lh-27">
+                    <h2>{{ 'NO_RECORDS_FOUND' | translate }}</h2>
+                </td>
             </tbody>
         </table>
+
+
     </div>
     <app-confirm-modal></app-confirm-modal>
 </div>
\ No newline at end of file
diff --git a/src/app/vc-approved-list/vc-approved-list.component.scss b/src/app/vc-approved-list/vc-approved-list.component.scss
index e69de29..1f2f588 100644
--- a/src/app/vc-approved-list/vc-approved-list.component.scss
+++ b/src/app/vc-approved-list/vc-approved-list.component.scss
@@ -0,0 +1,6 @@
+table h2,
+table .h2 {
+    font-size: 20px;
+    text-align: center;
+    color: #000000;
+}
\ No newline at end of file
diff --git a/src/assets/config/home.html b/src/assets/config/home.html
index 0396b89..3c1778a 100644
--- a/src/assets/config/home.html
+++ b/src/assets/config/home.html
@@ -3,7 +3,7 @@
 
     <div class="navbar-brand d-contents" id="navbarExample01">
       <div class="nav-item active logo-text d-flex">
-        <img class="ml-2" src="assets/images/educert_logo.png" />
+        <img class="ml-2" src="assets/images/Digi-logo.png" />
         <div class="fs-12 font-weight-bold lang-btn nav-link-color ml-4">ADMIN,</div>
       </div>
       <!-- <div>
@@ -20,11 +20,12 @@
         <li class="nav-item">
 
           &nbsp;&nbsp;
-          <a  href="/verify"><span class="fs-12 font-weight-bold lang-btn nav-link-color">SIGN IN</span>
+          <a href="/verify"><span class="fs-12 font-weight-bold lang-btn nav-link-color">SIGN IN</span>
           </a> &nbsp;&nbsp;
           <a href="/graph-dashboard"><span class="fs-12 font-weight-bold lang-btn nav-link-color">SIGN UP</span>
           </a> &nbsp;&nbsp;
-          <a href="/login"><span class="mb-none fs-12 font-weight-bold lang-btn nav-link-color btn btn-bg btn-sec-bg">VERIFY
+          <a href="/login"><span
+              class="mb-none fs-12 font-weight-bold lang-btn nav-link-color btn btn-bg btn-sec-bg">VERIFY
               CERTIFICATE</span>
           </a>
         </li>
@@ -35,29 +36,29 @@
 </header>
 <div class="container-fluid p-0">
   <!-- Content in Green -->
-   <div class="row">
+  <div class="row">
     <div class="content-green">
       <div class="col-6 left-sec">
         <div class="fs-40 p-0-48 fw-600">School Certificate Generation and Verification Platform</div>
         <div class="number-align mt-81 p-0-48">
-            <div class="d-flex dflex-dc-column">
-              <div class="fs-30 fw-500">5K+</div>
-              <div class="tr-gr-clr">Schools Enrolled</div>
-            </div>
-            <div class="d-flex dflex-dc-column">
-              <div class="fs-30 fw-500">100K+</div>
-              <div class="tr-gr-clr">Certificates Generated</div>
-            </div>
-            <div class="d-flex dflex-dc-column">
-              <div class="fs-30 fw-500">50K+</div>
-              <div class="tr-gr-clr">Students Certified</div>
-            </div>
+          <div class="d-flex dflex-dc-column">
+            <div class="fs-30 fw-500">5K+</div>
+            <div class="tr-gr-clr">Schools Enrolled</div>
+          </div>
+          <div class="d-flex dflex-dc-column">
+            <div class="fs-30 fw-500">100K+</div>
+            <div class="tr-gr-clr">Certificates Generated</div>
+          </div>
+          <div class="d-flex dflex-dc-column">
+            <div class="fs-30 fw-500">50K+</div>
+            <div class="tr-gr-clr">Students Certified</div>
+          </div>
         </div>
       </div>
 
       <div class="col-6 right-sec">
         <div class="d-flex dflex-dc-column align-center">
-        <img class="ml-2" src="assets/images/Mask.png" />
+          <img class="ml-2" src="assets/images/Mask.png" />
 
         </div>
       </div>
@@ -65,89 +66,107 @@
     </div>
   </div>
 
-<!-- Cards Admin Student  -->
+  <!-- Cards Admin Student  -->
   <div class="row d-flex justify-content-center bg-beige mb-3 h-702">
     <div class="d-flex dflex-dc-column align-items-center justify-content-center mt-81">
       <div class="fs-30 fw-600">Users Category</div>
       <div>Please find your right Category Below</div>
     </div>
     <div class="mt-81 row d-flex justify-content-center">
-    <div class="col-md-4 mb-3 d-flex align-items-center justify-content-center">
-      <div class="lp-card">
-        <div><img src="assets/images/student.svg" alt=""></div>
-        <div class="fs-16">Student</div>
-        <div class="clr-gr fs-14">View and Download your certificate</div>
-        <div> <a href="/login" class="clr-grn">Create Account</a></div>
+      <div class="col-md-4 mb-3 d-flex align-items-center justify-content-center">
+        <div class="lp-card">
+          <div><img src="assets/images/student.svg" alt=""></div>
+          <div class="fs-16">Student</div>
+          <div class="clr-gr fs-14">View and Download your certificate</div>
+          <div> <a href="/login" class="clr-grn">Create Account</a></div>
 
+        </div>
       </div>
-    </div>
-    <div class="col-md-4 mb-3 d-flex align-items-center justify-content-center">
-      <div class="lp-card">
-        <div><img src="assets/images/examiner.svg" alt=""></div>
-        <div class="fs-16">Examiners</div>
-        <div class="clr-gr fs-14">Verify a schools & certificate  </div>
-        <div> <a href="/login" class="clr-grn">Create Account</a></div>
+      <div class="col-md-4 mb-3 d-flex align-items-center justify-content-center">
+        <div class="lp-card">
+          <div><img src="assets/images/examiner.svg" alt=""></div>
+          <div class="fs-16">Examiners</div>
+          <div class="clr-gr fs-14">Verify a schools & certificate </div>
+          <div> <a href="/login" class="clr-grn">Create Account</a></div>
 
+        </div>
       </div>
-    </div>
-    <div class="col-md-4 mb-3 d-flex align-items-center justify-content-center">
-      <div class="lp-card">
-        <div><img src="assets/images/verifier.svg" alt=""></div>
-        <div class="fs-16">Verifier</div>
-        <div class="clr-gr fs-14">Verify a certificate Institutions, Parent,  Sponsors etc. </div>
-        <div> <a href="/login" class="clr-grn">Create Account</a></div>
+      <div class="col-md-4 mb-3 d-flex align-items-center justify-content-center">
+        <div class="lp-card">
+          <div><img src="assets/images/verifier.svg" alt=""></div>
+          <div class="fs-16">Verifier</div>
+          <div class="clr-gr fs-14">Verify a certificate Institutions, Parent, Sponsors etc. </div>
+          <div> <a href="/login" class="clr-grn">Create Account</a></div>
 
+        </div>
       </div>
+      <div class="mt-81"></div>
     </div>
-    <div class="mt-81"></div>
-  </div>
   </div>
 
 
   <div class="accordion" id="accordionExample">
-  <div class="card">
-    <div class="card-header" id="headingOne">
-      <h5 class="mb-0">
-        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-          Collapsible Group Item #1
-        </button>
-      </h5>
-    </div>
+    <div class="card">
+      <div class="card-header" id="headingOne">
+        <h5 class="mb-0">
+          <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne"
+            aria-expanded="true" aria-controls="collapseOne">
+            Collapsible Group Item #1
+          </button>
+        </h5>
+      </div>
 
-    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
-      <div class="card-body">
-        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+      <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
+        <div class="card-body">
+          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+          officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf
+          moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim
+          keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur
+          butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably
+          haven't heard of them accusamus labore sustainable VHS.
+        </div>
       </div>
     </div>
-  </div>
-  <div class="card">
-    <div class="card-header" id="headingTwo">
-      <h5 class="mb-0">
-        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-          Collapsible Group Item #2
-        </button>
-      </h5>
-    </div>
-    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
-      <div class="card-body">
-        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+    <div class="card">
+      <div class="card-header" id="headingTwo">
+        <h5 class="mb-0">
+          <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo"
+            aria-expanded="false" aria-controls="collapseTwo">
+            Collapsible Group Item #2
+          </button>
+        </h5>
+      </div>
+      <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
+        <div class="card-body">
+          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+          officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf
+          moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim
+          keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur
+          butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably
+          haven't heard of them accusamus labore sustainable VHS.
+        </div>
       </div>
     </div>
-  </div>
-  <div class="card">
-    <div class="card-header" id="headingThree">
-      <h5 class="mb-0">
-        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-          Collapsible Group Item #3
-        </button>
-      </h5>
-    </div>
-    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
-      <div class="card-body">
-        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+    <div class="card">
+      <div class="card-header" id="headingThree">
+        <h5 class="mb-0">
+          <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree"
+            aria-expanded="false" aria-controls="collapseThree">
+            Collapsible Group Item #3
+          </button>
+        </h5>
+      </div>
+      <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
+        <div class="card-body">
+          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+          officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf
+          moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim
+          keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur
+          butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably
+          haven't heard of them accusamus labore sustainable VHS.
+        </div>
       </div>
     </div>
   </div>
 </div>
-</div>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
\ No newline at end of file
diff --git a/src/assets/config/ui-config/menu.json b/src/assets/config/ui-config/menu.json
index 8ecea78..d36c895 100644
--- a/src/assets/config/ui-config/menu.json
+++ b/src/assets/config/ui-config/menu.json
@@ -79,7 +79,7 @@
             {
               "type": "button",
               "title": "Upload Certificate",
-              "icon": "fa fa-database",
+              "icon": "fa fa-upload",
               "cssClass": "dsn-g-btn ",
               "bodyVal": "*",
               "action": "redirect",
diff --git a/src/assets/images/Digi-Vritti-white-logo.png b/src/assets/images/Digi-Vritti-white-logo.png
new file mode 100644
index 0000000..0fcff2e
Binary files /dev/null and b/src/assets/images/Digi-Vritti-white-logo.png differ
diff --git a/src/assets/images/Digi-logo.png b/src/assets/images/Digi-logo.png
new file mode 100644
index 0000000..81ccab5
Binary files /dev/null and b/src/assets/images/Digi-logo.png differ
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
deleted file mode 100644
index 814b16f..0000000
Binary files a/src/assets/images/logo.png and /dev/null differ
diff --git a/src/index.html b/src/index.html
index c9fb35c..bee6859 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,9 +9,10 @@
   <link rel="icon" type="image/x-icon" href="/assets/images/dsnFavIcon.png">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-
-
-  <link href="https://fonts.googleapis.com/css?family=Montserrat:200,700&amp;display=swap" rel="stylesheet">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link
+    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+    rel="stylesheet">
   <link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet" />
   <script src="https://unpkg.com/grapesjs"></script>
   <!-- <link rel='stylesheet' href='https://unpkg.com/backpack.css'> -->
diff --git a/src/styles.scss b/src/styles.scss
index c239da8..4af3294 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -118,10 +118,20 @@
   color: var(--primaryTextColor) !important;
 }
 
+.table {
+  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
 .table-striped tbody tr:nth-of-type(odd) {
   background-color: var(--bodyBackground) !important;
 }
 
+table h2 {
+  font-size: 20px;
+  text-align: center;
+  color: #000000;
+}
+
 .btn-success {
   background-color: #88ecb226 !important;
   color: #22b02e !important;
@@ -139,7 +149,7 @@
 }
 
 .ngx-pagination .current {
-  background: var(--primaryColor) !important;
+  background: #484848 !important;
   border-radius: 4px;
   padding: 6px 14px !important;
 }
@@ -269,7 +279,7 @@ form-group {
 // }
 .form-group label {
   // font-size: 12px;
-  font-family: Manrope;
+  font-family: "Poppins", sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 21.86px;
@@ -364,7 +374,7 @@ body {
 }
 
 body {
-  font-family: 'Inter', sans-serif !important;
+  font-family: "Poppins", sans-serif;
   color: rgb(0, 0, 0);
   background: var(--bodyBackground) !important;
 }
@@ -542,7 +552,7 @@ button.calendar:active {
 
 .content-body {
   margin-left: 290px;
-  margin-top: 150px;
+  margin-top: 110px;
   padding: 20px 20px 20px 0;
 }
 
@@ -590,7 +600,7 @@ formly-field {
   color: blue;
   cursor: pointer;
   display: inline-block;
-  font-family: 'Rubik', sans-serif;
+  font-family: "Poppins", sans-serif;
   font-size: inherit;
   font-weight: 500;
   margin-bottom: 1rem;
@@ -605,7 +615,7 @@ formly-field {
 
   #custom-text {
     margin-left: 10px;
-    font-family: sans-serif;
+    font-family: "Poppins", sans-serif;
     color: #aaa;
   }
 }
@@ -699,6 +709,7 @@ formly-autocomplete-type .ng-select {
   left: 0;
   text-align: center;
   margin: 0 auto;
+  font-family: "Poppins", sans-serif;
 }
 
 /* MM */
@@ -751,9 +762,11 @@ formly-autocomplete-type .ng-select {
 /* Button */
 
 .btn {
-  border-radius: 5px !important;
+  border-radius: 25px !important;
   text-transform: capitalize !important;
-  box-shadow: none !important;
+  padding: 8px 20px !important;
+  font-size: 14px;
+  font-weight: 400 !important;
 }
 
 .btn-size {
@@ -779,8 +792,7 @@ formly-autocomplete-type .ng-select {
 .btn-primary {
   background-color: var(--secondaryColor) !important;
   border-color: var(--secondaryColor) !important;
-  width: 423px;
-  height: 60px;
+  height: 50px;
   top: 1062px;
   left: 225px;
   // padding: 19px 0px 19px 0px;
@@ -1413,7 +1425,6 @@ textarea.jsoneditor-text {
 }
 
 .table-container {
-  background-color: #f1f5f8;
   padding: 18px;
   border-radius: 10px;
   // min-height: 500px !important;
@@ -1454,13 +1465,13 @@ textarea.jsoneditor-text {
 }
 
 .dsn-sb-btn {
-  background: #8fb7c1 !important;
-  color: #535875 !important;
+  background: #E7EBEF !important;
+  color: #3A3B43 !important;
 }
 
 .dsn-r-btn {
-  background: #ee7272 !important;
-  border-color: #ee7272 !important;
+  background: #8C1823 !important;
+  border-color: #8C1823 !important;
   color: #fff !important;
 }
 
@@ -1625,6 +1636,10 @@ textarea.jsoneditor-text {
   margin-top: 90px;
 }
 
+.mt-250 {
+  margin-top: 250px;
+}
+
 .mb-101 {
   margin-bottom: 101px;
 }
@@ -1645,10 +1660,9 @@ textarea.jsoneditor-text {
   .title {
     margin-bottom: 15px;
     font-size: 16px;
-    font-weight: 500;
-    line-height: 20px;
+    line-height: 25px;
     color: #252533;
-    font-family: 'Mulish', sans-serif;
+    font-family: "Poppins", sans-serif;
   }
 
   .desc {
@@ -1658,16 +1672,13 @@ textarea.jsoneditor-text {
     color: #92939c;
     margin-bottom: 13px;
     min-height: 50px;
-    font-family: 'Mulish', sans-serif;
+    font-family: "Poppins", sans-serif;
   }
 
   .button {
     a {
       font-size: 16px;
-      line-height: 19px;
-      font-weight: 500;
       color: var(--secondaryColor);
-      text-decoration: underline !important;
     }
   }
 }
@@ -1698,7 +1709,7 @@ textarea.jsoneditor-text {
   margin-top: 14px;
   height: 90px;
   overflow-y: scroll;
-  font-family: 'DM Sans', sans-serif;
+  font-family: "Poppins", sans-serif;
   /* Hide scrollbar for WebKit browsers */
   scrollbar-width: none;
   /* For Firefox */
@@ -1786,7 +1797,7 @@ textarea.jsoneditor-text {
 }
 
 .manRope-Font {
-  font-family: 'Manrope', sans-serif !important;
+  font-family: "Poppins", sans-serif;
 }
 
 .lh-40 {
@@ -1816,7 +1827,7 @@ textarea.jsoneditor-text {
       line-height: 21px;
       font-weight: 700;
       color: #696f79 !important;
-      font-family: 'Manrope', sans-serif;
+      font-family: "Poppins", sans-serif;
     }
   }
 
@@ -1909,18 +1920,23 @@ textarea.jsoneditor-text {
   }
 }
 
+.table>thead {
+  background-color: #DDE1FF;
+}
+
 .table thead th {
   font-size: 14px !important;
-  line-height: 16.59px;
   font-weight: 600;
   opacity: 0.5;
+  color: #000000;
+  padding: 20px;
 }
 
 .table tbody td b {
   font-size: 14px !important;
   line-height: 16.59px !important;
   font-weight: 400 !important;
-  color: #535875 !important;
+  color: #1F1B13 !important;
 }
 
 .ngx-pagination {
@@ -1948,7 +1964,7 @@ textarea.jsoneditor-text {
 }
 
 .ff-rubik {
-  font-family: 'Rubik', sans-serif !important;
+  font-family: "Poppins", sans-serif;
 }
 
 .userCategoryTitle {