/* Speed up animations for service cards on mobile devices */

@media (max-width: 768px) {
    /* Speed up stagger animation for service cards */
    .service_section .stagger-item {
        opacity: 0.8 !important; /* Start more visible */
        transform: translateY(10px) !important; /* Reduce distance to animate */
    }
    
    /* Make service cards animate faster */
    .service_section .stagger-item.visible {
        animation: fastFadeInUp 0.2s ease forwards !important; /* Much faster animation */
    }
    
    /* Minimal animation delay between items */
    .service_section .service_card {
        animation-delay: 0.05s !important; /* Very short delay */
        transition-delay: 0.05s !important;
    }
    
    /* Fast animation keyframes specifically for mobile */
    @keyframes fastFadeInUp {
        from {
            opacity: 0.8;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Make sure all service cards appear quickly */
    .service_section .service_card:nth-child(1) { animation-delay: 0s !important; }
    .service_section .service_card:nth-child(2) { animation-delay: 0.05s !important; }
    .service_section .service_card:nth-child(3) { animation-delay: 0.1s !important; }
    .service_section .service_card:nth-child(4) { animation-delay: 0.15s !important; }
    .service_section .service_card:nth-child(5) { animation-delay: 0.2s !important; }
    .service_section .service_card:nth-child(6) { animation-delay: 0.25s !important; }
    
    /* ===== FIX FOR MOBILE SWIPER SLIDES DELAY ===== */
    /* Make all swiper slides immediately visible without animations */
    .swiper-container3 .swiper-slide .stagger-item,
    .service_mobile .stagger-item {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
    
    /* Force all swiper slides to be visible immediately */
    .swiper-container3 .swiper-slide,
    .service_mobile .swiper-slide {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Pre-load all slides to prevent delay */
    .swiper-container3 .swiper-wrapper {
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    
    /* Override any animation delays in swiper */
    .swiper-container3 * {
        animation-delay: 0s !important;
        transition-delay: 0s !important;
    }
}