@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: lr;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: ror;
    src: url(../fonts/Roboto-Regular.ttf);
}

header .nav-menu a.current-menu-item {
    color: #f26f31;
}

.select2-results__option[aria-selected] {
    font-family: lr;
    font-size: 18px;
    line-height: 1.33;
    color: #000000;
    padding: 25px 0 0;
}

.vi .select2-results__option[aria-selected] {
    font-family: ror;
}

.select2-results__option[aria-selected]:first-child {
    padding: 0;
}

.contact-us .submitted {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us .submitted.gravityform {
    padding: 0px 100px 44px;
    margin-bottom: 104px !important;
}

.contact-us .submitted.gravityform .gfield_label {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.contact-us .submitted.gravityform .gfield_label .gfield_required {
    display: none;
}

.contact-us .submitted.gravityform .ginput_container {
    margin-top: 5px;
}

.contact-us .submitted.gravityform .ginput_container input,
.contact-us .submitted.gravityform .ginput_container textarea,
.contact-us .submitted.gravityform .ginput_container select {
    border: none;
    background-color: #ffffff;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    outline: none;
    font-family: lr;
    font-size: 18px;
    line-height: 1.33;
    color: #000000;
    width: 100%;
    height: auto;
    border-radius: 0px;
}

.contact-us .submitted.gravityform .ginput_container textarea {
    height: 44px;
    max-height: 113px !important;
}

.contact-us .submitted.gravityform .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    padding: 10px 0;
    font-size: 18px;
    font-family: lr;
}

.contact-us .submitted.gravityform .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
    border: 0px;
    border-bottom: 1px solid #f23131;
    margin: 0;
}

.contact-us .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    color: #f23131;
    padding: 10px 0 0;
    font-family: nr;
}

.contact-us .submitted.gravityform .gform_footer {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -103px;
    left: 0;
}

.contact-us .submitted.gravityform .ginput_container input:focus,
.contact-us .submitted.gravityform .ginput_container input:active,
.contact-us .submitted.gravityform .ginput_container textarea:focus,
.contact-us .submitted.gravityform .ginput_container textarea:active {
    border-bottom-color: #f26f31;
}

.contact-us .submitted.gravityform .ginput_container input::placeholder,
.contact-us .submitted.gravityform .ginput_container textarea::placeholder {
    opacity: 0.2;
}

.contact-us .submitted.gravityform .gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-us .submitted.gravityform ul.gform_fields li.gfield {
    margin: 0;
    padding: 0;
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin-top: 51px;
    display: flex;
    flex-direction: column;
    background: transparent;
    border: none;
}

.contact-us .submitted.gravityform .select2-container {
    border-bottom: 1px solid #e8e8e8;
    outline: none;
    width: 100% !important;
}

.contact-us .submitted.gravityform .gfield_error .select2-container {
    border-bottom: 1px solid #f23131;
}

.contact-us .submitted.gravityform .select2-selection {
    border: none;
    height: auto;
    border-radius: 0px;
    padding: 11px 0;
    font-size: 18px;
    font-family: lb;
    line-height: 1.33;
    color: #000000;
    margin: 0;
    outline: none;
}

.vi.contact-us .submitted.gravityform .select2-selection {
    font-family: rob;
}

.contact-us .submitted.gravityform .select2-selection__rendered {
    border: none;
    line-height: normal;
    padding: 0;
    font-family: lr;
}

.vi.contact-us .submitted.gravityform .select2-selection__rendered {
    font-family: ror;
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 0 10px 50px -12px rgba(0, 0, 0, 0.05);
    border: none;
    padding: 25px;
    border-top: 1px solid #ff965c;
    top: -1px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #ff965c;
    background-color: transparent;
    font-family: lb;
}

.vi .select2-container--default .select2-results__option--highlighted[aria-selected],
.vi .select2-container--default .select2-results__option[aria-selected="true"] {
    font-family: rob;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000000;
    opacity: 0.2;
    font-family: lr;
}

.vi .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: ror;
}

.contact-us .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 16px;
    top: 8px;
    height: 24px;
}

.contact-us .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: "";
    position: absolute;
    height: 12px;
    right: 1px;
    top: 5px;
    opacity: 0.2;
    border-right: 2px solid;
    border-bottom: 2px solid;
    width: 12px;
    transform: rotate(45deg);
    transition: all 0.4s ease;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    /* transform: rotate(-135deg); */
    color: #f26f31;
    opacity: 1;
}

.select2-container--default .select2-results>.select2-results__options {
    max-width: 100%;
    overflow-y: auto;
    max-height: max-content;
}

.contact-us .submitted.gravityform .gform_wrapper .gform_footer input[type="submit"] {
    border: none;
    background: #161616;
    font-family: nr;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    display: block;
    width: 358px;
    padding: 15px;
    transition: all 0.4s ease;
    margin: 80px auto 0;
    border: 1px solid #161616;
    outline: none;
}

.contact-us .submitted.gravityform .gform_wrapper .gform_footer input[type="submit"].button-disabled {
    border: 1px solid #cacaca;
    background: #cacaca;
}

.btn-submit-gravityform:focus,
.btn-submit-gravityform:active {
    outline: none;
}

.btn-submit-gravityform:hover {
    background-color: #ffffff;
    color: #161616;
    border: 1px solid #161616;
}

.contact-us .bg-submitted {
    padding-bottom: 90px;
}

.gform_ajax_spinner {
    display: none !important;
}

.contact-us .submitted.gravityform .validation_error {
    display: none;
}

.contact-us .submitted.gravityform .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    background-color: transparent;
    border: none;
    margin-bottom: 0px !important;
}

.contact-us .submitted.gravityform .gform_wrapper.gform_validation_error .top_label input.medium,
.contact-us .submitted.gravityform .gform_wrapper.gform_validation_error .top_label select.medium {
    width: 100%;
}

.contact-us .submitted>.gf_browser_chrome {
    margin: 0;
}

.contact-us .content-top-wrapper .content-top .sub span {
    display: block;
}

.contact-us .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
}

.contact-us .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .contact-us .content-top-wrapper .content-top .sub span {
        display: inline;
    }

    .contact-us .submitted {
        margin: 0 20px;
    }

    .contact-us .submitted.gravityform {
        padding: 20px 20px 30px;
        position: relative;
        top: -200px;
        margin-bottom: 0 !important;
    }

    .contact-us .submitted.gravityform ul.gform_fields li.gfield {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 31px;
    }

    .contact-us .submitted.gravityform ul.gform_fields li.gfield:first-child {
        margin-top: 20px;
    }

    .contact-us .submitted.gravityform .gform_wrapper .gform_footer input[type="submit"] {
        width: 100%;
    }

    .contact-us .submitted.gravityform .gform_wrapper .ginput_container span:not(.ginput_price) {
        margin-bottom: 0;
    }

    .content-top-wrapper.bg-contact {
        /* padding-top: 50px; */
        /* padding-bottom: 0; */
    }

    .content-top-wrapper.style-none .content-top h1 {
        margin-bottom: 21px;
    }

    .content-top-wrapper.style-none .content-top .sub {
        max-width: 295px;
    }

    .contact-us .submitted.gravityform .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
        font-size: 16px;
        padding: 5px 0;
        border-radius: 0px;
    }

    .contact-us .submitted.gravityform .gform_wrapper .ginput_container span:not(.ginput_price) {
        font-size: 16px;
        padding: 2px 0;
    }

    .contact-us .submitted.gravityform .gform_footer {
        bottom: -86px;
    }

    .contact-us .submitted.gravityform .gform_wrapper .gform_footer input[type="submit"] {
        padding: 13px 0;
        margin: 0;
    }

    .contact-us .content-top-wrapper.bg-contact {
        /* background-image: none; */
    }

    .contact-us .partner-stories-wrapper.content-top-wrapper {
        background: #f7f9fc;
        padding: 0;
    }

    .contact-us .partner-stories-wrapper.content-top-wrapper::before {
        content: none;
        position: absolute;
        background: #e8e8e8;
        left: 0;
        right: 0;
        height: 250px;
        bottom: -230px;
        z-index: 2;
        transform: skewY(-4deg);
    }

    .contact-us.thank-you .content-top-wrapper.bg-contact {
        background-image: url(../img/contact/bg-mb.png);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
        padding-bottom: 240px;
    }

    .contact-us.thank-you .partner-stories-wrapper.content-top-wrapper::before {
        content: none;
    }

    .contact-us.thank-you .partner-stories-wrapper.content-top-wrapper {
        padding-bottom: 50px;
        background-color: #f7f9fc;
    }

    .contact-us.thank-you footer .container {
        padding-top: 48px;
    }

    .contact-us.thank-you .submitted {
        padding: 30px 0;
        position: absolute;
        top: -240px;
        left: 0;
        right: 0;
    }

    .contact-us.thank-you .submitted-check {
        margin-bottom: 30px;
    }

    .contact-us.thank-you .submitted-check img {
        width: 67px;
        height: 66px;
        margin: 0 auto;
    }

    .contact-us.thank-you .submitted-title {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .contact-us.thank-you .submitted-title h3 {
        font-size: 25px;
    }

    .contact-us.thank-you .submitted-sub {
        font-size: 16px;
    }

    .contact-us .bg-submitted {
        /* top: -50px; */
        position: relative;
        padding-bottom: 0;
        /* top: -100px; */
    }
}

/*==404===*/
.error404 {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.error404 .not-found {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.error404 .not-found h1 {
    font-size: 80px;
}

.error404 .not-found .btn {
    min-width: 250px;
}

.contact-us input[type="number"] {
    -moz-appearance: textfield;
}

.contact-us input::-webkit-outer-spin-button,
.contact-us input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
}

.wpb_text_column {
    margin-bottom: 0 !important;
}

.container.wpb_column {
    margin: 0 auto;
    float: none;
}

.the-difference .vc_column-inner,
.about-us .vc_column-inner,
.terms-and-conditions .vc_column-inner,
.partner-stories .vc_column-inner,
.contact-us .vc_column-inner,
.our-solutions .vc_column-inner,
.consultation .vc_column-inner,
.container.vc_column-inner,
.device-wrapper .vc_column-inner {
    padding: 0 !important;
}

.content.aos-init {
    padding-top: 64px;
}

.the-difference .vc_row,
.about-us .vc_row,
.terms-and-conditions .vc_row,
.partner-stories .vc_row,
.contact-us .vc_row,
.our-solutions .vc_row {
    margin: 0 !important;
}

.partner-stories .stories__title p {
    margin: 0;
    line-height: 0;
}

.contact-us .bg-submitted .wpb_wrapper {
    background-color: #f7f9fc;
}

.partner-stories .mt-270 {
    margin-bottom: 270px !important;
}


.p-none p {
    display: none !important;
}

.the-difference .vc_row.container {
    margin: 0 auto !important;
}

.the-difference .difference-custom .screen {
    position: unset !important;
    transform: none !important;
}

.the-difference .difference-custom .content {
    margin-top: 10px;
}

.the-difference .difference-custom .person {
    /*margin-top: 13px;*/
}

.our-solution-wrapper.style-4>.wpb_column {
    float: none;
}

.our-solution-wrapper.style-4-2 .img-rec-our-3,
.our-solution-wrapper.style-4-1 .img-rec-our-3 {
    display: none;
}

.our-solution-wrapper.style-4-1.channel .our-solution .content {
    margin-top: -15px;
}

.bg-relative.custom-top {
    margin-top: 131px !important;
}

.our-solution-wrapper.style-4-2 .screen {
    box-shadow: none;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
}

.elementor-widget-text-editor {
    color: black !important;
}

.homepage .difference-wrapper .custom-row .elementor-row {
    margin: 0 -5px;
}

.homepage .difference-wrapper .custom-row .elementor-row .elementor-element {
    margin-left: 24px;
}

.homepage .difference-wrapper .custom-row .elementor-row .elementor-element:first-child {
    margin-left: 0;
}

.homepage .our-solution-wrapper .our-solution .block-img .case {
    max-width: 652px;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

.homepage .content.aos-init h3 {
    max-width: 475px;
}

.homepage .aos-init .custom-right {
    padding-left: 30px;
}

.homepage .section-vision .our-vision-wrapper .content {
    padding: 0 20px;
}

.homepage .our-solution-wrapper .elementor-container {
    z-index: 1;
}

.about-us .rectangle-option {
    margin-top: 0;
}

.the-difference .block-img.custom-fade {
    max-width: 706px;
}

.the-difference .our-vision-wrapper {
    padding-bottom: 200px !important;
    margin-bottom: 64px !important;
}

.the-difference .bg-relative.br-2 .img-rec-dif-3 {
    top: -40px;
}

.the-difference .bg-relative.br-2 .img-rec-dif-4 {
    top: -115px;
}

.elementor-widget-text-editor {
    font-family: nr !important;
}

.our-solutions .content-top-wrapper {
    padding-bottom: 322px;
}

.our-solutions .manage-list label {
    margin-bottom: 0;
}

.our-solutions .bg-relative.end-page .img-rec-our-5 {
    top: 143px;
}

@media screen and (min-width: 991px) {
    .pl-15 {
        padding-left: 15px !important;
    }
}

@media (max-width: 767px) {

    /* .the-difference footer .footer-wrapper,
    .our-solutions footer .footer-wrapper,
    .partner-stories footer .footer-wrapper,
    .terms-and-conditions footer .footer-wrapper,
    .about-us footer .footer-wrapper {
        padding: 0;
    } */

    header .nav-menu.nav-menu-mb .nav-menu-inner a.current_page_item {
        color: #f26f31;
    }

    /* .terms-and-conditions .container,
    .partner-stories .container,
    .our-solutions .container,
    .the-difference .container,
    .about-us .container,
    .our-solution-wrapper .container,
    .consultation-wrapper .container,
    .difference-wrapper .container {
        padding: 0 20px !important;
    } */

    .content.aos-init {
        padding-top: 38px;
    }

    .our-solution {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .the-difference .our-vision-wrapper {
        padding-bottom: 53px;
    }

    .the-difference .onboarding-sub {
        margin-bottom: 46px !important;
    }

    .the-difference .difference-custom .content {
        margin-top: 0 !important;
    }

    .our-solutions .insights .our-solution {
        display: block;
    }

    .our-solutions .device-wrapper .device {
        margin-bottom: 36px !important;
    }

    .our-solution-wrapper .our-solution .block-img .screen {
        height: 220px !important;
    }

    .our-solution-wrapper.style-4-3 p,
    .our-solution-wrapper.style-4-1.channel p {
        margin-bottom: 1rem !important;
    }

    .bg-relative.custom-top {
        margin-top: 76px !important;
    }

    .our-solutions .custom-top {
        margin-top: -170px;
    }


    .about-us .custom-top {
        margin-top: -165px;
    }

    .partner-stories .custom-top {
        margin-top: -270px;
    }

    .the-difference .custom-top {
        margin-top: -145px;
    }

    .homepage .custom-top {
        margin-top: -220px;
    }

    .json-desc .screen {
        height: 300px !important;
    }

    .homepage .consultation-wrapper,
    .consultation-wrapper {
        margin-top: 0 !important;
    }

    .partner-stories .mt-270 .container {
        padding: 0 !important;
    }

    .homepage .elementor-section-wrap {
        background-color: #f7f9fc;
    }

    .homepage .our-solution-wrapper .img-rec-2,
    .homepage .our-solution-wrapper .img-rec-3 {
        z-index: 0;
    }

    .homepage .aos-init .custom-right {
        padding: 0 20px !important;
    }

    .homepage .our-solution-wrapper .our-solution .block-img {
        margin-top: 0 !important;
    }

    .homepage .our-solution-wrapper .our-solution .block-img .screen {
        transform: none;
        box-shadow: 0 0 30px -10px #00000038;
        height: auto !important;
    }

    .about-us .headquarter-bgr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .partner-stories .content-icons-item span.title {
        padding-top: 0;
    }

    .the-difference .content-top-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .the-difference .our-vision-wrapper {

        padding-bottom: 104px !important;
        margin-bottom: 64px !important;
    }

    .the-difference .bg-relative.br-2 .img-rec-dif-4 {
        top: -155px;
    }

    .the-difference .our-solution-wrapper.style-2 {
        padding-bottom: 200px;
    }

    .our-solutions .content-top-wrapper {
        padding-bottom: 105px;
    }

    .our-solutions .device-wrapper .device {
        margin-bottom: 36px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -20px;
        margin-left: -20px;
    }

    .our-solutions .our-solution-wrapper.style-4 {
        padding-top: 50px;
    }

    .our-solutions .bg-relative.end-page .img-rec-our-5 {
        top: 98px;
    }
}


/* .difference-wrapper.phase-2 {
    padding-top: 45px;
    position: relative;
}

.difference-wrapper.phase-2 .block {
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: none;
}

.difference-wrapper.phase-2 .block.block-2 .json-desc,
.difference-wrapper.phase-2 .block.block-3 .json-desc,
.difference-wrapper.phase-2 .block.block-4 .json-desc {
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
    opacity: 0;
}

.difference-wrapper.phase-2 .block.block-2 .json-desc.show,
.difference-wrapper.phase-2 .block.block-3 .json-desc.show,
.difference-wrapper.phase-2 .block.block-4 .json-desc.show {
    opacity: 1;
}

.difference-wrapper.phase-2 .block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.difference-wrapper.phase-2 .block-title .icon {
    margin-right: 18px;
    margin-top: -10px;
}

.difference-wrapper.phase-2 .learn {
    margin: 0;
}

.difference-wrapper.phase-2 .block-1 {
    z-index: 4;
    display: block;
}

.difference-wrapper.phase-2 .block-2 {
    z-index: 3;
}

.difference-wrapper.phase-2 .block-3 {
    z-index: 2;
}

.difference-wrapper.phase-2 .block-4 {
    z-index: 1;
}

.difference-wrapper.phase-2 .block-4.down-scroll {
    display: block;
    position: unset;
}

.difference-wrapper.phase-2 .block-4 h3 {
    text-align: center;
    max-width: 65%;
    margin: 0 auto 30px;
}

@media screen and (max-width: 767px) {
    .difference-wrapper.phase-2 .block-4 h3 {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .difference-wrapper.phase-2 .block-4 .learn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.difference-wrapper.phase-2 .down-scroll {
    display: block;
} */

@media screen and (max-width: 767px) {
    .about-us .rectangle-option .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .about-us .rectangle-option .slick-track .rectangle-item {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .about-us .rectangle-option .slick-track .rectangle-item .icon-text {
        -webkit-box-shadow: 5px 2px 15px 5px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 2px 15px 5px rgba(0, 0, 0, 0.05);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: unset;
    }

    .about-us .rectangle-option .slick-dots {
        margin: 30px 0;
    }

    .about-us .rectangle-option .container {
        padding: 0;
    }
}


@media screen and (max-width: 767px) {
    .popover-content-mb {
        display: block;
        left: -100%;
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-transition: 0.4s all ease-in-out;
        transition: 0.4s all ease-in-out;
        z-index: 999999;
    }

    .popover-content-mb .popover-content {
        text-align: left;
        padding: 0 15px 0 35px;
    }

    .popover-content-mb .popover-content .country-namep-mb {
        font-family: nb;
        position: relative;
        margin-bottom: 10px;
    }

    .popover-content-mb .popover-content .country-namep-mb i {
        position: absolute;
        left: -15px;
        top: 5px;
    }

    .popover-content-mb .popover-content .open-map {
        margin-top: 20px;
    }

    .popover-content-mb.show {
        left: 0;
        position: relative;
        margin-bottom: 40px;
    }

    .popover-content-mb .popover-content .open-map {
        margin-top: 20px;
    }

    .content-bottom-mb .slick-dots {
        margin-top: 30px !important;
        margin-bottom: 0 !important;
    }

    .about-us .countries .bgr-countries {
        clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 100%);
    }

    .about-us .hiring .hiring-wrapper {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .about-us .img-rec-about-3 {
        top: 34px;
    }

    .about-us .rectangle-option .slick-track .rectangle-item {
        padding-top: 0 !important;
    }

    .about-us .rectangle-option .slick-dots {
        margin-top: 10px !important;
    }

    .homepage .difference-wrapper {
        padding-top: 30px;
        margin-top: -20px;
    }
}

@media screen and (max-width: 375px) {
    .about-us .img-rec-about-3 {
        top: 32px;
    }
}

.country-poper {
    position: relative;
    cursor: pointer;
}

.country-poper ul {
    position: absolute;
    bottom: 40px;
    left: -25%;
    border-radius: 5px;
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.22);
    background-color: #ffffff;
    padding: 20px;
    list-style: none;
    margin-bottom: 0;
    display: none;
    min-width: 230px;
    z-index: 999;
    font-size: 16px;
}

.country-poper ul::before {
    position: absolute;
    content: '';
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 35px;
    border-top: solid 35px #ffffff;
    border-left: solid 35px transparent;
    border-right: solid 35px transparent;
}

.country-poper ul li {
    margin-bottom: 10px;
}

.country-poper ul a {
    color: #000000;
    font-family: lr;
    text-transform: capitalize;
}

.vi .country-poper ul a,
.country-poper ul .lang-item-vi a {
    font-family: ror;
}

.country-poper ul a img {
    display: none;
}

.country-poper ul a span {
    padding: 0;
    margin: 0;
}

.country.country-poper ul li.current-lang a,
.country.country-poper ul li.current-lang a span i {
    color: #ff965c !important;
}

.country-poper ul li.current-lang a span i {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .country-poper ul {
        left: 0;
    }

    .country-poper ul::before {
        left: 0;
        transform: translateX(0);
    }
}

/* .difference-wrapper.phase-2 .block-title .title {
    font-family: nb;
}

.difference-wrapper.phase-2 .block.block-hide {
    display: none;
} */

@media screen and (min-width: 768px) {
    .about-us .react-tangle-text {
        display: none;
        -webkit-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
}

.about-us .react-tangle-text.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .about-us .rectangle-option .container .grow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
    .homepage .img-rec {
        bottom: 80px;
    }
}

@media screen and (min-width: 1610px) {
    .rec.dif-visual-1-1 {
        margin-bottom: 8px;
    }

    .img-rec-dif-1 {
        bottom: 8px;
    }

    .img-rec-our-1 {
        bottom: -27px;
    }

    .page-id-927 .img-rec-our-1 {
        bottom: -32px;
    }

    .our-solutions .img-rec-our-1 .rec.rec-animate.our-visual-1-1,
    .our-solutions .img-rec-our-1 .rec.rec-animate.our-visual-1-2 {
        -webkit-transform: skewY(-4.5deg) scaleX(1);
        transform: skewY(-4.5deg) scaleX(1);
    }

    .rec.our-visual-1-2 {
        margin-top: -18px;
    }

    .img-rec-our-2 {
        bottom: 12px;
    }

    .page-id-1208 .img-rec-our-2 {
        bottom: 8px;
    }
    
    .page-id-927 .img-rec-our-2 {
        bottom: 5px;
    }

    .img-rec-about-1 {
        bottom: -48px;
    }

    .page-id-1236 .img-rec-about-2 {
        bottom: 48px;
    }

    .page-id-1236 .img-rec-about-1 {
        bottom: -49px;
    }

    .img-rec-about-2 {
        bottom: 51px;
    }

    .rec.our-visual-1-1 {
        width: 400px;
    }

    .rec.our-visual-1-2 {
        width: 360px;
    }

    .page-id-1198.the-difference .bg-relative.br-2 .img-rec-dif-3 {
        top: -34px;
    }
    .page-id-1222 .img-rec-partner-2 {
        bottom: 118px;
    }
}

@media screen and (max-width: 1440px) {
    .the-difference .bg-relative.br-2 .img-rec-dif-3 {
        top: -46px;
    }

    .page-id-1198 .the-difference .bg-relative.br-2 .img-rec-dif-3 {
        top: -38px;
    }
}

@media screen and (min-width: 768px) {
    .about-us .rectangle-option .container .grow .rectangle-item {
        -webkit-transition: .5s all ease;
        transition: .5s all ease;
    }

    .content-slides-1,
    .content-slides-2 {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

/* .difference-wrapper.phase-2 .block {
    min-height: 100vh;
}

.difference-wrapper.phase-2 .block .elementor-widget-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */

body {
    transition: 0.3s all ease;
}

.country.country-poper ul li.current-lang a {
    text-transform: capitalize;
}

.difference-wrapper.phase-2 {
    margin-top: 50px;
    display: block;
}

.difference-wrapper.phase-2 .block-title-wrapper .block-title {
    text-align: center;
    padding: 0 50px;
    position: relative;
    cursor: pointer;
}

.difference-wrapper.phase-2 .block-title-wrapper .block-title::before {
    position: absolute;
    content: '';
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    top: 0;
    left: 0;
    z-index: 1;
}

.difference-wrapper.phase-2 .block-title-wrapper .block-title.active::before {
    opacity: 0;
}

.difference-wrapper.phase-2 .block-title-wrapper .block-title .title {
    font-family: nb;
    font-weight: bold;
}

.difference-wrapper.phase-2 .block-content-wrapper {
    padding-left: 50px;
    min-height: 550px;
    position: relative;
}

.difference-wrapper.phase-2 .block-content-wrapper .block-content {
    display: none;
    position: absolute;
}

.difference-wrapper.phase-2 .block-content-wrapper .block-content-1 {
    display: block;
}

.difference-wrapper.phase-2 .block-content-wrapper .content {
    margin-top: 100px;
}

.difference-wrapper.phase-2 .block-content-wrapper .content a {
    margin-bottom: 0;
    margin-top: 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: center;
}

.difference-wrapper.phase-2 .block-content-wrapper .content a i {
    padding-left: 5px;
    transition: 0.3s all ease-in-out;
}

.difference-wrapper.phase-2 .block-content-wrapper .content a:hover i {
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .difference-wrapper.phase-2 {
        display: none;
    }
}

@media screen and (min-width: 1610px) {
    .img-rec-partner-2 {
        bottom: 122px;
    }

    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-1,
    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-2 {
        -webkit-transform: skewY(-4.1deg) scaleX(1);
        transform: skewY(-4.1deg) scaleX(1);
    }
}

@media screen and (min-width: 1281px) {
    .img-rec-partner-2 {
        bottom: 121px;
    }

    .page-id-1222 .img-rec-partner-2 {
        bottom: 117px;
    }

    .page-id-939 .img-rec-partner-2 {
        bottom: 116px;
    }
}

@media screen and (max-width: 1280px) {
    .img-rec-partner-2 {
        bottom: 120px;
    }

    .page-id-939 .img-rec-partner-2 {
        bottom: 116px;
    }

    .partner-stories .img-rec-partner-1 {
        bottom: -48px;
    }
}

@media screen and (max-width: 991px) {

    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-1,
    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-2 {
        -webkit-transform: skewY(-7.2deg) scaleX(1);
        transform: skewY(-7.2deg) scaleX(1);
    }
}

@media screen and (max-width: 767px) {
    .partner-stories .img-rec-partner-1 {
        bottom: 49px;
    }

    .partner-stories .img-rec-partner-2 {
        bottom: 40px;
    }

    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-1,
    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-2 {
        -webkit-transform: skewY(-1.5deg) scaleX(1);
        transform: skewY(-1.5deg) scaleX(1);
    }

    .the-difference .our-vision {
        margin-bottom: 50px;
    }

    .lang_zh_CN header .nav-menu.nav-menu-mb .login-wrapper .logo-wrapper .language .text {
        font-weight: normal;
    }
}

@media screen and (max-width: 425px) {
    .partner-stories .img-rec-partner-2 {
        bottom: 40px;
    }

    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-1,
    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-2 {
        -webkit-transform: skewY(-4deg) scaleX(1);
        transform: skewY(-4deg) scaleX(1);
    }
}

@media screen and (max-width: 375px) {

    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-1,
    .partner-stories .img-rec-partner-1 .rec.rec-animate.partner-visual-1-2 {
        -webkit-transform: skewY(-4deg) scaleX(1);
        transform: skewY(-4deg) scaleX(1);
    }

    .partner-stories .img-rec-partner-2 {
        bottom: 36px;
    }
}

.contact-us .bg-submitted .elementor-text-editor {
    background-color: #f7f9fc;
}

/*===pagenavi====*/
.wp-pagenavi {
    display: flex;
    justify-content: center;
}

.wp-pagenavi>* {
    margin: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 7px !important;
}


.wp-pagenavi a,
.wp-pagenavi span {
    color: #000;
    border-color: #000;
    margin: 0;
    transition: all .3s ease;
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover,
.wp-pagenavi span.current {
    background: #f26f31;
    color: #fff;
    border-color: #f26f31;
}

.blog-listing .select2-container--open .select2-dropdown--below {
    padding: 0;
}

.blog-listing .select2-results__option {
    font-size: 16px;
}

/* .blog-listing .select2-container--default .select2-results__option--highlighted[aria-selected],
.blog-listing .select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #ff965c;
} */

.blog-listing .select2-results__option[aria-selected] {
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .col-steps-inner .col-md-3 {
        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;
    }
}

@media screen and (max-width: 991px) {
    .partner-stories .stories__item--right {
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px) {
    .partner-stories .stories__item--right {
        padding: 43px 30px;
    }

    .col-steps .slick-track {
        display: flex;
    }

    .col-steps .slick-initialized .slick-slide {
        display: flex;
        height: auto;
        flex-direction:column;
        justify-content:space-between;
    }
    .page-id-927 .manage-list-wrapper .manage-list .content {
        margin-left: 120px;
    }
}
@media screen and (max-width: 849px) and (min-width: 816px) {
    .our-solution-wrapper.style-4 .our-solution .row .col-md-5 .content {
        left: 37px;
    }
}

.about-us .hiring {
    z-index: 1;
}

.page-id-545 .img-rec-contact-2 {
    bottom: 98px;
}

@media screen and (min-width: 1610px) {
    .page-id-912 .img-rec-dif-1 {
        bottom: 2px;
    }

    .page-id-912 .img-rec-dif-2 {
        bottom: 8px;
    }
}

.text-orange {
    color: #f26f31 !important;
}

.the-difference .onboarding-sub {
    font-weight: normal;
}

.page-id-927 .our-solution-wrapper.style-4-1 .our-solution .row:last-child {
    margin-bottom: 0 !important;
}

.about-us .headquarter-wrapper .row .sub span {
    display: block;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

.rectangle-list .slide-0 .img-size {
    position: relative;
}

.rectangle-list .slide-0 .img-size:before {
    position: absolute;
    content: '';
    background-image: url(../img/about-us/icon-1.png);
    background-size: contain;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 62px;
    height: 50px;
}

.rectangle-list .slide-0 .img-size.after-change:before {
    display: block;
}

.rectangle-list .slide-0 .img-size.after-change .screen {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

#vision-animate svg,
#founder-quote svg,
#competitive svg,
#operational svg,
#insight_list-0 svg,
#insight_list-1 svg {
  width: 80px !important;
  height: 80px !important;
}

#human-tech svg,
#revenue svg,
#extension svg {
    width: 70px !important;
    height: 70px !important;
}

#json-step-1 svg,
#json-step-2 svg,
#json-step-3 svg,
#json-step-4 svg {
  width: 160px !important;
  height: 160px !important;
}

#speech-bubble svg {
  width: 367px !important;
  height: 310px !important;
}

#management svg {
    width: 464px !important;
    height: 457px !important;
}

.clippath-ie {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

body .clippath-ie img {
    width: 100%;
    height: 100%;
}

.block-masthead img {
    max-width: 100%;
    height: auto;
}

/* ============= NO CSS 28-07 ============= */

.page-id-1198 .steps-wrapper .steps .col-steps .number-step {
    padding: 5px 20px;
    width: auto;
}

.our-solution-wrapper.style-4-1 .our-solution .row:last-child {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
    .page-id-1208 header .nav-menu.nav-menu-mb .login-wrapper .logo-wrapper .language .text {
        font-size: 14px;
    }
    .page-id-1236 .img-rec-about-2 {
        bottom: -14px;
    }
}

/* ============= NO CSS 29-07 ============= */

.our-solution-wrapper.style-4 .our-solution .row .block:last-child {
    margin-bottom: 0;
}

.img-rec-our-3 {
    margin-bottom: 90px;
}

/* NO CSS [26-10-2020] */
.cs-mb-0 {
    margin-bottom: 0;
}

.cs-mb-20 {
    margin-bottom: 20px;;
}

.cs-mb-30 {
    margin-bottom: 30px;;
}

.cs-mb-40 {
    margin-bottom: 40px;
}

.title-inner {
    font-family: nb;
}

.booking-engine .img-block .screen {
    display: flex;
    margin-left: auto;
}

@media screen and (min-width: 768px) {
    .manage-list-wrapper .manage-list .row-2 {
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .mb-width-100 {
        width: 100% !important;
    }
    .our-solution-wrapper.payments .container .screen {
        height: 290px !important;
        box-shadow: none;
    }
    .our-solution-wrapper.booking-engine .container .screen,
    .our-solution-wrapper.google-connectivity .container .screen  {
        height: 220px !important;
        box-shadow: none;

    }
    .h-auto {
        height: auto !important;
    }
    .our-solution-wrapper.google-connectivity .col-md-5 {
        height: auto !important;
    }
}