/* Animations CSS */

/* Fade In Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Slide In From Bottom Animation */
@keyframes slideInFromBottom {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Slide In From Left Animation */
@keyframes slideInFromLeft {
    from {
        transform: translateX(-30px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Slide In From Right Animation */
@keyframes slideInFromRight {
    from {
        transform: translateX(30px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Scale Up Animation */
@keyframes scaleUp {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Pulse Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Apply Animations to Elements */

/* Hero Section */
.hero-content {
    animation: slideInFromLeft 0.8s ease-out forwards;
}

.hero-image {
    animation: slideInFromRight 0.8s ease-out forwards;
}

/* About Section */
.about h2 {
    animation: fadeIn 0.8s ease-out forwards;
}

.about-text {
    animation: slideInFromLeft 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

.stat-item {
    animation: scaleUp 0.6s ease-out 0.4s forwards;
    opacity: 0;
}

/* Services Section */
.services h2 {
    animation: fadeIn 0.8s ease-out forwards;
}

.service-card {
    animation: slideInFromBottom 0.6s ease-out forwards;
    opacity: 0;
}

.service-card:nth-child(2) {
    animation-delay: 0.2s;
}

.service-card:nth-child(3) {
    animation-delay: 0.4s;
}

/* Advantages Section */
.advantages h2 {
    animation: fadeIn 0.8s ease-out forwards;
}

.advantage-card {
    animation: scaleUp 0.6s ease-out forwards;
    opacity: 0;
}

.advantage-card:nth-child(2) {
    animation-delay: 0.15s;
}

.advantage-card:nth-child(3) {
    animation-delay: 0.3s;
}

.advantage-card:nth-child(4) {
    animation-delay: 0.45s;
}

/* Contact Form Section */
.contact h2 {
    animation: fadeIn 0.8s ease-out forwards;
}

.contact-text {
    animation: slideInFromLeft 0.8s ease-out forwards;
}

.contact-form {
    animation: slideInFromRight 0.8s ease-out forwards;
}

/* Interactive Elements */
.cta-button:hover {
    animation: pulse 1s infinite;
}

.service-icon:hover {
    animation: pulse 1s infinite;
}

/* Thank You Page */
.thank-you-content h1 {
    animation: fadeIn 0.8s ease-out forwards;
}

.thank-you-content p {
    animation: slideInFromBottom 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

.resource-links {
    animation: slideInFromBottom 0.8s ease-out 0.4s forwards;
    opacity: 0;
}

.back-home {
    animation: slideInFromBottom 0.8s ease-out 0.6s forwards;
    opacity: 0;
}

/* Mobile Menu Animation */
.mobile-menu.active {
    animation: slideInFromRight 0.3s ease-out forwards;
}