@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 768px) {
    .hero-content h1 {
        font-size: var(--fs-42);
    }
    .hero-section {
        height: 360px;
    }
}
@media screen and (max-width: 576px) {
    .hero-content h1 {
        font-size: var(--fs-32);
    }
    .hero-section {
        height: 300px;
    }
}