.map {
    background: url('map.svg') no-repeat;
    width: 58.93419rem;
    height: 24.0645rem; 
    margin: -4rem auto;
    display: block;
    position: relative;
    
}

.adresse h4 {
    margin-bottom: 0;
}

/* Animation des marqueurs */
.marker {
    opacity: 0.5;
  transition: 0.3s ease;
}

.marker.active {
  opacity: 1;}


.map-markers {
    position: absolute;
    width: 34.62063rem;
    height: 7.9825rem;
    left: 18.5rem;
    top:10rem;
}
.map-adresses {
        max-width: 58.93419rem;
        margin: auto;

}
.map-adresses-columns {
    display: flex;
    justify-content: space-between;
    align-items: normal;
}

.map-adresses h3 {
    font-family: D-DIN;
    font-size: 1.4375rem;
    display:block;
    position: relative;
}

.map-adresses h3::before {
    content:'';
    display: block;
    position: absolute;
    left:-2rem;
    top: -.5rem;
    height: 50px;
    width: 2px;
}

.map-adresse-care h3::before {background-color: #32a09e;}
.map-adresse-solution h3::before {background-color: #C2CEC9;}
.map-adresse-vaillant h3::before {background-color: #FFE963;}

@media (max-width:768px) {
    .map-adresses-columns {
    display: block;
    margin-left: 3rem;
    align-items: normal;
}
    .map-adresses-columns .adresse h4 {
    margin: 0;
    padding: 0;
}
    .map-adresses-columns .adresse p {
    display: none;
    align-items: normal;
}
.map {
    background: url('map.svg') no-repeat left;
    width: 58.93419rem;
    height: 24.0645rem; 
    margin: -4rem auto;
    display: block;
    position: absolute;
    top: 0;
    right: -20%;
    
}
.acf-innerblocks-container {
    position: relative;
}
}