/* Animate.css is included, but adding custom scroll animations */

/* Fade Up On Scroll */
.animate-fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.animate-fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

/* Fade Left On Scroll */
.animate-fade-left {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.6s ease-out;
}

.animate-fade-left.show {
    opacity: 1;
    transform: translateX(0);
}

/* Fade Right On Scroll */
.animate-fade-right {
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.6s ease-out;
}

.animate-fade-right.show {
    opacity: 1;
    transform: translateX(0);
}

/* Scroll Animation JS (to add 'show' class when visible) */