@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins';
}

:root {
    --p1: #1F3042;
    --p2: #24384C;
    --p3: #293F57;
    /* --theme_primary: #3BB979;
    --theme_primary: #71D8A4; */
    --g1: black;
    --g2: #D6D6D6;
    --g3: #F8F8F8;
    --white: #FFF;
    --err: #FB5A5A;
    --dark: #262626;
    --pin: url('data:image/svg+xml;charset=UTF-8, <svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 0C5.51169 0.00263754 3.60556 0.79366 2.19961 2.19961C0.793661 3.60556 0.00263755 5.51168 0 7.49999C0 12.8844 6.9875 19.6281 7.28437 19.9125C7.34212 19.9686 7.41947 20 7.5 20C7.58053 20 7.65788 19.9686 7.71562 19.9125C8.0125 19.6281 15 12.8844 15 7.49999C14.9974 5.51168 14.2063 3.60556 12.8004 2.19961C11.3944 0.79366 9.48831 0.00263754 7.5 0ZM7.5 10.9375C6.82013 10.9375 6.15552 10.7359 5.59023 10.3582C5.02493 9.98045 4.58434 9.44359 4.32416 8.81546C4.06399 8.18734 3.99591 7.49618 4.12855 6.82937C4.26119 6.16256 4.58858 5.55006 5.06932 5.06931C5.55006 4.58857 6.16257 4.26118 6.82938 4.12855C7.49619 3.99591 8.18735 4.06398 8.81547 4.32416C9.4436 4.58434 9.98046 5.02493 10.3582 5.59022C10.7359 6.15551 10.9375 6.82012 10.9375 7.49999C10.937 8.41151 10.5746 9.28553 9.93008 9.93007C9.28554 10.5746 8.41151 10.9369 7.5 10.9375Z" fill="rgb(59, 185, 121)"/></svg>');

}

.contact-main {
    padding-top: 80px;
    background-color: var(--background_secondary);
}

.container {
    width: 100%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

#offices_bar .container,
.container {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:1110px) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:990px) {
    .container {
        max-width: none;
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }

    nav.js-nav .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:768px) {
    .container {
        max-width: none;
        width: 100%
    }

    nav.js-nav .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:576px) {
    .container {
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }
}


.btn-green,
input[type=submit] {
    margin-top: 25px !important;
    text-decoration: none;
    font-family: 'Poppins';
    color: var(--normal_text);
    font-size: 20px;
    display: inline-block;
    max-width: 100%;
    background: var(--theme_primary);
    border: 0;
    border-radius: 4px;
    padding: 15px 48px 17px;
    cursor: pointer;
    line-height: 1em;
    appearance: none;
    position: relative;
    overflow: hidden;
    text-align: center
}

.btn-green:hover {
    color: var(--theme_dark_text) !important;
}

input:not([type=submit]),
label,
textarea {
    outline: 0;
    color: var(--black_text);
    font-size: 16px;
    line-height: 20px;
    font-family: var(--di-headers-font-family);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition-property: opacity background-color transform;
    -o-transition-property: opacity background-color transform;
    transition-property: opacity background-color transform;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: 50ms 0ms 120ms;
    -o-transition-duration: 50ms 0ms 120ms;
    transition-duration: 50ms 0ms 120ms;
    -webkit-transition: opacity 90ms var(--di-transition-timing), border-color 90ms var(--di-transition-timing), background-color 110ms linear, -webkit-transform 250ms var(--di-transition-timing);
    -o-transition: opacity 90ms var(--di-transition-timing), border-color 90ms var(--di-transition-timing), background-color 110ms linear, transform 250ms var(--di-transition-timing);
    transition: opacity 90ms var(--di-transition-timing), border-color 90ms var(--di-transition-timing), background-color 110ms linear, transform 250ms var(--di-transition-timing);
    transition: opacity 90ms var(--di-transition-timing), border-color 90ms var(--di-transition-timing), background-color 110ms linear, transform 250ms var(--di-transition-timing), -webkit-transform 250ms var(--di-transition-timing)
}

input:not([type=submit]) {
    height: 50px
}

input:not([type=submit]),
textarea {
    border-radius: 4px;
    padding: 22px 14px 4px;
    border: 2px solid #edeff6;

    width: 100%
}

input:not([type=submit]):hover,
textarea:hover {
    border-color: var(--g2)
}

input:not([type=submit]):active,
input:not([type=submit]):focus,
textarea:active,
textarea:focus {
    color: var(--p1)
}

input:not([type=submit]):placeholder-shown+label,
textarea:placeholder-shown+label {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: transparent;
    -webkit-transform: translate(16px, 15px) scale(1);
    -ms-transform: translate(16px, 15px) scale(1);
    transform: translate(16px, 15px) scale(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

input:not([type=submit]):not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    color: black;
}

input:not([type=submit]):not(:placeholder-shown)+label {
    -webkit-transform: translate(16px, 5px) scale(.75);
    -ms-transform: translate(16px, 5px) scale(.75);
    transform: translate(16px, 5px) scale(.75)
}

input:not([type=submit]):not(:placeholder-shown)+label,
textarea:not(:placeholder-shown)+label {
    color: var(--g1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

input:not([type=submit]):active,
input:not([type=submit]):active:not(:placeholder-shown),
input:not([type=submit]):focus,
input:not([type=submit]):focus:not(:placeholder-shown),
textarea:active,
textarea:active:not(:placeholder-shown),
textarea:focus,
textarea:focus:not(:placeholder-shown) {
    border-color: var(--theme_primary);
    background-color: var(--white)
}

input:not([type=submit]):active+label,
input:not([type=submit]):active:not(:placeholder-shown)+label,
input:not([type=submit]):focus+label,
input:not([type=submit]):focus:not(:placeholder-shown)+label {
    color: var(--theme_primary);
    -webkit-transform: translate(16px, 50px) scale(.75);
    -ms-transform: translate(16px, 5px) scale(.75);
    transform: translate(16px, 5px) scale(.75)
}

textarea:active+label,
textarea:active:not(:placeholder-shown)+label,
textarea:focus+label,
textarea:focus:not(:placeholder-shown)+label {
    /* color: var(--theme_primary) */
    color: var(--theme_primary)
}

input:not([type=submit]):active+label sup,
input:not([type=submit]):active:not(:placeholder-shown)+label sup,
input:not([type=submit]):focus+label sup,
input:not([type=submit]):focus:not(:placeholder-shown)+label sup,
textarea:active+label sup,
textarea:active:not(:placeholder-shown)+label sup,
textarea:focus+label sup,
textarea:focus:not(:placeholder-shown)+label sup {
    display: none
}

.wpcf7-form.contact .additional>div:not(.input-container-file) .wpcf7-form-control-wrap,
.wpcf7-form.contact#f280:not(.resetting) .ajax-loader,
.wpcf7-form.contact#f280:not(.resetting) .wpcf7-spinner em,
.wpcf7-form.contact#f43415:not(.resetting) .ajax-loader,
.wpcf7-form.contact#f43415:not(.resetting) .wpcf7-spinner em,
.wpcf7-form.contact#f7950:not(.resetting) .ajax-loader,
.wpcf7-form.contact#f7950:not(.resetting) .wpcf7-spinner em,
input:not([type=submit]).wpcf7-not-valid~.wpcf7-not-valid-tip,
textarea.wpcf7-not-valid~.wpcf7-not-valid-tip {
    display: block
}

.dark input:not([type=submit]),
.dark textarea {
    border: 2px solid var(--white);
    background-color: var(--white)
}

.dark input:not([type=submit]):hover,
.dark textarea:hover {
    border-color: var(--g2)
}

.dark input:not([type=submit]):active,
.dark input:not([type=submit]):focus,
.dark textarea:active,
.dark textarea:focus {
    border-color: var(--theme_primary)
}

textarea {
    padding-top: 26px;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--theme_primary) var(--theme_primary);
    resize: none
}

textarea:placeholder-shown+label {
    padding-top: 10px;
    -webkit-transform: translate(16px, 7px) scale(1);
    -ms-transform: translate(16px, 7px) scale(1);
    transform: translate(16px, 7px) scale(1);
    max-width: calc(100% - 16px)
}

textarea:not(:placeholder-shown)+label {
    top: -2px;
    padding-top: 10px;
    -webkit-transform: translate(16px, 0) scale(.75);
    -ms-transform: translate(16px, 0) scale(.75);
    transform: translate(16px, 0) scale(.75);
    width: calc(100%*1.2);
    max-width: none;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

textarea:active+label,
textarea:active:not(:placeholder-shown)+label,
textarea:focus+label,
textarea:focus:not(:placeholder-shown)+label {
    padding-top: 10px;
    background-color: var(--white);
    -webkit-transform: translate(16px, 0) scale(.75);
    -ms-transform: translate(16px, 0) scale(.75);
    transform: translate(16px, 0) scale(.75);
    width: calc(100%*1.2);
    max-width: none;
    overflow: hidden;
    white-space: nowrap
}





/* Manages From of Contact Us*/

.input-container label,
.wpcf7-form-control-wrap label {
    position: absolute;
    pointer-events: none;
    top: 0
} 



.wpcf7-form {
    position: relative
}


.wpcf7-form .wpcf7-form-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    font-family: var(--di-body-font-family);
    position: relative;
    -webkit-transition-property: opacity background-color transform;
    -o-transition-property: opacity background-color transform;
    transition-property: opacity background-color transform;
    -webkit-transition-timing-function: easeInQuad line cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: easeInQuad line cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: easeInQuad line cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: 50ms 0ms 120ms;
    -o-transition-duration: 50ms 0ms 120ms;
    transition-duration: 50ms 0ms 120ms
}

.wpcf7-form ::-webkit-input-placeholder {
    opacity: 0
}


#contact-us.contact-container {
    padding: 180px 0
}

#contact-us.contact-container .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width:1200px) {
    #contact-us.contact-container .container {
        max-width: 1140px;
        max-height: 480px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        padding-left: 0;
        padding-right: 0
    }

    #contact-us.contact-container .container .form_box {
        max-height: 480px
    }

    #contact-us.contact-container .container .reviews_widget {
        max-width: 347px
    }

    #contact-us.contact-container .container .reviews_carousel {
        height: 232px
    }
}

@media (max-width:768px) {
    #contact-us.contact-container {
        padding: 160px 15px 45px
    }
}

@media (max-width:576px) {
    #contact-us.contact-container {
        padding: 60px 0 0
    }

    #contact-us.contact-container .form_box {
        max-height: none
    }

    #contact-us.contact-container .container {
        padding: 0
    }

    #contact-us.contact-container .reviews_widget {
        padding: 0 15px
    }
}

.wpcf7-form {
    display: grid;
    gap: 30px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.wpcf7-form .privacy_badge,
.wpcf7-form p.title {
    font-weight: 600;
    font-family: var(--di-headers-font-family)
}

.wpcf7-form p.title {
    margin: 0 0 -15px;
    font-size: 24px;
    line-height: 1
}

.wpcf7-form .privacy_badge {
    margin-bottom: -15px;
    font-size: 18px;
    line-height: 28px;
    color: var(--g1)
}

.wpcf7-form .privacy_badge::before {
    content: url('data:image/svg+xml;charset=UTF-8, <svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7425 3.67199L6.7694 0.0749532C6.6034 -0.0249844 6.39666 -0.0249844 6.23066 0.0749532L0.257501 3.67199C0.0978634 3.76814 0 3.94233 0 4.13036V6.18371C0 10.5085 2.4685 14.4586 6.30978 15.964C6.43207 16.012 6.56784 16.012 6.69025 15.964C10.5222 14.4623 13 10.5208 13 6.18371V4.13036C13 3.9423 12.9022 3.76814 12.7425 3.67199ZM9.10303 6.80155L5.80083 10.1442C5.59507 10.3525 5.26147 10.3525 5.05571 10.1442L3.89679 8.97114C3.69103 8.76289 3.69103 8.42518 3.89679 8.2169C4.10255 8.00865 4.43618 8.00865 4.64191 8.2169L5.42824 9.01286L8.35791 6.0473C8.56364 5.83905 8.89727 5.83905 9.10303 6.0473C9.30882 6.25561 9.30882 6.5933 9.10303 6.80155Z" fill="rgb(118, 130, 146)"/></svg>');
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

@media (max-width:576px) {
    .wpcf7-form .privacy_badge {
        text-align: center
    }
}

.wpcf7-form.contact {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    font-family: var(--di-headers-font-family);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.wpcf7-form.contact .field-span {
    grid-column: 1/span 2
}

.wpcf7-form.contact .field-span textarea {
    padding-top: 25px;
    max-height: 98px
}

.wpcf7-form.contact .additional {
    display: grid;
    grid-template-columns: minmax(60px, 120px) auto;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    gap: 30px
}

.wpcf7-form.contact .additional>div:not(.input-container-file) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wpcf7-form.contact .additional .input-container-file {
    margin: 0
}
/**************************************/

/***********! Review section at side of the from ************/
#reviewersStatic-container .slide .score {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-size: 47px;
    color: var(--theme_primary);
    text-align: center;
    line-height: 32px;
    max-height: 32px;
}

#reviewersStatic-container .slide .score sub {
    font-size: 18px;
}

#reviewersStatic-container .slide .rating {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    white-space: nowrap;
}

#reviewersStatic-container .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0 11px;
    position: relative;
    font-family: var(--di-headers-font-family);
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width:576px) {
    .wpcf7-form.contact {
        grid-template-columns: 100%
    }

    .wpcf7-form.contact .field-span {
        grid-column: 1
    }

    .wpcf7-form.contact .additional>div:not(.input-container-file) {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wpcf7-form.contact .additional>div:not(.input-container-file) .wpcf7-form-control-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

    .wpcf7-form.contact .additional .input-container-file label {
        width: 100%
    }

    .wpcf7-form.contact .privacy_badge {
        grid-row: 9
    }
}

/***********! **********************/
.container-freeconsultation {
    max-width: 1700px;
    background-color: var(--background_secondary);
    margin: auto;
}

/*! This for the location of the offices*/
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

#offices_bar .container,
.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-notification {
    display: none
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

/*!  location of the offices************************************/

/*! This is section for Offices bar */
#offices_bar {
    /* max-height: 248px; */
    padding: 56px 0 65px;
    content-visibility: auto
}

@media print {
    #offices_bar {
        display: none !important
    }
}


#offices_bar .container {
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1140px
}

@media (max-width:990px) {
    #offices_bar .container {
        gap: 42px
    }
}

@media (max-width:768px) {
    #offices_bar .container {
        gap: 32px
    }
}

@media (max-width:576px) {
    #offices_bar .container {
        gap: 32px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:1140px) {
    #offices_bar .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:990px) {
    #offices_bar .container {
        max-width: none;
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:768px) {
    #offices_bar .container {
        max-width: none;
        width: 100%
    }

    #mainNav #offices_bar .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:576px) {
    #offices_bar .container {
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }
}


#offices_bar .wrapper-offices {
    width: 100%
}

#offices_bar .wrapper-offices .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#offices_bar .wrapper-offices:not(.swiper-initialized) .swiper-wrapper {
    gap: 32px
}

#offices_bar .wrapper-offices .office-item {
    max-width: 163px
}

#offices_bar .wrapper-offices .office-item .title {
    font-size: 18px;
    line-height: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: var(--di-headers-font-family);
    font-weight: 600
}


#offices_bar .wrapper-offices .office-item address {
    font-family: var(--di-headers-font-family);
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    white-space: nowrap
}

#offices_bar .wrapper-offices .office-item address a {
    display: block;
    color: var(--theme_primary);
}

#offices_bar .wrapper-offices .office-item address span {
    display: block;
    position: relative;
    padding-top: 8px;
    margin-top: 8px
}

#offices_bar .wrapper-offices .office-item address span::after {
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    height: 2px;
    position: absolute;
    display: block;
    background: -webkit-linear-gradient(left, var(--theme_primary)0, rgba(113, 216, 164, 0) 100%);
    background: -o-linear-gradient(left, var(--theme_primary)0, rgba(113, 216, 164, 0) 100%);
    background: linear-gradient(90deg, var(--theme_primary) 0, rgba(113, 216, 164, 0) 100%)
}

@media (max-width:576px) {
    #offices_bar .wrapper-offices .office-item {
        max-width: none
    }
}

#offices_bar.dark {
    background-color: #292929;
    color: var(--white)
}

/*! ****************************************************************/


body {
    background-color: #292929;
}

/*! This is section for the form the ratings */
#FreeConsultation {
    color: #fff;
    padding: 0
}

#FreeConsultation h1 {
    padding-top: 60px;
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
}

#FreeConsultation p:not(.privacy_badge) {
    color: var(--normal_text);
    max-width: 650px;
    line-height: 25px
}



#FreeConsultation .wrapper-fc {
    padding: 20px 0 40px;
    display: flex;
    grid-template-columns: 360px auto;
    justify-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
}

#FreeConsultation .wrapper-fc .hero-message {
    padding-left: 28px;
    display: grid;
    grid-template-rows: auto auto;
    gap: 20px;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#FreeConsultation .wrapper-fc .hero-message p {
    font-size: 15px;
}

.privacy_badge {
    visibility: hidden;
}

#FreeConsultation .wrapper-fc #reviewersStatic-container {
    display: grid;
    grid-template-rows: repeat(3, 1fr)
}

#FreeConsultation .wrapper-fc .form_box {
    margin: 0
}

@media (max-width:992px) {
    #FreeConsultation .wrapper-fc {
        grid-template-columns: 100%;
        padding: 60px 0;
        gap: 60px
    }

    #FreeConsultation .wrapper-fc .hero-message {
        grid-template-columns: auto auto;
        gap: 0 40px
    }

    #FreeConsultation .wrapper-fc .hero-message h1 {
        font-size: 52px;
        line-height: 52px
    }

    #FreeConsultation .wrapper-fc #contact-us-form,
    #FreeConsultation .wrapper-fc .form_box {
        margin: auto;
        width: 100%
    }
}

@media (max-width:768px) {
    #FreeConsultation .wrapper-fc #reviewersStatic-container {
        min-width: 344px
    }
}

@media (max-width:576px) {
    #FreeConsultation .wrapper-fc {
        gap: 24px;
        padding: 40px 0 0
    }

    #FreeConsultation .wrapper-fc .hero-message {
        grid-template-columns: 100%;
        gap: 20px
    }

    #FreeConsultation .wrapper-fc .form_box {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px)
    }

    #FreeConsultation .wrapper-fc #reviewersStatic-container {
        min-width: auto
    }

    #FreeConsultation .wrapper-fc #offices_map h2 {
        margin-bottom: 32px
    }
}

@media (max-width:360px) {
    #FreeConsultation .wrapper-fc .hero-message {
        padding-top: 0;
        min-height: 265px
    }

    #FreeConsultation .wrapper-fc .hero-message h1 {
        font-size: 32px;
        margin: 0 auto 20px;
        line-height: 41px
    }

    #FreeConsultation .wrapper-fc .hero-message p {
        margin: auto
    }
}

/*! T******************************************************/
.container-freeconsultation-col:last-child {
    margin-left: 20px;
}

@media (max-width:1659px) {

    .map-marker:nth-child(2) {
        top: 445px !important;
        left: 600px !important;


    }

    .map-marker:nth-child(3) {
        top: 320px !important;
        left: 490px !important;
    }

    #FreeConsultation .wrapper-fc .hero-message {
        padding-left: 0px;
    }

    .map img {
        width: 730px;
    }

    .form_box form {
        padding-right: 25px;
    }

    .container-freeconsultation-col:first-child {
        padding-left: 15px;
    }

}

@media (max-width:1500px) {
    .container-freeconsultation-col:first-child {
        display: none;
        visibility: hidden;
    }

    #FreeConsultation .wrapper-fc {
        padding: 20px 0 27px;
        display: block;
    }

    .container-freeconsultation-col:last-child {
        width: 100%;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width:1000px) {
    .container-freeconsultation-col:first-child {
        display: none;
        visibility: hidden;
    }
}

@media (max-width: 992px) {
    #FreeConsultation .wrapper-fc {
        padding: 15px 0 0;
    }

    #FreeConsultation .wrapper-fc .hero-message {
        grid-template-columns: 100%;
        padding-left: 15px;
        gap: 10px;
    }

    #FreeConsultation .wrapper-fc .hero-message h1 {
        font-size: 30px;
        margin-bottom: 3px;
    }

    #FreeConsultation .wrapper-fc #contact-us-form,
    #FreeConsultation .wrapper-fc .form_box {
        margin: auto;
        width: 100%;
    }
}

@media (max-width: 420px) {
    #FreeConsultation .wrapper-fc .hero-message {
        grid-template-columns: 100%;
        padding-left: 33px;
        gap: 0px;
    }

    #FreeConsultation .wrapper-fc #contact-us-form,
    #FreeConsultation .wrapper-fc .form_box {
        margin: auto;
        padding-top: 10px;
    }

}

.map-marker {
    column-gap: 4px;
    display: flex;
    text-align: center;
    width: fit-content;
}

.map-marker img {

    z-index: 99;
}

.offices .map-marker h3 {
    z-index: 99;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    margin-bottom: -2px;
}


section.offices .offices_bg {
    position: relative;
}

section.offices .offices_bg .map {
    scroll-snap-align: center;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    height: 511px
}



.map-marker:nth-child(2) {
    position: absolute;
    top: 470px;
    left: 720px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 99;

}

.map-marker:nth-child(3) {
    top: 323px;
    left: 598px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    z-index: 99;

}

.container-freeconsultation-col {
    width: 50%;
}
sup{
    color: red;
}