body {
            font-family: 'Be Vietnam Pro', sans-serif;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Crimson Pro', serif;
        }
        .text-shadow {
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        /* Custom styles for Swiper navigation buttons */
        .swiper-button-next-custom,
        .swiper-button-prev-custom {
            cursor: pointer;
            width: 44px;
            height: 44px;
            border-radius: 9999px;
            border: 1px solid #6b7280;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #d1d5db;
            transition: all 0.3s ease;
        }
        .swiper-button-next-custom:hover,
        .swiper-button-prev-custom:hover {
            background-color: #0891b2;
            border-color: #0891b2;
            color: #ffffff;
            transform: scale(1.05);
        }
         /* Hiding the default swiper arrows */
        .swiper-button-next, .swiper-button-prev {
            display: none;
        }

        .section-with-texture {
            background-color: #fbfbfb; /* Fallback for older browsers */
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dbeafe' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }


               body {
            font-family: 'Inter', sans-serif;
            background-color: #f9fafb; /* Tailwind's bg-gray-50 */
        }

        /* Keyframes for the scrolling animation */
        @keyframes scroll {
            to {
                transform: translate(calc(-50% - 0.5rem)); /* 50% for half the logos, 0.5rem for the gap */
            }
        }
        
        .scroller {
            max-width: 1200px;
            margin: auto;
            overflow: hidden;
            -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
            mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
        }

        .scroller__inner {
            display: flex;
            
            gap: 1rem;
            width: max-content;
            animation: scroll 20s linear infinite; /* Adjust duration for speed */
        }

        /* Pause animation on hover */
        .scroller:hover .scroller__inner {
            animation-play-state: paused;
        }

        .scroller__inner img {
            height: 100px; /* Consistent height for logos */
            width: auto;
            object-fit: contain;
            filter: grayscale(100%) brightness(1) opacity(0.7);
            transition: filter 0.3s ease, transform 0.3s ease;
        }

        .scroller__inner img:hover {
            filter: grayscale(0%) brightness(1) opacity(1);
            transform: scale(1.1);
        }


                /* Simple fade transition for the testimonials */
        .testimonial-slide {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

        .testimonial-slide.active {
            opacity: 1;
            transform: scale(1);
        }

        .testimonial-slide:not(.active) {
            opacity: 0;
            transform: scale(0.95);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        

                /* Base styles for a slide */
        .hero-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: opacity 1s ease-in-out, transform 1s ease-in-out;
            opacity: 0;
            transform: scale(1.05);
        }

        /* Active slide styles */
        .hero-slide.active {
            opacity: 1;
            transform: scale(1);
            z-index: 10;
        }

        /* Animation for text elements */
        .slide-content > * {
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            opacity: 0;
            transform: translateY(20px);
        }

        .active .slide-content > * {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Staggered animation delays for content */
        .active .slide-content > *:nth-child(1) { transition-delay: 0.3s; }
        .active .slide-content > *:nth-child(2) { transition-delay: 0.5s; }

        /* Pagination dots styling */
        .pagination-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .pagination-dot.active {
            background-color: #192735; /* Cyan-000 */
            transform: scale(1.25);
        }

        




















      .bg-texture {
        background-image: radial-gradient(
            circle at 25% 25%,
            rgba(59, 130, 246, 0.05) 0%,
            transparent 50%
          ),
          radial-gradient(
            circle at 75% 75%,
            rgba(16, 185, 129, 0.05) 0%,
            transparent 50%
          ),
          linear-gradient(
            135deg,
            rgba(243, 244, 246, 0.8) 0%,
            rgba(249, 250, 251, 0.9) 100%
          );
      }

      /* Mobile Menu Styles */
      #mobile-menu {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        height: 100vh !important;
        width: 320px !important;
        max-width: 85vw !important;
        background: white !important;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.2) !important;
        transform: translateX(100%) !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 9999 !important;
        overflow-y: auto !important;
        border-left: 1px solid #e5e7eb !important;
      }

      #mobile-menu.active {
        transform: translateX(0) !important;
      }

      /* Force mobile menu to be visible when active */
      #mobile-menu.active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
      }

      /* Mobile menu overlay */
      #mobile-menu-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.5) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 9998 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
      }

      #mobile-menu-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
      }

      /* Mobile menu button */
      #mobile-menu-btn {
        z-index: 10000 !important;
        position: relative !important;
        padding: 8px !important;
        border-radius: 4px !important;
        transition: background-color 0.3s !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        display: none !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;
        width: 40px !important;
        height: 40px !important;
      }

      /* Debug: Make button visible on mobile */
      @media (max-width: 1023px) {
        #mobile-menu-btn {
          display: flex !important;
          background: rgba(59, 130, 246, 0.1) !important;
          border: 1px solid rgba(59, 130, 246, 0.3) !important;
        }
      }

      #mobile-menu-btn:hover {
        background-color: rgba(59, 130, 246, 0.1) !important;
      }

      #mobile-menu-btn:focus {
        outline: 2px solid rgba(59, 130, 246, 0.5) !important;
        outline-offset: 2px !important;
      }

      /* Hamburger animation */
      #mobile-menu-btn.active #hamburger-line-1 {
        transform: rotate(45deg) translate(5px, 5px) !important;
      }

      #mobile-menu-btn.active #hamburger-line-2 {
        opacity: 0 !important;
        transform: translateX(20px) !important;
      }

      #mobile-menu-btn.active #hamburger-line-3 {
        transform: rotate(-45deg) translate(7px, -6px) !important;
      }

      /* Mobile menu links */
      .mobile-menu-link {
        position: relative !important;
        overflow: hidden !important;
      }

      .mobile-menu-link::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        height: 100% !important;
        width: 0 !important;
        background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05)) !important;
        transition: width 0.3s ease !important;
      }

      .mobile-menu-link:hover::before {
        width: 100% !important;
      }

      /* Navbar positioning */
      #navbar {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
      }

      /* Force navbar to stay fixed on mobile */
      @media (max-width: 768px) {
        #navbar {
          transform: translateY(0) !important;
          position: fixed !important;
          top: 0 !important;
        }
        
        /* Ensure navbar stays in place even with JavaScript */
        #navbar[style*="translateY"] {
          transform: translateY(0) !important;
        }
      }

      /* Prevent body scroll when menu is open */
      body.mobile-menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
      }

      /* Mobile Responsive Styles */
      @media (max-width: 1024px) {
        #mobile-menu-btn {
          display: flex !important;
        }

        #navbar-links {
          display: none !important;
        }

        /* Tablet logo size */
        #navbar-logo img {
          height: 3.5rem !important;
          max-width: 200px !important;
        }
      }

      @media (max-width: 768px) {
        #contact-bar {
          display: none !important;
        }
        
        #navbar-logo img {
          height: 2.5rem !important;
          max-width: 150px !important;
        }

        #mobile-menu {
          width: 100% !important;
          max-width: 320px !important;
        }
      }

      @media (max-width: 480px) {
        #navbar-logo img {
          height: 2rem !important;
          max-width: 120px !important;
        }

        #mobile-menu {
          width: 100% !important;
          max-width: 280px !important;
        }
      }

      /* Professional wave texture background for clients section */
      .bg-clients-wave {
        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #f8fafc 100%);
        position: relative;
        overflow: hidden;
      }

      .bg-clients-wave::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: 
          radial-gradient(circle at 30% 20%, rgba(16, 185, 129, 0.08) 0%, transparent 50%),
          radial-gradient(circle at 70% 80%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),
          radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.04) 0%, transparent 50%);
        z-index: 1;
      }

      .bg-clients-wave::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.03'%3E%3Cpath d='M50 50c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zM10 10c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zM90 90c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        opacity: 0.5;
        z-index: 1;
      }

      .bg-clients-wave > * {
        position: relative;
        z-index: 2;
      }

      /* Flowing wave pattern for clients */
      .clients-wave-pattern {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' fill='%2310b981' opacity='0.1'/%3E%3Cpath d='M1200,0H0V27.35a600.21,600.21,0,0,0,321.39,28.91c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83,1055.71,111.31,1132.19,118.92,1200,95.8Z' fill='%233b82f6' opacity='0.08'/%3E%3C/svg%3E") no-repeat center center;
        background-size: cover;
        opacity: 0.6;
        z-index: 1;
        animation: clientsWaveFlow 25s ease-in-out infinite;
      }

      @keyframes clientsWaveFlow {
        0%, 100% { transform: translateX(0) scaleX(1); }
        50% { transform: translateX(30px) scaleX(1.05); }
      }

      /* Hexagonal pattern overlay for clients */
      .clients-hex-pattern {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: 
          radial-gradient(circle at 20% 30%, rgba(16, 185, 129, 0.04) 2px, transparent 2px),
          radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.03) 1.5px, transparent 1.5px),
          radial-gradient(circle at 60% 20%, rgba(139, 92, 246, 0.02) 1px, transparent 1px);
        background-size: 80px 80px, 60px 60px, 40px 40px;
        background-position: 0 0, 40px 40px, 20px 20px;
        opacity: 0.7;
        z-index: 1;
        animation: hexPatternDrift 35s linear infinite;
      }

      @keyframes hexPatternDrift {
        0% { background-position: 0 0, 40px 40px, 20px 20px; }
        100% { background-position: 80px 80px, 120px 120px, 60px 60px; }
      }

      /* Subtle mesh overlay for depth */
      .clients-mesh-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          60deg,
          rgba(16, 185, 129, 0.02) 0%,
          rgba(59, 130, 246, 0.03) 25%,
          rgba(139, 92, 246, 0.02) 50%,
          rgba(16, 185, 129, 0.02) 75%,
          rgba(59, 130, 246, 0.02) 100%
        );
        z-index: 1;
        animation: meshPulse 18s ease-in-out infinite;
      }

      @keyframes meshPulse {
        0%, 100% { opacity: 0.4; }
        50% { opacity: 0.7; }
      }

      /* Mobile optimizations for clients texture patterns */
      @media (max-width: 768px) {
        .clients-wave-pattern {
          opacity: 0.4;
          animation-duration: 30s;
        }
        
        .clients-hex-pattern {
          opacity: 0.5;
          background-size: 60px 60px, 45px 45px, 30px 30px;
          animation-duration: 45s;
        }
        
        .clients-mesh-overlay {
          opacity: 0.6;
          animation-duration: 25s;
        }
      }

      /* Reduce motion for users who prefer it */
      @media (prefers-reduced-motion: reduce) {
        .clients-wave-pattern,
        .clients-hex-pattern,
        .clients-mesh-overlay {
          animation: none;
        }
      }

      /* Enhanced client product card styling */
      #clients .grid > div {
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
        border-radius: 16px;
        overflow: hidden;
      }

      #clients .grid > div:hover {
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
        border-color: rgba(16, 185, 129, 0.2);
        transform: translateY(-8px) scale(1.02);
      }

      /* Client product image enhancements */
      #clients .grid > div img {
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.3s ease;
        filter: brightness(1) contrast(1.05);
      }

      #clients .grid > div:hover img {
        transform: scale(1.08);
        filter: brightness(1.05) contrast(1.1);
      }

      /* Client product text styling */
      #clients .grid > div h3 {
        background: linear-gradient(135deg, #1f2937, #374151);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: 700;
      }

      #clients .grid > div p {
        color: #6b7280;
        transition: color 0.3s ease;
      }

      #clients .grid > div:hover p {
        color: #4b5563;
      }
      .parallax-bg {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .glass-effect {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: rgba(255, 255, 255, 0.9);
      }
      .hero-overlay {
        background: linear-gradient(
          135deg,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0.2) 100%
        );
      }

      /* Full Screen Hero Styles */
      .hero-fullscreen {
        position: relative;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
      }

      .hero-slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
      }

      .slide {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        opacity: 0;
        transform: scale(1.02);
        will-change: opacity, transform;
      }

      .slide.active {
        opacity: 1;
        transform: scale(1);
      }

      .slide.fade-out {
        opacity: 0;
        transform: scale(0.98);
      }

      .hero-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 2;
      }

      .hero-content {
        position: relative;
        z-index: 10;
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
      }

      .slider-controls {
        position: absolute;
        z-index: 20;
      }

      /* Ensure scrolling works properly */
      html {
        scroll-behavior: smooth;
      }

      body {
        overflow-y: auto !important;
      }

      /* Mobile Menu Styles */
      #mobile-menu {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: 320px;
        max-width: 85vw;
        background: white;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.2);
        transform: translateX(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1000;
        overflow-y: auto;
      }

      #mobile-menu.active {
        transform: translateX(0);
      }

      /* Mobile menu overlay */
      #mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
      }

      #mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
      }

      /* Mobile menu links */
      .mobile-menu-link {
        position: relative;
        overflow: hidden;
      }

      .mobile-menu-link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
        transition: width 0.3s ease;
      }

      .mobile-menu-link:hover::before {
        width: 100%;
      }

      /* Hamburger animation */
      #mobile-menu-btn.active #hamburger-line-1 {
        transform: rotate(45deg) translate(5px, 5px);
      }

      #mobile-menu-btn.active #hamburger-line-2 {
        opacity: 0;
        transform: translateX(20px);
      }

      #mobile-menu-btn.active #hamburger-line-3 {
        transform: rotate(-45deg) translate(7px, -6px);
      }

      /* Ensure mobile menu button is visible and clickable */
      #mobile-menu-btn {
        z-index: 1001;
        position: relative;
        padding: 8px;
        border-radius: 4px;
        transition: background-color 0.3s;
        cursor: pointer;
        background: transparent;
        border: none;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
      }

      #mobile-menu-btn:hover {
        background-color: rgba(59, 130, 246, 0.1);
      }

      #mobile-menu-btn:focus {
        outline: 2px solid rgba(59, 130, 246, 0.5);
        outline-offset: 2px;
      }

      /* Ensure hamburger lines are properly styled */
      #mobile-menu-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background-color: #374151;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transform-origin: center;
      }

      /* Mobile menu z-index hierarchy */
      #navbar {
        z-index: 1000;
      }

      #mobile-menu-overlay {
        z-index: 1001;
      }

      #mobile-menu {
        z-index: 1002;
      }

      /* Prevent body scroll when menu is open */
      body.mobile-menu-open {
        overflow: hidden;
        position: fixed;
        width: 100%;
      }

      /* Enhanced navbar styling */
      #navbar {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: rgba(255, 255, 255) !important;
        transform: translateY(0);
      }

      /* Contact bar styling */
      #contact-bar {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease !important;
        transform: translateY(0);
        opacity: 1;
    
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
      }

      /* Navbar scrolled state */
      #navbar.scrolled {
        background: rgba(255, 255, 255, ) !important;
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
      }

      /* Navbar link transitions */
      #navbar-links a {
        transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
      }

      /* Mobile menu button transitions */
      #mobile-menu-btn {
        transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
      }

      /* Navbar shadow enhancement */
      #navbar.shadow-lg {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
      }

      /* Product Name Tag Responsive Styles */
      .product-name-tag {
        position: relative;
        padding: 1.5rem;
        background: white;
        height: 5rem;
        width: 20rem;
        left: 2.5rem;
        margin-top: -3rem;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
        border-radius: 0 0 3vw 0;
        transition: all 0.5s ease-in-out;
      }

      .product-name-tag h3 {
        font-size: 1.5rem;
        font-weight: 700;
        color: black;
        transition: all 0.5s ease-in-out;
        line-height: 1.2;
      }

      .group:hover .product-name-tag {
        background: #0c4a6e;
      }

      .group:hover .product-name-tag h3 {
        color: white;
      }

      /* Tablet Responsive Styles (768px - 1024px) */
      @media (max-width: 1024px) and (min-width: 769px) {
        .product-name-tag {
          width: 18rem;
          height: 4.5rem;
          left: 2rem;
          padding: 1.25rem;
        }

        .product-name-tag h3 {
          font-size: 1.375rem;
        }
      }

      /* Mobile Responsive Styles (up to 768px) */
      @media (max-width: 768px) {
        .product-name-tag {
          width: 16rem;
          height: 4rem;
          left: 1.5rem;
          padding: 1rem;
          margin-top: -2.5rem;
        }

        .product-name-tag h3 {
          font-size: 1.25rem;
          line-height: 1.1;
        }
      }

      /* Small Mobile Responsive Styles (up to 480px) */
      @media (max-width: 480px) {
        .product-name-tag {
          width: 14rem;
          height: 3.5rem;
          left: 1rem;
          padding: 0.75rem;
          margin-top: -2rem;
        }

        .product-name-tag h3 {
          font-size: 1.125rem;
          line-height: 1;
        }
      }

      /* Extra Small Mobile (up to 360px) */
      @media (max-width: 360px) {
        .product-name-tag {
          width: 12rem;
          height: 3rem;
          left: 0.5rem;
          padding: 0.5rem;
          margin-top: -1.5rem;
        }

        .product-name-tag h3 {
          font-size: 1rem;
          line-height: 0.9;
        }

        /* Ensure pagination dots stay hidden on extra small mobile */
        #pagination-dots {
          display: none !important;
        }
      }

      /* Product Grid Responsive Adjustments */
      @media (max-width: 768px) {
        #products .container {
          padding-left: 1rem;
          padding-right: 1rem;
        }

        #products .grid {
          padding-left: 0;
          gap: 2rem;
        }

        #products .w-full {
          max-width: 100%;
          margin: 0 auto;
        }
      }

      @media (max-width: 480px) {
        #products .grid {
          gap: 1.5rem;
        }
      }

      /* Mobile Responsive Styles */
      @media (max-width: 1024px) {
        /* Show mobile menu button on tablet and mobile */
        #mobile-menu-btn {
          display: flex !important;
        }

        /* Hide desktop navigation on tablet and mobile */
        #navbar-links {
          display: none !important;
        }

        /* Adjust contact bar for tablet */
        #contact-bar .flex-col {
          flex-direction: row;
          gap: 1rem;
        }
      }

      @media (max-width: 768px) {
        /* Hide contact bar on mobile for cleaner experience */
        #contact-bar {
          display: none !important;
        }

        /* Hide pagination dots on mobile */
        #pagination-dots {
          display: none !important;
        }
        
        /* Navigation adjustments */
        .container {
          padding-left: 1rem;
          padding-right: 1rem;
        }

        /* Logo adjustments for mobile - increased size */
        #navbar-logo img {
          height: 3.5rem !important;
          width: auto !important;
          max-width: 200px !important;
        }

        /* Show mobile menu button */
        #mobile-menu-btn {
          display: flex !important;
        }

        /* Hide desktop navigation */
        #navbar-links {
          display: none !important;
        }

        /* Mobile menu adjustments */
        #mobile-menu {
          width: 100%;
          max-width: 320px;
        }

        /* Navbar height adjustment */
        #main-nav .container > div {
          padding-top: 1rem;
          padding-bottom: 1rem;
        }

        /* Force navbar to stay fixed - override any JavaScript transforms */
        #navbar {
          transform: translateY(0) !important;
          top: 0 !important;
          position: fixed !important;
        }

        /* Mobile hero section adjustments */
        #hero-slider {
          height: 70vh !important;
          min-height: 500px !important;
        }

        /* Mobile hero content adjustments */
        .hero-slide {
          height: 70vh !important;
          min-height: 500px !important;
        }

        /* Adjust hero content positioning on mobile */
        .hero-slide .slide-content h1 {
          padding-top: 8rem !important;
          font-size: 2rem !important;
          line-height: 1.2 !important;
        }

        .hero-slide .slide-content p {
          font-size: 1rem !important;
          margin-top: 1rem !important;
        }
      }

      @media (max-width: 480px) {
        /* Extra small mobile adjustments - increased size */
        #navbar-logo img {
          height: 3rem !important;
          max-width: 180px !important;
        }

        #mobile-menu {
          width: 100%;
          max-width: 280px;
        }

        .mobile-menu-link {
          padding: 1rem 1.5rem;
          font-size: 0.9rem;
        }

        #main-nav .container > div {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
        }

        /* Ensure pagination dots stay hidden on small mobile */
        #pagination-dots {
          display: none !important;
        }
      }

        /* Hero section mobile adjustments */
        .hero-content h1 {
          font-size: 2.5rem !important;
          line-height: 1.2;
          margin-bottom: 1rem;
        }

        .hero-content p {
          font-size: 1.1rem !important;
          margin-bottom: 2rem;
        }

        .hero-content .space-x-4 {
          display: flex;
          flex-direction: column;
          gap: 1rem;
          align-items: center;
        }

        .hero-content button {
          width: 100%;
          max-width: 280px;
          padding: 12px 24px;
          font-size: 1rem;
        }

        /* Slider controls mobile adjustments */
        .slider-controls.absolute.left-8,
        .slider-controls.absolute.right-8 {
          display: none;
        }

        .slider-controls.absolute.bottom-8 {
          bottom: 2rem;
        }

        /* About section mobile adjustments */
      
        .about-content p {
          font-size: 1rem;
          text-align: center;
        }

        .about-content .grid.grid-cols-2 {
          margin-bottom: 2rem;
        }

        .about-content button {
          width: 100%;
          margin: 0 auto;
          display: block;
        }

        /* Product filter buttons mobile */
        .filter-btn {
          padding: 8px 12px;
          font-size: 0.875rem;
        }

        /* Technology section mobile */
        .tech-feature {
          padding: 1.5rem;
        }

        .tech-feature h3 {
          font-size: 1.125rem;
        }

        /* Footer mobile adjustments */
        .footer-grid {
          grid-template-columns: 1fr;
          gap: 2rem;
        }

        .footer-grid > div {
          text-align: center;
        }

        /* Video responsive */
        video {
          height: auto !important;
          min-height: 200px;
        }
      }

      @media (max-width: 640px) {
        /* Extra small mobile adjustments */
        .hero-content h1 {
          font-size: 2rem !important;
        }

        .hero-content p {
          font-size: 1rem !important;
        }

        .about-content h2 {
          font-size: 1.75rem;
        }

        .text-4xl {
          font-size: 1.875rem;
        }

        .text-xl {
          font-size: 1.125rem;
        }

        /* Product grid mobile */
        .product-grid {
          grid-template-columns: 1fr;
        }

        /* Client products mobile */
        .grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4 {
          grid-template-columns: 1fr;
        }

        /* Technology grid mobile */
        .grid.md\\:grid-cols-2.lg\\:grid-cols-3 {
          grid-template-columns: 1fr;
        }

        /* Filter buttons mobile - stack vertically */
        .bg-gray-100.rounded-lg.p-2.inline-flex {
          flex-direction: column;
          width: 100%;
          max-width: 300px;
          margin: 0 auto;
        }

        .filter-btn {
          width: 100%;
          margin: 2px 0;
        }
      }

      @media (min-width: 641px) and (max-width: 1024px) {
        /* Tablet adjustments */
        .hero-content h1 {
          font-size: 3.5rem !important;
        }

        .hero-content p {
          font-size: 1.25rem !important;
        }

        /* Logo adjustments for tablet */
        #navbar-logo img {
          height: 3rem;
          width: auto;
          max-width: 200px;
        }

        /* Product grid tablet - 2 columns */
        .product-grid {
          grid-template-columns: repeat(2, 1fr);
        }

        /* Client products tablet - 2 columns */
        .grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4 {
          grid-template-columns: repeat(2, 1fr);
        }

        /* Technology grid tablet - 2 columns */
        .grid.md\\:grid-cols-2.lg\\:grid-cols-3 {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      /* Parallax fix for mobile */
      @media (max-width: 768px) {
        .parallax-bg {
          background-attachment: scroll;
        }
      }

      /* Testimonial Carousel Styles */
      .testimonial-carousel {
        position: relative;
        overflow: hidden;
      }

      .testimonial-slides {
        position: relative;
        min-height: 350px;
        width: 100%;
      }

      .testimonial-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1;
        transform: translateY(0);
        transition: all 0.6s ease-in-out;
        display: none;
      }

      .testimonial-slide:first-child {
        display: block;
      }

      .testimonial-slide.hidden {
        display: none !important;
        opacity: 0;
      }

      .testimonial-slide:not(.hidden) {
        display: block !important;
        opacity: 1;
        transform: translateY(0);
      }

      .testimonial-dot {
        cursor: pointer;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        width: 12px !important;
        height: 12px !important;
      }

      .testimonial-dot:hover {
        transform: scale(1.1);
        border-color: rgba(59, 130, 246, 0.3);
      }

      .testimonial-dot.bg-blue-600 {
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
      }

      /* Optimized visual effects with hardware acceleration */
      .tech-feature {
        will-change: transform, box-shadow;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
      }

      .tech-feature:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
      }

      .product-card {
        will-change: transform, box-shadow;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
      }

      .product-card:hover {
        transform: translateY(-10px) scale(1.03);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
      }

      .product-card img {
        will-change: transform;
        backface-visibility: hidden;
        transition: transform 0.3s ease;
      }

      .product-card:hover img {
        transform: scale(1.05);
      }

      /* Client product cards enhancement */
      #clients .grid > div {
        will-change: transform, box-shadow;
        backface-visibility: hidden;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
      }

      #clients .grid > div:hover {
        transform: translateY(-6px) scale(1.02);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
      }

      #clients .grid > div img {
        will-change: transform;
        backface-visibility: hidden;
        transition: transform 0.3s ease;
      }

      #clients .grid > div:hover img {
        transform: scale(1.05);
      }

      /* Testimonial enhancements */
      .testimonial-slide {
        transform-style: preserve-3d;
        perspective: 1000px;
        will-change: transform, opacity, filter;
        backface-visibility: hidden;
      }

      .testimonial-slide .fa-quote-left {
        will-change: transform, opacity;
        backface-visibility: hidden;
      }

      /* Button enhancements */
      button {
        will-change: transform, box-shadow;
        backface-visibility: hidden;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;
      }

      button:hover {
        transform: translateY(-2px) scale(1.02);
      }

      button:active {
        transform: translateY(0) scale(0.98);
      }

      /* Smooth scroll enhancement */
      html {
        scroll-behavior: smooth;
      }

      /* Section headers animation preparation */
      h2 {
        transform-style: preserve-3d;
        will-change: transform, opacity;
        backface-visibility: hidden;
      }

      /* Performance optimizations */
      * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Hardware acceleration for animated elements */
      .slide, .product-card, .tech-feature, #clients .grid > div, .testimonial-slide {
        transform: translateZ(0);
        will-change: transform, opacity;
      }

      /* Optimize filter buttons */
      .filter-btn {
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: background-color, color, transform;
      }

      .filter-btn:hover {
        transform: translateY(-1px);
      }

      .filter-btn:active {
        transform: translateY(0);
      }

      /* Optimize navigation elements */
      #navbar {
        will-change: background-color, backdrop-filter;
      }

      #navbar a {
        transition: color 0.2s ease;
      }

      /* Mobile testimonial adjustments */
      @media (max-width: 768px) {
        .testimonial-slides {
          min-height: 400px;
        }
        
        .testimonial-slide {
          padding: 1.5rem;
        }

        .tech-feature:hover {
          transform: translateY(-4px) scale(1.02);
        }

        .product-card:hover {
          transform: translateY(-6px) scale(1.02);
        }
      }

      /* Smooth transitions for all interactive elements */
      * {
        -webkit-tap-highlight-color: transparent;
      }

      button,
      a {
        touch-action: manipulation;
      }














/* Brands Section Styles */
.brands-swiper-container {
  position: relative;
  overflow: hidden;
}

.brands-swiper {
  overflow: visible;
}

.brands-swiper .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  width: 280px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.brand-logo-container:hover {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  border-color: rgba(59, 130, 246, 0.2);
}

.brand-logo-container img {
  max-width: 120px;
  max-height: 60px;
  width: auto;
  height: auto;
}

/* Brands section background gradient */
.brands-section-bg {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
  position: relative;
}

.brands-section-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.03) 0%, transparent 50%);
  pointer-events: none;
}

/* Mobile optimizations for brands */
@media (max-width: 768px) {
  .brand-logo-container {
    min-height: 60px;
    padding: 0.75rem;
  }
  
  .brand-logo-container img {
    max-width: 80px;
    max-height: 40px;
  }
}

/* Smooth fade edges for brands swiper */
.brands-swiper-container::before,
.brands-swiper-container::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 10;
  pointer-events: none;
}

.brands-swiper-container::before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.brands-swiper-container::after {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

@media (max-width: 640px) {
  .brands-swiper-container::before,
  .brands-swiper-container::after {
    width: 20px;
  }
}/* Golde
n Hover Underline for Footer Links */
footer a {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

footer a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #fbbf24, #f59e0b, #d97706);
  transition: width 0.3s ease;
}

footer a:hover::after {
  width: 100%;
}

/* Golden underline for navigation links */
footer ul li a::after {
  bottom: -1px;
  height: 1px;
}

/* Golden underline for social media links */
footer .flex.space-x-4 a {
  position: relative;
  overflow: hidden;
}

footer .flex.space-x-4 a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #fbbf24, #f59e0b);
  transition: left 0.3s ease;
}

footer .flex.space-x-4 a:hover::before {
  left: 0;
}

/* Golden underline for bottom footer links */
footer .border-t a::after {
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

/* Enhanced hover effect for all footer links */
footer a:hover {
  color: #fbbf24;
  transform: translateY(-1px);
}

/* Special golden glow effect on hover */
footer a:hover {
  text-shadow: 0 0 8px rgba(251, 191, 36, 0.3);
}

/* Golden underline animation for chevron links */
footer .fas.fa-chevron-right {
  transition: all 0.3s ease;
}

footer a:hover .fas.fa-chevron-right {
  color: #fbbf24;
  transform: translateX(2px);
}
/* 
Enhanced Navigation Styles */
.nav-link {
  position: relative;
  overflow: hidden;
}

.nav-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);
  transition: left 0.5s;
}

.nav-link:hover::before {
  left: 100%;
}

/* Mobile menu animations */
.mobile-menu {
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.open {
  transform: translateX(0);
}

/* Hamburger menu animation */
#hamburger-line-1,
#hamburger-line-2,
#hamburger-line-3 {
  transform-origin: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Contact bar smooth transitions */
#contact-bar {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

/* Navbar glass effect enhancement */
#main-nav {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* Active navigation link styling */
.nav-link.active {
  color: #2563eb !important;
}

.nav-link.active span {
  width: 100% !important;
}

/* Mobile menu link hover effects */
.mobile-menu-link {
  position: relative;
  overflow: hidden;
}

.mobile-menu-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
  transition: width 0.3s ease;
}

.mobile-menu-link:hover::before {
  width: 100%;
}

/* Smooth scroll offset for fixed navbar */
html {
  scroll-padding-top: 120px;
}

/* Enhanced button styling */
.nav-contact-btn {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-contact-btn:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);
  transform: translateY(-2px);
}

/* Mobile menu overlay animation */
#mobile-menu-overlay {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Responsive navigation adjustments */
@media (max-width: 1024px) {
  #navbar-links {
    display: none !important;
  }
  
  #mobile-menu-btn {
    display: flex !important;
  }
}

@media (max-width: 768px) {
  #contact-bar {
    padding: 0.5rem 0;
    font-size: 0.875rem;
  }
  
  #contact-bar .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #contact-bar .flex-col {
    gap: 0.5rem;
  }
  
  #navbar-logo img {
    height: 2.5rem;
  }
  
  html {
    scroll-padding-top: 80px;
  }
}

/* Performance optimizations */
#navbar,
#contact-bar,
#main-nav,
.mobile-menu-link,
.nav-link {
  will-change: transform, opacity, background-color;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Focus states for better accessibility */
.nav-link:focus,
.mobile-menu-link:focus,
#mobile-menu-btn:focus {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  #main-nav {
    background: rgba(255, 255, 255, 1) !important;
    border-bottom: 2px solid #000;
  }
  
  .nav-link {
    color: #000 !important;
  }
  
  .nav-link:hover {
    color: #2563eb !important;
  }
}
/*
 Extra Small Mobile Responsive Styles */
@media (max-width: 480px) {
  /* Extra small mobile hero adjustments */
  #hero-slider {
    height: 60vh !important;
    min-height: 450px !important;
  }

  .hero-slide {
    height: 60vh !important;
    min-height: 450px !important;
  }

  .hero-slide .slide-content h1 {
    padding-top: 6rem !important;
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
  }

  .hero-slide .slide-content p {
    font-size: 0.9rem !important;
    margin-top: 0.75rem !important;
  }

  /* Hide navigation arrows on very small screens */
  #prev-slide, #next-slide {
    display: none !important;
  }

  /* Adjust pagination dots position */
  #pagination-dots {
    bottom: 1rem !important;
  }

  /* Reduce padding on hero content */
  .hero-slide > div {
    padding: 1rem !important;
  }
}

/* Medium Mobile Responsive Styles */
@media (min-width: 481px) and (max-width: 768px) {
  /* Medium mobile hero adjustments */
  #hero-slider {
    height: 65vh !important;
    min-height: 480px !important;
  }

  .hero-slide {
    height: 65vh !important;
    min-height: 480px !important;
  }

  .hero-slide .slide-content h1 {
    padding-top: 7rem !important;
    font-size: 2.25rem !important;
  }

  .hero-slide .slide-content p {
    font-size: 1.1rem !important;
  }
}

/* Tablet Responsive Styles */
@media (min-width: 769px) and (max-width: 1024px) {
  /* Tablet hero adjustments */
  #hero-slider {
    height: 80vh !important;
    min-height: 600px !important;
  }

  .hero-slide {
    height: 80vh !important;
    min-height: 600px !important;
  }

  .hero-slide .slide-content h1 {
    padding-top: 10rem !important;
    font-size: 3rem !important;
  }
}/* 
About Us Statistics Section Responsive Styles */
@media (max-width: 768px) {
  /* Statistics section mobile adjustments */
  .about-stats-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  /* Stack statistics vertically on mobile */
  .about-stats-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    text-align: center !important;
  }

  /* Adjust statistics numbers size on mobile */
  .about-stats-number {
    font-size: 2.5rem !important;
    line-height: 1 !important;
  }

  /* Adjust statistics labels on mobile */
  .about-stats-label {
    font-size: 0.75rem !important;
    margin-top: 0.5rem !important;
  }

  /* About section grid adjustments */
  .about-content-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* Statistics section spacing */
  .about-stats-section {
    margin-top: 2rem !important;
    padding: 1rem !important;
  }
}

@media (max-width: 480px) {
  /* Extra small mobile statistics adjustments */
  .about-stats-number {
    font-size: 2rem !important;
  }

  .about-stats-label {
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
  }

  /* Reduce padding on very small screens */
  .about-stats-section {
    padding: 0.75rem !important;
    margin-top: 1.5rem !important;
  }

  /* Stack statistics with more spacing */
  .about-stats-grid {
    gap: 2rem !important;
  }
}

/* Tablet adjustments for statistics */
@media (min-width: 769px) and (max-width: 1024px) {
  .about-stats-container {
    max-width: 28rem !important;
  }

  .about-stats-number {
    font-size: 3rem !important;
  }
}