/* ============================================================================
   Utilities
   ========================================================================= */

.d-flex {
    display: flex;
}

.d-none {
    display: none !important;
}

.animate-on-scroll {
    opacity: 0;
    transition: var(--transition);
}

.animate-on-scroll.animated {
    opacity: 1;
    animation: fadeInUp 0.8s ease forwards;
}

@media (max-width: 768px) {
    .animate-on-scroll {
        opacity: 1 !important;
    }

    .animate-on-scroll.animated {
        animation: none;
    }
}

.parallax-slow {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.parallax-medium {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.parallax-fast {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}