.officeLocations>.header__wrapper{
    justify-content: center;
}
.location_wrapper{
    margin-top: 2rem;
    display: grid;
    gap:3.5rem;
    padding-bottom: 3rem;
}
.map_location{
    flex-direction: column;
    position:relative;
}
.map_embed,
iframe{
    height:200px;
    max-width: 100%;
    border:3px solid var(--body-black);
    border-radius: 3px;
}
.map_details{
   position: absolute;
   bottom:-40px;
   left:20px;
   right:20px;
    background-color: var(--body-white);
   max-width:100%;
    padding:1rem;
    box-shadow: 0 4px 4px 0 #00000025;
    font-size: 12px;
    
}
.map_title{
    align-self: flex-start;
    font-weight: 600;
}

@media (min-width:540px){
    .location_wrapper{
        justify-content: center;
       grid-template-columns:repeat(2,1fr);
        gap:3rem;
        grid-row-gap:6rem;
        padding-bottom: 3rem;
    } 

}
 @media (min-width:1440px){
    .location_wrapper{
        grid-template-columns:repeat(2,500px);
         grid-column-gap:3rem;
         grid-row-gap:6rem;
         padding-bottom: 3rem;
         
     } 

     .map_details{
        max-width:430px;
        left:20px;
        right:20px;
       font-size: 18px;
     }
     .map_embed,
iframe{
    
    height:200px;
    max-width:100%;
    border:3px solid var(--body-black);
    border-radius: 3px;
}
 }