:root {
    --primary-color: #E32230;
}

.hero-bg {
    filter: brightness(0.7);
    background-attachment: fixed;
    z-index: 0;
}

.header-hidden {
    transform: translateY(-100%);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); animation-fill-mode: both; }
    
}

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

.animate-fadeInDown {
    animation: fadeInDown 0.8s ease-out;
}

.animate-fadeInUp {
    animation: fadeInUp 1s ease-out 0.2s;
    animation-fill-mode: both;
}


@media (max-width: 1024px) {
    iframe {
        height: 400px !important;
    }
}