/* Contact Page Map Full Width Styling */

.mapSection {
    padding: 0 !important;
    margin: 0 !important;
}

.mapSection .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.mapSection .row {
    margin: 0 !important;
}

.mapSection .col-lg-12 {
    padding: 0 !important;
}

.mapSection .noPadding {
    padding: 0 !important;
}

.mapSection .gmap {
    width: 100% !important;
    height: 450px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mapSection .gmap iframe {
    width: 100% !important;
    height: 450px !important;
    border: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure no gap between contact section and map */
.contactSection {
    margin-bottom: 0 !important;
    padding-bottom: 60px !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .mapSection .gmap,
    .mapSection .gmap iframe {
        height: 400px !important;
    }
}

@media (max-width: 767px) {
    .mapSection .gmap,
    .mapSection .gmap iframe {
        height: 350px !important;
    }
}

@media (max-width: 480px) {
    .mapSection .gmap,
    .mapSection .gmap iframe {
        height: 300px !important;
    }
}

/* Remove any potential body margins that could affect full width */
body {
    overflow-x: hidden;
}

/* Ensure map container spans full viewport width */
.mapSection {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}