.map-section {
    padding-top: clamp(0.9rem,2vw,4.5rem);
    padding-left: clamp(0.9rem,3vw,3rem);
    padding-right: clamp(0.9rem,3vw,3rem) ;
    padding-bottom: clamp(0.9rem,2vw,4.5rem) ;
    background:var(--background);
    overflow:hidden;
    width: 100%;
}

.map-container{
    display:flex;    
    width:100%;
    height:500px;

    background:#ffffffc0;
    border:2px solid #cbc9c9;
    border-radius:var(--radius-small);
    filter:grayscale(0.8);

    box-shadow:0 20px 40px rgba(0,0,0,.06);
    
    overflow:hidden;

    transition:.35s ease;
}

.map-container:hover{
    filter:grayscale(0);
    transition:.35s ease;
}

.map-container iframe{
    width:100%;
    height:100%;
    border:none;
}