/* Fade-in animations for hero sections */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.2s ease forwards;
}

.fade-in-delay-1 {
    animation-delay: 0.2s;
}

.fade-in-delay-2 {
    animation-delay: 0.4s;
}

.fade-in-delay-3 {
    animation-delay: 0.6s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hero content fade-in animation */
.hero-content h1,
.page-hero-content h1 {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.2s ease forwards;
}

.hero-content p,
.page-hero-content p {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.2s ease 0.2s forwards;
}

.hero-content .btn,
.page-hero-content .btn {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.2s ease 0.4s forwards;
}