/* ====================================================================
   Animations & Lottie Containers
   ==================================================================== */

/* Standard Lottie Container - prevents layout shift */
.lottie-container {
    width: 100%;
    height: 400px; /* Fixed height for Hero animations */
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* For smaller spots like cards */
.lottie-sm {
    height: 150px;
    width: 150px;
    margin: 0 auto;
}

/* GSAP/AOS Classes */
[data-aos] {
    pointer-events: none;
}
[data-aos].aos-animate {
    pointer-events: auto;
}

/* Pulse Animation for Buttons */
@keyframes pulse-white {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

.animate-pulse {
    animation: pulse-white 2s infinite;
}