/* Custom styles for animations and other global overrides */

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

.animate-fade-in {
    animation: fadeIn 1s ease-out forwards;
}

/* Delay animations for a staggered effect */
.animate-fade-in:nth-child(2) {
    animation-delay: 0.2s;
}
.animate-fade-in:nth-child(3) {
    animation-delay: 0.4s;
}
.animate-fade-in:nth-child(4) {
    animation-delay: 0.6s;
}

/* Parallax Effect */
.parallax-section {
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.parallax-bg {
    transform-style: preserve-3d;
    z-index: -1;
    background-size: cover;
    background-position: center;
    transform: translateZ(-1px) scale(2);
}

/* Custom button hover effect */
.hover-scale-105:hover {
    transform: scale(1.05);
}

/* Thank You Popup Animation */
@keyframes popIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.animate-pop-in {
    animation: popIn 0.3s ease-out forwards;
}