.get-in-touch {
    background: linear-gradient(to right, #F8F7F0 50%, #DFF4FB 50%);
}

.get-in-touch .column-row>div {
    width: 50%;
    padding: 100px 0;
}

.get-in-touch .column-row .column-right {
    padding-left: 97px;
}

.get-in-touch .column-row .column-left {
    padding-right: 97px;
}

.get-in-touch .content-box .h6 {
    margin-bottom: 20px;
    display: inline-block;
}

.get-in-touch .content-box h2 {
    margin-bottom: 30px;
}

.get-in-touch .image-wraper {
    -webkit-mask-image: url(../images/meet-giselle-mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    height: 320px;
    width: 273px;
    margin-top: 100px;
}

.get-in-touch .image-wraper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.get-in-touch-wrap .social-link {
    margin-top: 0;
    margin-bottom: 40px;
}

.get-in-touch-wrap .user-info {
    width: 100%;
    display: block;
    margin-bottom: 100px;
}

.get-in-touch-wrap .user-info a {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    color: #144F6F;
}

.get-in-touch-wrap .social-link a {
    border: 1px solid #144F6F;
}

.get-in-touch-wrap .social-link a img {
    filter: invert(27%) sepia(8%) saturate(6139%) hue-rotate(163deg) brightness(85%) contrast(89%);
}

.get-in-touch-wrap .social-link a:hover {
    border: 1px solid #144F6F;
    background-color: #144F6F;
}
.get-in-touch-wrap .social-link a:hover img {
    filter: invert(95%) sepia(100%) saturate(3815%) hue-rotate(177deg) brightness(111%) contrast(97%);
}
.get-in-touch-form .title {
    color: #144F6F;
    margin-bottom: 40px;
}

.get-in-touch-form .title {
    color: #144F6F;
    margin-bottom: 40px;
}

.get-in-touch-form select {
    color: rgb(20 79 111 / 50%);
}
.get-in-touch-wrap .user-info .user-left {
    width: 100%;
}

.get-in-touch-wrap .user-info .user-right {
    width: 100%;
}
.get-in-touch-form select,
.get-in-touch-form input,
.get-in-touch-form textarea {
    border-radius: 34.016px;
    border: 1px solid #144F6F;
    padding: 23px 31px;
    width: 100%;
    background-color: transparent;
    outline: none;
    font-size: 16.84px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.168px;
    color: #144F6F;
    font-weight: 500;
    font-family: 'FranklinGothicURWBoo';
}


/* .get-in-touch-form select.wpcf7-not-valid {
    color: rgb(20 79 111 / 50%);
} */

.get-in-touch-form .main-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px -14px;
}

.get-in-touch-form .main-row .input-field {
    width: 100%;
    padding: 0 7px;
    margin-bottom: 14px;
}
.get-in-touch-form .main-row .input-field:nth-child(1),
 .get-in-touch-form .main-row .input-field:nth-child(2), 
 .get-in-touch-form .main-row .input-field:nth-child(3),
  .get-in-touch-form .main-row .input-field:nth-child(4) {
    width: 50%;
}
.get-in-touch-form select::placeholder,
.get-in-touch-form input::placeholder,
.get-in-touch-form select::placeholder,
.get-in-touch-form textarea::placeholder {
    color: rgb(20 79 111 / 50%);
    text-transform: capitalize;
}

.get-in-touch-form .main-row .input-field.textarea-input {
    width: 100%;
}

.get-in-touch-form .main-row .input-field.submit-input {
    width: 100%;
}

.get-in-touch-form .main-row .input-field.textarea-input textarea {
    height: 160px;
    border-radius: 23.389px;
}

.get-in-touch-form .main-row .input-field.submit-input input.wpcf7-submit {
    max-width: 191px;
    width: 100%;
    border: 1px solid #144F6F;
    color: #144F6F;
}

.get-in-touch-form .main-row .input-field.submit-input input.wpcf7-submit:hover {
    border: 1px solid #144F6F;
    background-color: #144F6F;
    color: #DFF4FB;
}

.get-in-touch-form select {
    appearance: none;
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right 18px;
}

@media only screen and (max-width:1199px) {
    .get-in-touch .column-row>div {
        width: 50%;
        padding: 80px 0;
    }
    .get-in-touch .column-row .column-left {
        padding-right: 60px;
    }
    .get-in-touch .column-row .column-right {
        padding-left: 60px;
    }
    .get-in-touch-wrap .user-info {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width:991px) {
    .get-in-touch {
        background: transparent;
    }
    .get-in-touch .column-row>div {
        width: 100%;
        padding: 60px 0;
    }
    .get-in-touch .column-row .column-left {
        padding-right: 30px;
    }
    .get-in-touch .column-row .column-right {
        padding-left: 30px;
    }
    .get-in-touch .image-wraper {
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }
    .get-in-touch-wrap .user-info {
        margin-bottom: 60px;
    }
    .get-in-touch {
        overflow: hidden;
    }
    .get-in-touch .column-row .column-right {
        position: relative;
    }
    .get-in-touch .column-row .column-right:before {
        content: "";
        display: block;
        background: #DFF4FB;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        z-index: -1;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    .get-in-touch-form select, .get-in-touch-form input, .get-in-touch-form textarea {
        padding: 15px 30px;
    }
}

@media only screen and (max-width:767px) {
    .get-in-touch .column-row>div {
        width: 100%;
        padding: 40px 0;
    }
    .get-in-touch-wrap .user-info {
        margin-bottom: 40px;
    }
    .get-in-touch .image-wraper {
        margin-top: 40px;
    }
    .get-in-touch-form .main-row .input-field {
        width: 100%;
    }
    .get-in-touch .column-row .column-right {
        padding-left: 0;
    }
    .get-in-touch .column-row .column-left {
        padding-right: 0;
    }
    .get-in-touch-form .main-row .input-field:nth-child(1),
    .get-in-touch-form .main-row .input-field:nth-child(2), 
    .get-in-touch-form .main-row .input-field:nth-child(3),
    .get-in-touch-form .main-row .input-field:nth-child(4) {
        width: 100%;
    }
}