#main-photoslider {
    padding-top: 0px!important;
}

.main-container {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.contactHeader {
    background:linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(/themes/custom/brokerage/images/shutterstock_428711317.jpg);
    background-position: bottom;
    background-size: cover;
    height: 500px;
}

.contactTitle {
    color: #09426a;
    font-weight: 900;
}

.boxContainer {
    gap: 1.5rem;
    margin: 3rem auto 0 !important;
    max-width: 1100px;
}

.mapContainer {
    min-height: 300px;
    padding: 0 !important;
}

.contactBox {
    background-color: #FFF;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 2rem 0;
}

.contactIcon {
    color: #0D609B;
    font-size: 3rem !important;
}

.contactMap {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    height: 100%;
}

.addressBottom {
    margin-top: -8px;
}

.webform-submission-contact-form-form {
    margin: 4rem auto 5rem;
    max-width: 1100px;
}

input,
select,
textarea {
    border: 0 !important;
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: none !important;
}

label {
    font-weight: 700;
}

.formBtn {
    background-color: #09426a !important;
    color: #FFF !important;
    font-weight: 700;
    transition: all .1s ease-in;
    width: 100%;
}

.formBtn:hover {
    background-color: #0D609B !important;
}

@media (min-width: 450px) {
    .contactTitle {
        font-size: 3rem;
    }
}

@media (min-width: 768px) {
    .boxContainer {
        gap: 0;
        margin-top: -4rem !important;
    }

    .mapContainer {
        padding: 0 12px !important;
    }
}