/* ================= HERO SECTION ================= */
.hero-section {
    width: 100%;
}

.hero-banner-img {
    width: 100%;
    height: 600px;
    display: block;
    object-fit: fill;
}

@media (max-width: 992px) {
    .hero-banner-img { height: 360px; }
}

@media (max-width: 768px) {
    .hero-banner-img { height: 300px; }
}

@media (max-width: 576px) {
    .hero-banner-img { height: 250px; }
}