.hero-title-main {
    font-size: clamp(2.5rem, 6vw, 8rem);
}
.btn-cta-pink {
    height:60px;
}
@media (max-width: 430px) and (min-width: 320px) {

    .hero-title-main {
        font-size: clamp(1.4rem, 7vw, 3rem);
    }

    .hero-subtitle {
        font-size: 0.9rem;
    }

    .hero-date {
        font-size: 1.2rem;
    }


    .btn-cta {
        font-size: 0.7rem;
        padding: 0.7rem 1rem;
    }

    .btn-cta-pink span {
        font-size: 0.6rem;
    }

    .btn-cta-pink {
        padding: 0.7rem 1rem !important;
        height:auto;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .badge-text-line {
        font-size: 0.55rem;
    }

    .map-legend ul span {
        font-size: 10px !important;
    }

    .stat-label {
        white-space: unset;
    }

}