/* Vertical scrollbar width */
 ::-webkit-scrollbar {
     width: 8px;
     height: 8px
 }

 ::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px
 }

 ::-webkit-scrollbar-thumb {
     background: #DC2626;
     border-radius: 10px;
     border: 2px solid #f1f1f1
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #991B1B
 }

 body {
     font-family: 'Comfortaa', sans-serif;
 }

 .mega-menu {
     display: none;
 }

 .nav-item:hover .mega-menu {
     display: block;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(-10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .mega-menu {
     animation: fadeIn 0.3s ease-out;
 }

 .card-hover {
     transition: all 0.3s ease;
 }

 .card-hover:hover {
     transform: translateY(-4px);
     box-shadow: 0 20px 40px rgba(220, 38, 38, 0.08);
 }

 /* Fix for desktop dropdown overflow */
 .mega-menu {
     display: none;
     /* Center the menu relative to the closest relative parent (header container) */
     left: 50% !important;
     transform: translateX(-35%) translateY(0);
     animation: fadeIn 0.3s ease-out;
 }

 /* Ensure the nav container is the reference point */
 .max-w-7xl {
     position: relative;
 }

 #hero-section {
     background-image: url("assets/img/hero-bg.svg");
     background-position: center;
     /* Center the image */
     background-repeat: no-repeat;
     background-size: 100% auto;
     ;
 }

 #solutions-overview {
     background-image: url("hero-bg-3.svg");
     background-position: center;
     /* Center the image */
     background-repeat: no-repeat;
     background-size: 100% auto;
 }

 #why-max-intelligence {
     background-image: url("hero-bg-2.png");
     background-position: center;
     /* Center the image */
     background-repeat: no-repeat;
     background-size: 100% auto;
 }

 #core-pillars {
     background-image: url("hero-bg-1.svg");
     background-position: center;
     /* Center the image */
     background-repeat: no-repeat;
     background-size: 100% auto;
 }