/* ===== Hero overlay card + hero CTA + hero text animation ===== */

/* Hero overlay card */
.home-view .hmslide-col {
    background: #00466e94;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    padding: 2rem 1rem;
    text-align: center;
    z-index: 2;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

.home-view .btn-animated-red {
    background: #fff !important;
    color: #dc3545 !important;
    border: 2px solid #dc3545 !important;
    font-weight: 600;
}

    .home-view .btn-animated-red:hover,
    .home-view .btn-animated-red:focus {
        background: #dc3545 !important;
        color: #fff !important;
    }

.home-view .text-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .6s, transform .6s;
}

    .home-view .text-animate.active {
        opacity: 1;
        transform: none;
    }

.home-view .stagger {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity .5s, transform .5s;
}

    .home-view .stagger.delay-1 {
        transition-delay: .1s;
    }

    .home-view .stagger.delay-2 {
        transition-delay: .25s;
    }

    .home-view .stagger.delay-3 {
        transition-delay: .4s;
    }

.home-view .text-animate.active .stagger {
    opacity: 1;
    transform: none;
}

/* Hero overlay responsive */
@media (max-width: 575.98px) {
    .home-view .hmslide-col {
        width: 95%;
        padding: 1rem;
        font-size: 1rem;
    }

        .home-view .hmslide-col h2 {
            font-size: 1.2rem;
        }

        .home-view .hmslide-col span {
            font-size: .9rem !important;
        }
}

@media (min-width: 768px) {
    .home-view .hmslide-col {
        padding: 3rem 2rem;
        font-size: 1.3rem;
        max-width: 650px;
    }
}

@media (min-width: 1200px) {
    .home-view .hmslide-col {
        font-size: 1.5rem;
    }
}