/* Custom styles for contact page to make iframes same height as adjacent columns */
.map-container {
    position: relative;
    min-height: 600px; /* Fallback height */
}

/* Equal height columns */
.map-container .col-md-6 {
    height: 100%;
}

/* Fixed height container for desktop */
@media (min-width: 768px) {
    .map-container {
        height: 860px; /* Set a fixed height for both rows */
    }
    
    /* Position the columns absolutely to ensure they take up all available height */
    .map-container .col-md-6 {
        position: relative;
    }
    
    /* Make iframe fill the entire column */
    .map-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* Mobile styles */
@media (max-width: 767.98px) {
    .map-container iframe {
        min-height: 400px;
    }
}