body {
         background-color: #f5f5f5 !important;
         }
         .upload {
         border-bottom: 2px solid black;
         padding: 0;
         }
         .table-head {
         background-color: #f5f5f5;
         border-radius: 20px;
         }
         .table-borderless tr th:last-child {
         border-top-right-radius: 10px;
         border-bottom-right-radius: 10px;
         margin-right: 10px;
         }
         .table-borderless tr th:first-child {
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
         }
         .mainbuttons::-webkit-scrollbar {
         display: none;
         }
         .numb {
         font-size: 2.5rem;
         color: #f05969;
         }
         .series {
         margin-top: 1.5rem;
         }
         .bttn {
         margin-top: -2px;
         }
         .caibtn {
         position: relative;
         z-index: 1;
         border-bottom: 3px solid #f05969 !important;
         white-space: nowrap;
         border-radius: 0;
         padding: .375rem 2rem;
         font-weight: bold;
         }
         .cafbtn {
         position: relative;
         z-index: 1;
         /* border-bottom: 3px solid #f05969; */
         white-space: nowrap;
         padding: .375rem 2rem;
         }
         .content {
         /*overflow-y: auto;*/
         /*overflow-x: hidden;*/
         /*max-height: 400px;*/
         max-width: 100%;
         }
         .px-2 {
         font-size: 0.8rem;
         }
         .download-text {
         font-weight: 500;
         }
         .howdoesitwork-bar::-webkit-scrollbar {
         height: 4px;
         width: 4px;
         }
         .howdoesitwork-bar::-webkit-scrollbar-track {
         box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
         border-radius: 5px;
         background: none;
         }
         .howdoesitwork-bar::-webkit-scrollbar-thumb {
         background: lightgray;
         border-radius: 5px;
         }
         .howdoesitwork-bar::-webkit-scrollbar-thumb:hover {
         background: rgba(0, 0, 0, 0.4);
         }
         .dashboard-page .sidebar-dash {
         height: 100vh;
         background-color: #f5f5f5;
         padding-top: 20px;
         }
         .dashboard-page .sidebar-dash .nav-link-dash {
         color: #333;
         padding: 10px 20px;
         }
         .dashboard-page .sidebar-dash .nav-link-dash:hover {
         background-color: #e9ecef;
         }
         .dashboard-page .sidebar-dash .nav-link-dash.active {
         background-color: #007bff;
         color: white;
         }
         .dashboard-page .main-content {
         padding: 50px;
         }
         .dashboard-page .main-content-start {
         padding: 2% 8%;
         }
         .dashboard-page .card {
         border-radius: 15px;
         margin-bottom: 20px;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
         .dashboard-page .card-pink {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-blue {
         background-color: #e6f2ff;
         }
         .dashboard-page .card-yellow {
         background-color: #fff9e6;
         }
         .dashboard-page .btn-custom {
         border-radius: 20px;
         padding: 5px 15px;
         }
         .dashboard-page .img-first {
         height: 10vh;
         }
         .dashboard-page .profile-image {
         width: 50px;
         height: 50px;
         background: transparent linear-gradient(136deg, #FF8693 0%, #80C9ED 100%) 0% 0% no-repeat padding-box;
         opacity: 1;
         color: white;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 36px;
         border-radius: 50%;
         margin-right: 10px;
         }
         .dashboard-page .ml-3 {
         margin-left: 1rem;
         }
         .dashboard-page #profileSection,
         .dashboard-page #addressesSection {
         display: none;
         }
         .dashboard-page .form-completed {
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
         .dashboard-page .abcd-card {
         height: 123px;
         }
         .dashboard-page .abcd-card img {
         max-width: 100%;
         max-height: 100%;
         object-fit: fill;
         padding-right: 34%;
         }
         .dashboard-page .background {
         background-color: #ededed;
         }
         .dashboard-page .include-header {
         padding-top: 8%;
         }
         .dashboard-page .btn-button-1 {
         width: 27% !important;
         }
         .dashboard-page .btn-button-5 {
         width: 25% !important;
         }
         .dashboard-page .btn-button-3 {
         width: 43% !important;
         }
         .dashboard-page .btn-button-4 {
         width: 34% !important;
         }
         .dashboard-page .btn-button-6 {
         width: 16% !important;
         }
         .dashboard-page .btn-button-7 {
         width: 45% !important;
         }
         /* Floating bell icon style */
         .dashboard-page .notification-wrapper {
         z-index: 995;
         /* right: 15px;
         top: 15px; */
         cursor: pointer;
         }
         /* 
         .dashboard-page li a div {
         color: #808285;
         } */
         /* Bell image styling */
         .dashboard-page .bell-img {
         width: 30px;
         height: auto;
         }
         /* Notification dot with number */
         .dashboard-page .notification-dot {
         width: 20px;
         height: 20px;
         font-size: 12px;
         top: -2px;
         left: 18px;
         }
         /* Notification tray style */
         .dashboard-page .notification-tray {
         width: 320px;
         position: absolute;
         top: 10.5%;
         right: 5%;
         z-index: 999;
         display: none;
         transition: 1s ease;
         }
         .dashboard-page .custom-card {
         border-radius: 20px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
         padding: 20px;
         text-align: center;
         height: 100%;
         transition: transform 0.3s ease;
         }
         .dashboard-page .custom-card:hover {
         transform: translateY(-10px);
         }
         .dashboard-page .compare-section-row .row {
         margin: 0;
         }
         .dashboard-page .row {
         margin: 0;
         }
         .dashboard-page .custom-card h5 {
         font-size: 1.25rem;
         font-weight: bold;
         margin-bottom: 15px;
         }
         .dashboard-page .custom-card img {
         max-width: 120px;
         height: auto;
         margin: 10px 0;
         }
         .dashboard-page .custom-card a {
         text-transform: uppercase;
         font-size: 0.7rem;
         border-radius: 25px;
         }
         .dashboard-page .gradient-1 {
         background: linear-gradient(135deg, #F8ECEC, #C3E8F2);
         min-height: 300px;
         }
         .dashboard-page .gradient-2 {
         background: linear-gradient(135deg, #F5E8E8, #F0DDD6);
         min-height: 300px;
         }
         .dashboard-page .gradient-3 {
         background: linear-gradient(135deg, #E0EFF5, #D3DBD7);
         min-height: 160px;
         }
         .dashboard-page .gradient-4 {
         background: linear-gradient(135deg, #E8F0FC, #F4D1D2);
         min-height: 250px;
         }
         .dashboard-page .gradient-5 {
         background: linear-gradient(135deg, #E6FAFB, #FAF5E5);
         min-height: 200px;
         }
         .dashboard-page .gradient-6 {
         background: linear-gradient(135deg, #F5F7FA, #F9E9E9);
         min-height: 205px;
         }
         .dashboard-page .gradient-7 {
         background: linear-gradient(135deg, #EFE4E4, #D8D0D0);
         min-height: 420px;
         }
         .dashboard-page .highlight {
         color: #FF5C5C;
         font-weight: bold;
         }
         .margn {
         margin: 1.5rem 0;
         }
         .dashboard-page .contents {
         font-size: 1em;
         }
         
         @media (max-width: 768px) {
         .dashboard-page .container-fluid {
         width: 100% !important;
         }
         .dotted {
         margin-top: 1rem;
         border-top: 1px dotted lightgray;
         }
         .numb {
         font-size: 2rem;
         font-weight: 500;
         }
         .mainbuttons {
         margin-top: 1rem;
         }
         .btn {
         font-size: 0.8rem;
         padding: 0.375rem 1.5rem;
         }
         .compare-section .px-2 {
         font-size: 0.7rem;
         padding-bottom: 1rem;
         }
         body .dashboard-page {
         font-size: 0.8rem;
         }
         .series {
         margin: 0 1rem;
         }
         .test {
         margin-inline: 0 auto;
         text-align: center;
         }
         .compare-section {
         width: 75%;
         }
         .dashboard-page .include-header {
         padding: 10%;
         }
         .content-2 {
         font-size: 0.7rem;
         }
         .content-2 .upload {
         font-size: 0.7rem;
         }
         .upload1 {
         border-bottom: 1px solid black;
         padding: 0;
         font-size: 0.7rem;
         }
         .download-text {
         margin-top: 1rem;
         }
         .mobileSpace {
         margin: 1rem 0;
         font-size: 0.7rem;
         }
         .margn {
         background-color: #f5f5f5;
         margin: 1rem 0;
         }
         .dashboard-page .main-content {
         padding: 20px 0;
         }
         .dashboard-page .custom-card h5 {
         font-size: 1rem;
         }
         .dashboard-page .custom-card img {
         max-width: 80px;
         }
         .dashboard-page .custom-card a {
         font-size: 0.75rem;
         }
         }
         .dashboard-page .card-pink-1 {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-pink-2 {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-pink-3 {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-pink-4 {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-pink-5 {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-pink-6 {
         background-color: #ffe6e6;
         }
         .dashboard-page .card-pink-7 {
         background-color: #ffe6e6;
         }
         .dashboard-page .sticky-sidebar {
         background-color: #ededed;
         padding: 0px;
         border-right: 1px solid #e7e7e7;
         margin-bottom: 2%;
         }
         .dashboard-page .active_class {
         background-color: white;
         border-right: 3px solid #f05969;
         }
         .dashboard-page .sidebar-header {
         margin-bottom: 30px;
         margin: 0 5%;
         display: flex;
         justify-content: space-between;
         align-items: center;
         }
         .dashboard-page .sidebar-header h4 {
         font-weight: bold;
         }
         ul.components {
         padding: 0;
         list-style: none;
         }
         ul.components li {
         padding: 20px;
         }
         ul.components li a {
         color: #000;
         text-decoration: none;
         font-size: 1rem;
         }
         ul.components li a:hover {
         text-decoration: underline;
         }
         .dashboard-page .sidebar-footer {
         margin-top: 50px;
         display: flex;
         align-items: center;
         }
         .dashboard-page .sidebar-footer .btn {
         display: flex;
         justify-content: center;
         align-items: center;
         background: none;
         border: none;
         }
         .dashboard-page .container-fluid {
         padding: 0;
         width: 90%;
         background-color: white;
         }
      .dropdown-mrgin-sideber{
        margin: auto!important;
      }
      .dropdown-content-sidebar{
        top: calc(100% + -11.5px)!important;
      }
      .active{
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
        border-right: red solid 4px;
      }
      .active a:hover{
        text-decoration: none!important;
      }
      a:hover{
        text-decoration: none!important;
      }