/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2026 | 16:02:03 */
/* ==========================================
   MB CASCADE ANIMATION
   ========================================== */

.mb-cascade {
    --mb-cascade-distance: 18px;
    --mb-cascade-duration: 800ms;
    --mb-cascade-stagger: 150ms;
    --mb-cascade-ease: cubic-bezier(.22,.61,.36,1);
}

/* ==========================================
   CASCADE ITEMS
   ========================================== */

.mb-cascade .mb-cascade-item {
    opacity: 0;
    transform: translateY(var(--mb-cascade-distance));
    animation: mb-cascade-in var(--mb-cascade-duration)
        var(--mb-cascade-ease) forwards;
    animation-play-state: paused;
}

/* ==========================================
   STAGGERED DELAYS
   ========================================== */

.mb-cascade .mb-cascade-item:nth-child(1) {
    animation-delay: 0ms;
}

.mb-cascade .mb-cascade-item:nth-child(2) {
    animation-delay: 150ms;
}

.mb-cascade .mb-cascade-item:nth-child(3) {
    animation-delay: 300ms;
}

.mb-cascade .mb-cascade-item:nth-child(4) {
    animation-delay: 450ms;
}

.mb-cascade .mb-cascade-item:nth-child(5) {
    animation-delay: 600ms;
}

.mb-cascade .mb-cascade-item:nth-child(6) {
    animation-delay: 750ms;
}

/* ==========================================
   ACTIVE STATE
   ========================================== */

.mb-cascade.mb-cascade-active .mb-cascade-item {
    animation-play-state: running;
}

/* ==========================================
   KEYFRAMES
   ========================================== */

@keyframes mb-cascade-in {
    from {
        opacity: 0;
        transform: translateY(var(--mb-cascade-distance));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================
   REDUCED MOTION
   ========================================== */

@media (prefers-reduced-motion: reduce) {
    .mb-cascade .mb-cascade-item {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}