.scroll-section {
    position: relative;
}

[data-animate] {
    opacity: 0;
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

[data-animate="fade-up"] {
    transform: translateY(50px);
}

[data-animate="fade-down"] {
    transform: translateY(-50px);
}

[data-animate="fade-left"] {
    transform: translateX(-60px);
}

[data-animate="fade-right"] {
    transform: translateX(60px);
}

[data-animate="zoom"] {
    transform: scale(0.88);
}

[data-animate="fade"] {
    transform: none;
}

[data-animate].animate-show {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

[data-delay="1"] {
    transition-delay: 0.10s;
}

[data-delay="2"] {
    transition-delay: 0.20s;
}

[data-delay="3"] {
    transition-delay: 0.30s;
}

[data-delay="4"] {
    transition-delay: 0.40s;
}

[data-delay="5"] {
    transition-delay: 0.50s;
}

[data-delay="6"] {
    transition-delay: 0.60s;
}


.scroll-section {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.9s ease,
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.scroll-section.section-show {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {

    [data-animate],
    .scroll-section {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (max-width: 767.98px) {

    [data-animate="fade-up"] {
        transform: translateY(30px);
    }

    [data-animate="fade-down"] {
        transform: translateY(-30px);
    }

    [data-animate="fade-left"] {
        transform: translateX(-35px);
    }

    [data-animate="fade-right"] {
        transform: translateX(35px);
    }

    [data-animate="zoom"] {
        transform: scale(0.94);
    }

    .scroll-section {
        transform: translateY(20px);
    }
}