/* Custom hover animation for stat icons */
    .stat-item {
        cursor: pointer;
    }
    .icon-hover-effect {
        transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
    }
    .stat-item:hover .icon-hover-effect {
        transform: scale(1.25) translateY(-5px);
        color: #0b8a43; /* abh-green */
    }
    
    /* Staggered animation delays for entrance */
    .delay-100 { animation-delay: 100ms; }
    .delay-200 { animation-delay: 200ms; }
    .delay-300 { animation-delay: 300ms; }
    .delay-400 { animation-delay: 400ms; }
    .delay-500 { animation-delay: 500ms; }

    /* Premium glowing backdrop for the 3D elements */
    .hero-glow {
        position: absolute;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, rgba(11,138,67,0.08) 0%, rgba(255,255,255,0) 70%);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
        pointer-events: none;
    }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .service-card { z-index: 1; }
        .card-glow-bg { position: absolute; inset: 0; opacity: 0; z-index: -1; transition: opacity 0.5s ease; }

        .theme-blue:hover { transform: translateY(-8px); border-color: rgba(59, 130, 246, 0.3); box-shadow: 0 20px 30px -10px rgba(59, 130, 246, 0.15); }
        .theme-blue:hover .card-glow-bg { opacity: 1; background: radial-gradient(circle at top right, rgba(59,130,246,0.08), transparent 70%); }
        .theme-blue:hover .icon-box { background-color: #3b82f6; color: #fff; transform: scale(1.1) rotate(5deg); }
        .theme-blue:hover .btn-theme span:last-child { background-color: #3b82f6; color: #fff; }

        .theme-green:hover { transform: translateY(-8px); border-color: rgba(11, 138, 67, 0.3); box-shadow: 0 20px 30px -10px rgba(11, 138, 67, 0.15); }
        .theme-green:hover .card-glow-bg { opacity: 1; background: radial-gradient(circle at top right, rgba(11,138,67,0.08), transparent 70%); }
        .theme-green:hover .icon-box { background-color: #0b8a43; color: #fff; transform: scale(1.1) rotate(5deg); }
        .theme-green:hover .btn-theme span:last-child { background-color: #0b8a43; color: #fff; }

        .theme-red:hover { transform: translateY(-8px); border-color: rgba(239, 68, 68, 0.3); box-shadow: 0 20px 30px -10px rgba(239, 68, 68, 0.15); }
        .theme-red:hover .card-glow-bg { opacity: 1; background: radial-gradient(circle at top right, rgba(239,68,68,0.08), transparent 70%); }
        .theme-red:hover .icon-box { background-color: #ef4444; color: #fff; transform: scale(1.1) rotate(5deg); }
        .theme-red:hover .btn-theme span:last-child { background-color: #ef4444; color: #fff; }

        .theme-amber:hover { transform: translateY(-8px); border-color: rgba(245, 158, 11, 0.3); box-shadow: 0 20px 30px -10px rgba(245, 158, 11, 0.15); }
        .theme-amber:hover .card-glow-bg { opacity: 1; background: radial-gradient(circle at top right, rgba(245,158,11,0.08), transparent 70%); }
        .theme-amber:hover .icon-box { background-color: #f59e0b; color: #fff; transform: scale(1.1) rotate(5deg); }
        .theme-amber:hover .btn-theme span:last-child { background-color: #f59e0b; color: #fff; }

        .theme-purple:hover { transform: translateY(-8px); border-color: rgba(147, 51, 234, 0.3); box-shadow: 0 20px 30px -10px rgba(147, 51, 234, 0.15); }
        .theme-purple:hover .card-glow-bg { opacity: 1; background: radial-gradient(circle at top right, rgba(147,51,234,0.08), transparent 70%); }
        .theme-purple:hover .icon-box { background-color: #9333ea; color: #fff; transform: scale(1.1) rotate(5deg); }
        .theme-purple:hover .btn-theme span:last-child { background-color: #9333ea; color: #fff; }

        @keyframes fadeInUpCustom {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in { animation: fadeInUpCustom 0.8s ease-out forwards; }
      @keyframes slideUpFade {
            0% { opacity: 0; transform: translateY(30px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        .animate-slide-up { animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        
        .value-card:hover .icon-wrapper {
            background-color: #0b8a43;
            color: #ffffff;
            transform: scale(1.1) translateY(-5px);
            border-color: #0b8a43;
            box-shadow: 0 10px 20px rgba(11, 138, 67, 0.2);
        }
          .client-logo-item {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
       
    }
    .client-logo-item:hover {
        filter: grayscale(0%) opacity(1);
        transform: translateY(-3px);
    }
    .client-marquee-track {
        width: max-content;
        animation: clientMarqueeScroll 28s linear infinite;
    }
    .client-marquee-wrapper:hover .client-marquee-track {
        animation-play-state: paused;
    }
    @keyframes clientMarqueeScroll {
        0%   { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    @media (max-width: 640px) {
        .client-marquee-track { animation-duration: 18s; }
    }