.contactBox{

}

.contactInfoSection{
    margin-top: -12rem;
}

.contactInfoSection .row{
    display:flex;
    margin:0;
}
.contactInfoSection .row > div{
    background-color: white;
    padding:2rem;
    display:flex;
    align-items: center;
    z-index: 12;
    border-bottom:0.7rem solid var(--themePrimaryDark);
}
.contactInfoSection .row > div.contactCol{
    border-left: 1px solid #ddd;
}

.contactInfoSection .row > div.contactCol a{
    color:var(--themePrimaryDark);;
    font-weight:600;
}

.contactSection h3{
    margin-bottom:0;
}

.mapsSection iframe{
    box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
    border:none;
}

@media screen and (max-width:1024px){
    :root{
        --sliderHeight: 40dvh;
    }
    .sliderSection{
        top: var(--headerHeight);
    }
}