/* ==========================================================================
   Al Iman Quran Academy - Global Scroll & Entrance Animation Engine CSS
   ========================================================================== */

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.sbw-anim-item {
    opacity: 0;
    transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.15s ease-out;
    will-change: transform, opacity;
}

/* Directional Base Transforms */
.sbw-anim-down {
    transform: translateY(-75px);
}

.sbw-anim-up {
    transform: translateY(75px);
}

.sbw-anim-left {
    transform: translateX(-75px);
}

.sbw-anim-right {
    transform: translateX(75px);
}

.sbw-anim-zoom {
    transform: scale(0.75);
}

/* Active Triggered State */
.sbw-anim-item.sbw-animated,
.sbw-anim-item.sbw-anim-now {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
}

/* Stagger Delay Classes */
.sbw-delay-1 { transition-delay: 0.1s; }
.sbw-delay-2 { transition-delay: 0.22s; }
.sbw-delay-3 { transition-delay: 0.35s; }
.sbw-delay-4 { transition-delay: 0.48s; }
.sbw-delay-5 { transition-delay: 0.6s; }
.sbw-delay-6 { transition-delay: 0.72s; }
.sbw-delay-7 { transition-delay: 0.85s; }
.sbw-delay-8 { transition-delay: 1.0s; }