/* Section Animations - Replacement for AOS */

.section-title {
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
}

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

/* Add a slight delay for child elements */
.section-title h2 {
    animation-delay: 0.2s;
}

.section-title p {
    animation-delay: 0.4s;
}

/* Add animation to feature cards */
.feature-card, .benefit-card, .testimonial-card {
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
    animation-delay: calc(var(--card-index, 0) * 0.1s + 0.3s);
}

/* Add animation to pricing cards */
.pricing-card {
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
    animation-delay: calc(var(--card-index, 0) * 0.2s + 0.5s);
}

/* Add animation trigger on scroll */
.animate-on-scroll {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    transform: translateY(20px);
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}