/* ============================================================== CONTACT US PAGE ============================================================== */

/* ========= CONVERSATION SECTION ========= */
.free_assessment_wrap {border-radius: 40px;padding: 60px 60px 30px;position: relative;}
.free_ass_image {width: 100%;position: absolute;bottom: 0;right: 60px;}
.contact-us-row {display: grid;grid-template-columns: auto 544px;grid-gap: 70px; padding-top: 60px;}
.free_ass_image figure {max-width: 544px;width: 100%;display: flex;margin-left: auto;}
.free_ass_image figure img {width: 100%;height: auto;object-fit: cover;}
.free_ass_form {position: relative;z-index: 1;}
/* ========= END CONVERSATION SECTION ========= */

/* ========= REACH US ========= */
.locations .location_box_wrapper {flex-wrap: wrap;align-items: inherit;}
.locations .location_box_wrapper .location_box {max-width: 49%;flex: 0 0 49%;margin-bottom: 30px;padding: 40px 70px;text-align: center;border-radius: 40px;transition: 0.3s all ease-in-out;}
.locations .location_box_wrapper .location_box:hover {background: #152E53;}
.locations .location_box_wrapper .location_box:hover .location_group .spans2, .locations .location_box_wrapper .location_box:hover .location_group i, .locations .location_box_wrapper .location_box:hover .location_group p, .locations .location_box_wrapper .location_box:hover .location_group p a{color: #fff;transition: 0.3s all ease-in-out;}
.locations .location_box_wrapper .location_box .location_group {display: flex;align-items: center;justify-content: center;padding: 15px 0;}
.locations .location_box_wrapper .location_box:hover .location_group p a:hover{color: #E91D2C;}
.locations .location_box_wrapper .location_box .location_group i {color: #E91D2C; font-size: 25px;padding-right: 15px;}
.locations .location_box_wrapper .location_box .location_group p {transition: 0.3s all ease-in-out;}
.locations .location_box_wrapper .location_box .location_group:nth-child(2) i {position: relative;top: 5px;}
.locations .location_box_wrapper .location_box .location_group:nth-child(2) {align-items: flex-start;}
.locations .location_box_wrapper .location_box .location_group span {display: block;}
.locations .location_box_wrapper .location_box:nth-child(3) .location_group:nth-child(2) p {max-width: 75%;width: 100%;text-align: center;}
.locations .section-title {margin-bottom: 60px;}
/* ========= END REACH US ========= */

.selected-country {position: relative;z-index: 2;}
.country-codes {display: none; position: absolute;top: calc(100% + 10px);left: 0;background: #dfebf1;padding: 10px 0;right: 0;margin: 0 auto;display: flex;flex-direction: column;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);border-radius: 8px;grid-gap: 0;z-index: -1;height: 100vh;max-height: 300px;overflow: hidden;overflow-y: auto;}
.country {padding: 7px 10px;transition: all 350ms ease-in-out;font-size: 20px;}
.country.selected {background-color: #fff;}
.selected-code {font-size: 20px; display: block; }
.country:hover,.country.selected-code {background-color: #fff;}
input:focus, textarea:focus {border-color:#E91D2C ;}
form .form-group.textarea textarea {height: 260px; }
.page-template-contact-us {
    label {padding-top: 0; padding-bottom: 24px;}

    .form-group {margin-bottom: 24px;
    
        &.button_submit{
            margin-bottom: 0;
        }
    }
}


.choose_file_wrap { display: flex; align-items: center; grid-gap: 12px;}
.choose_file_wrap p {display: flex;align-items: center;}
.fileupload label {font-size: 20px; font-weight: 500;color: #fff;background: #152e53;border-radius: 10px;max-width: 150px;width: 100%;text-align: center; cursor: pointer; padding: 7px 10px; display: flex; align-items: center; justify-content: center;}
span#file-chosen {font-size: 16px;line-height: 20px;font-weight: 400;}
.free_assessment_wrap textarea {margin-bottom: 0;}
/* ================================================ FREE ASSESSMENT (CONTACT US PAGE) ================================================ */


/* ================================================ END FREE ASSESSMENT (CONTACT US PAGE) ================================================ */

/* ============================================================== END CONTACT US PAGE ============================================================== */


@media only screen and (max-width: 1399px) {
    .free_ass_image figure { max-width: 400px; }
    .contact-us-row { grid-gap: 50px; grid-template-columns: auto 400px; }
    .contact-us-row .submit-btn input { min-width: auto; }
    .free_ass_image { right: 30px; }
}

@media only screen and (max-width: 1199px) {
    .contact-us-row { display: flex; flex-direction: column; padding-top: 20px; }
    .free_ass_image {display: none;}
}

@media only screen and (max-width: 767px) {
    .free_assessment_wrap { padding:30px 24px; }
    input[type=text], input[type=email], input[type=tel], select, textarea {height: 60px; font-size: 16px; border-radius: 15px;}
    form .form-block {grid-gap: 20px;}
    .nice-select {
        font-size: 16px !important;
        height: 60px !important;
        padding: 15px 10px !important;
        border-radius: 15px !important;
    }

    .phone-code {
        grid-gap: 6px;
        grid-template-columns: 70px auto;
    }
    
    textarea {
        height: 197px;
    }
    
    .nice-select:after {
        margin-top: -6px !important;
        height: 10px !important;
        right: 12px !important;
        width: 10px !important;
    }

    .button_submit input {min-height: 53px;}
    .free_assessment_wrap {border-radius: 20px;}
    .selected-code {font-size: 16px;}
    .free_assessment_wrap h1 {font-size: 24px; line-height: 41px;}
    .breadcrumbs ul li, .breadcrumbs ul li a {font-size: 16px;}
    .banner_span {font-size: 28px;}
    .innerpage_banner {padding: 70px 0; }

    .contact_form .row {margin: 0;}
    .contact_form .row>* {padding: 0;}
    .container {width: 100%;}
    .locations h2 {margin-bottom: 30px;}
    .locations .location_box_wrapper .location_box {padding: 30px; text-align: left; margin-bottom: 20px; width: 100%; max-width: 100%; border-radius: 20px;}
    .locations .location_box_wrapper .location_box .location_group {justify-content: flex-start; padding: 0; margin-bottom: 14px;}
    .locations .location_box_wrapper .location_box .location_group:nth-child(1) {margin-bottom: 20px;}
    .locations .location_box_wrapper .location_box .location_group:last-child {margin-bottom: 0;}
    .locations .location_box_wrapper .location_box .location_group p {text-align: left !important;}
    .location_box_wrapper {flex-direction: column;}
    .spans2 {font-size: 20px;}
    .contact_form input[type="submit"] {min-height: 53px; font-size: 16px; padding: 10px;}
    .locations .location_box_wrapper .location_box .location_group i {font-size: 20px;}
    .locations .location_box_wrapper .location_box .location_group p a {font-weight: 500;}
    .locations .section-title {margin-bottom: 40px;}
    .brands,.brands__preWrapper {height: 6.5rem;}
    .conversation {padding-top: 40px !important;}
    .contact_form label {padding-top: 0; padding-bottom: 10px; font-size: 18px;}
    .contact_form input[type="submit"] {margin-bottom: 0;} 
    .page-template-contact-us .form-group  {margin-bottom: 20px; }
}


/* ============================================================== CONTACT US PAGE Responsive ============================================================== */
@media screen and (max-width: 430px) {
    .page-template-contact-us .section_space {padding: 15px 0;}
    .contact_title h2{font-size: 31px;line-height: 35px;}
    .contact_form label {font-size: 18px;line-height: 25px;}
    .contact_form input[type=text], input[type=email], input[type=tel], select{height: 59px;}
    .contact_form input[type="submit"]{margin-top: 20px;}
    
    .locations .location_box_wrapper .location_box{max-width: 100%;flex: 0 0 100%;padding: 40px 20px;text-align: start;}
    .locations .location_box_wrapper .location_box .location_group{justify-content: flex-start;}
    .locations .location_box_wrapper .location_box:nth-child(3) .location_group:nth-child(2) p {max-width: 100%;text-align: start;}
}
/* ============================================================== END CONTACT US PAGE Responsive ============================================================== */