.animate-up{
    animation:fadeUp .9s ease forwards;
}

.animate-left{
    animation:fadeLeft .9s ease forwards;
}

.animate-right{
    animation:fadeRight .9s ease forwards;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(34px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes fadeLeft{
    from{
        opacity:0;
        transform:translateX(-34px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes fadeRight{
    from{
        opacity:0;
        transform:translateX(34px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

.quick-card,
.service-card,
.why-card,
.process-step,
.portfolio-item{
    animation:cardReveal .8s ease both;
}

@keyframes cardReveal{
    from{
        opacity:0;
        transform:translateY(24px) scale(.98);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.quick-card:nth-child(2),
.service-card:nth-child(2),
.why-card:nth-child(2),
.process-step:nth-child(2){
    animation-delay:.1s;
}

.quick-card:nth-child(3),
.service-card:nth-child(3),
.why-card:nth-child(3),
.process-step:nth-child(3){
    animation-delay:.2s;
}

.service-card:nth-child(4),
.why-card:nth-child(4),
.process-step:nth-child(4){
    animation-delay:.3s;
}

.btn,
.whatsapp-float{
    will-change:transform;
}

@media(prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}