/* Site-wide responsive utilities */
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    max-width: 100%;
}

body {
    overflow-x: hidden;
    max-width: 100%;
}

img,
video {
    max-width: 100%;
    height: auto;
}

.display-5,
.display-6 {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
}

@media (max-width: 991.98px) {
    .footer-section {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .footer-section:last-child {
        border-bottom: none;
    }
}

@media (max-width: 767.98px) {
    .top-bar .logo-img {
        height: 58px !important;
    }
}

@media (max-width: 991.98px) {
    .map-container {
        height: clamp(300px, 42vh, 450px) !important;
    }
}

@media (max-width: 575.98px) {
    .map-container {
        height: clamp(260px, 38vh, 360px) !important;
    }
}