.offcanvas-end {
     width: 90% !important;
 }

 /* Customize offcanvas width to 90% */
 .offcanvas-end {
     width: 90% !important;
 }

 .dark-overlay::before {
     content: "";
     position: absolute;
     inset: 0;
     background-color: rgba(30, 144, 255, 0.5);
     /* DodgerBlue with 50% opacity */

     /* Dark blue with 40% opacity */

     /* 0.5 is the opacity */
     z-index: 0;
 }

 /* Custom navbar style */
 .custom-navbar {
     background-color: #ffffff !important;
     width: 85% !important;
     margin: auto;
 }

 .active-menu {
     color: #0d6efd !important;
 }


 /* On tablets and smaller (max-width: 991.98px), set width to 90% */
 @media (max-width: 991.98px) {
     .custom-navbar {
         width: 100% !important;
     }
 }


 .bg-success {
     background-color: #47b948 !important;
 }

 .text-initial-success {
     color: #47b948 !important;
 }

 .text-blue {
     color: #0872b0 !important;
 }

 .half-container {
     max-width: 800px;
 }

 .partner-logo {
     background-color: white;
     /* White background */
     padding: 1px;
     /* Optional: space inside the image box */
     border-radius: 6px;
     /* Optional: rounded corners */
     max-height: 80px;
     /* Keep logo size consistent */
     object-fit: contain;
     /* Maintain aspect ratio */
     width: 100%;
     /* Make sure it scales responsively */
 }

 .carousel-item img {
     /* Default for larger screens (md and up) */
     height: 550px;
     object-fit: cover;
     border-radius: 0px !important;
 }

 /* Media query for small devices (mobile) */
 @media (max-width: 767.98px) {

     /* Bootstrap's 'sm' breakpoint is typically 768px */
     .carousel-item img {
         height: auto;
         /* Allow image to take its natural height */
         object-fit: contain;
         /* Adjust object-fit for full image visibility */
     }
 }

 .partner-logo {
     width: 20vw;
     max-width: 90px;
 }

 @media (max-width: 575.98px) {
     .partner-logo {
         width: 17vw !important;
         /* Reduce vw size on mobile */
         max-width: 70px !important;
         /* Optional: tighter limit on max width */
     }
 }

 .pagination .page-item.active .page-link {
     background-color: white;
     border-color: #0075b8;
     color: #0075b8;
 }