/* Fade in animation */

.fade-in-on-view {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
    will-change: opacity, transform;
}

.fade-in-on-view-static {
    opacity: 0;
    transition: opacity 2s ease;
    will-change: opacity;
}

.fade-in-on-view-static.is-visible {
    opacity: 1;
}

.fade-in-on-view.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-1 {
    transition-delay: 0.15s;
}

.delay-2 {
    transition-delay: 0.3s;
}

.delay-3 {
    transition-delay: 0.45s;
}

.delay-4 {
    transition-delay: 0.9s;
}

/* Homepage section 4 div animations */

.scroll-slider-slide-1 .scroll-slider-slide-image-container {
    opacity: 1;
    transition: transform 0.9s ease, opacity 0.9s ease;
    will-change: transform, opacity;
}

.scroll-slider-slide-1 .scroll-slider-slide-image-container.scroll-animate-init {
    opacity: 0;
    transform: translateX(-120px);
}

.scroll-slider-slide-1 .scroll-slider-slide-image-container.scroll-animate-in {
    opacity: 1;
    transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
    .scroll-slider-slide-1 .scroll-slider-slide-image-container {
        transition: none;
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 980px) { 
    .scroll-slider-mobile-text-item {
        opacity: 0;
        transition: opacity 0.35s ease;
        will-change: opacity;
    }

    .scroll-slider-mobile-text-item.is-active {
        opacity: 1;
    }

    .scroll-slider-mobile-text-item.is-leaving {
        opacity: 0;
    }
}

@media (max-width: 375px) {
    .scroll-slider-slide-text-container.fade-in-on-view {
        transform: translateY(10px);
        transition: opacity 1.2s ease-out, transform 1.2s ease-out;
    }
}