/*
Theme Name: Global pay
*/

/* 
=================================== Table of contents ================================ 

1. General css Reset code
2. General Classes
3. Header
4. Home Page
5. Footer
6. Pricing Page
7. About us Page
8. Privacy Policy Page
9. Contact us page
10. Popup Form
11. Support Popup thank you
12. Features Page
13. Cookies Popup
14. Media Queries


*/

/* ================================ General css Reset code =========================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    margin: 0
}
a:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent; /* Removes tap highlight on mobile devices */
  }
:root {}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    background-color: #FEFEFE;
    scroll-padding-top: 80px;
}

body.overlay {
    position: relative;
}

body.lock {
    overflow: hidden;
}

body.lock header#header {
    position: fixed;
}

body.overlay:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.40);
    z-index: 101;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    border: none;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

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

.container {
    max-width: 1256px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}



/* =========================================== General Classes ==================================  */
.title {
    font-family: "DM Sans";
    font-size: 44px;
    font-weight: 500;
    line-height: 66px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    line-height: 106%;
    color: #0E0B40;
}

.title-secondary {
    font-family: "DM Sans";
    font-size: 64px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: -webkit-linear-gradient(#082378, #2196F3);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.sub-title {
    margin-top: 15px;
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #47464F;
}

.primary-btn {
    border-radius: 88px;
    background: #0D47BF;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 145%;
    /* 31.9px */
    letter-spacing: -0.022px;

    padding: 7px 8px;
    cursor: pointer;
    transition: .5s ease;
    position: relative;
    z-index: 2;
    min-width: max-content;

}

.primary-btn span {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.022px;
    padding: 0 16px;
}

.primary-btn:hover,
.pricing-plan__btn2:hover {
    box-shadow: 0 0 0 5px rgb(10 1 99 / 28%);
}

.secondary-btn {
    border-radius: 88px;
    background-color: #FFF;
    display: inline-flex;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 145%;
    /* 31.9px */

    padding: 7px 8px;
    transition: .5s ease;
    border: 1px solid #C2BEC9;
    cursor: pointer;
    min-width: max-content;

}

.secondary-btn:hover {
    background: #F1F0F2;
}

.secondary-btn span {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.022px;
    padding: 0 16px;
}

.primary-btn__img,
.secondary-btn__img {
    padding: 4px;
    border-radius: 32px;
    display: inline-block;
}


.light-btn {
    border-radius: 88px;
    background: #0D47A1;
    display: inline-flex;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 145%;
    /* 31.9px */

    padding: 7px 8px;
    transition: .5s ease;
    border: 1px solid #57108E0A;
    cursor: pointer;

}

.light-btn:hover {
    background: #82bdf8;
}

.light-btn span {


    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;


    text-align: center;
    padding: 0 16px;
    color: #FFFFFF;
}


.text-gradient {
    background: -webkit-linear-gradient(#082378, #2196F3);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.y-line-block-wrapper-with-icon {
    display: flex;
}

.y-line-icon {
    font-family: "DM Sans";
    font-size: 44px;
    font-weight: 500;
    line-height: 66px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2182D2;
    margin-right: 40px;
    min-width: 100px;
}

.y-line-block-wrapper {
    position: relative;
    padding: 20px 40px;
    margin-bottom: 32px;
}

.y-line-block-wrapper::before {
    position: absolute;
    top: 0px;
    left: 2px;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 1px solid #D0C6E4;
    z-index: 0;
    transition: .5s ease;
}

.y-line-block-wrapper::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 1px;
    height: 30%;
    border-left: 5px solid rgba(39, 177, 252, 1);
    z-index: 0;
    transition: .5s ease;
}

/* .y-line-block-wrapper::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 4px solid #6B5EE0;
    z-index: 0;
    transition: .5s ease;
}
.y-line-block-wrapper::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 4px solid #6B5EE0;
    z-index: 0;
    transition: .5s ease;
} */

.y-line-title {
    font-family: "Ubuntu";
    font-size: 22px;
    font-weight: 500;
    line-height: 31.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2182D2;
    margin-bottom: 22px;
}

.y-line-text {
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #47464F;
}


.card-container {
    padding: 60px;
    background: #082378;

    border-radius: 28px;
    background-image: url(assets/img/noise.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-container-title {
    font-family: "DM Sans";
    font-size: 64px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.01em;
    text-align: center;
    background: linear-gradient(87.59deg, #FFFFFF 17%, #BEE1FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.card-container-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    text-align: center;
    color: #BEA5C5;

}

.card-container-buttons {
    text-align: center;
    margin-top: 40px;
}

.card-container-buttons .primary-btn {
    border: 1px solid #8d8d8d8a;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(13, 71, 191, 1) 28%);
}

.card-container-counter-blocks-wrap {
    display: flex;
    margin-top: 44px;
}

.card-container-counter-block-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    padding-left: 40px;
}

.card-container-counter-block-wrapper::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 2px solid #D0C6E4;
    z-index: 0;
    transition: .5s ease;
}

.card-container-counter-title {
    font-family: "DM Sans";
    font-size: 64px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFF;
}

.card-container-counter-text {
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #BEA5C5;

}

.center {
    display: flex;
    justify-content: center;
}

.right {
    display: flex;
    justify-content: end;
}

.left {
    display: flex;
    justify-content: start;
}


/* =========================================== Header ============================================ */

header#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;

    background: linear-gradient(130deg, rgb(181 222 255) 0%, rgb(167 215 255) 88%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    max-height: 88px;
}

.header__content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 24px;
}

.header__nav-wrapper {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
}

.mob-menu-btn {
    display: none;
}

.header__logo-link-block,
.header__btn-block {
    flex-basis: 27%;
}

.header__logo-link-block {
    position: relative;
    z-index: 11;
}

.header__nav-wrapper {
    flex-basis: 46%;
}

.header__logo-wrapper {
    position: relative;
    z-index: 100;
}

.header__logo-wrapper img {
    display: block;
}

.header__nav-list {
    display: flex;
    gap: 13px;
}

.header__nav-link {
    color: #08235A;
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.022px;
    transition: .5s ease;
    display: block;
    padding: 0 8px;
    text-align: left;
    white-space: nowrap
}

.header__nav-link:hover {
    color: #27B1FC;
}

.current_page_item a {
    color: #27B1FC;
}

.header__nav-list-item.menu-item-has-children {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}




.header__nav-list-item.menu-item-has-children>span.menu-arrow {
    background-image: url(assets/img/arrow-down.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    transition: all .5s ease;
    background-position-y: center;
    cursor: pointer;
}

.sub-menu .header__nav-list-item {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: -0.32px;
    text-align: center;
    background-color: transparent;
    padding: 12px 0 0 0;
}

.sub-menu {
    position: absolute;
    top: 150%;
    left: 0;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    padding-top: 11px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.sub-menu.active {
    display: block;
    opacity: 1;
    visibility: visible;
    display: block;
    padding-top: 0;
}



.sub-menu .header__nav-list-item {
    padding: 12px;
    padding: 14px 10px 14px 24px;
    color: #808080;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.28px;
    transition: all .5s ease;
    border-radius: 0;
    margin-top: 1px;
    text-align: left;
}

.header__nav-list-item.menu-item-has-children>span.menu-arrow {
    height: 10px;
}

.header__nav-list-item.menu-item-has-children.active>span.menu-arrow {
    transform: rotate(180deg);
}

.sub-menu .header__nav-list-item:nth-child(1) {
    border-radius: 0 8px 0 0;
    margin-top: 0;
}

.sub-menu .header__nav-list-item:nth-last-child(1) {
    border-radius: 0 0 8px 8px;
}

.header__btn-block {
    text-align: end;
}

.header__btn span {
    font-size: 16px;
}

.arrow-btn-no-bg {
    border-radius: 50%;
    border: 1px solid #C2BEC9;
    padding: 8px;
}

.header__burger {
    display: none;
    position: relative;
    width: 16px;
    height: 16px;
    z-index: 11;
}

.header__burger span {
    position: absolute;
    left: 0;
    width: 100%;
    background: #32395E;
    height: 2px;
    top: 5px;
    transition: .4s;
    border-radius: 1px;
}

.header__burger::before,
.header__burger::after {
    content: '';
    background: #32395E;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 9.66px;
    transition: .4s;
    border-radius: 1px;
}

.header__burger::before {
    top: 0;
}

.header__burger::after {
    bottom: 0;
}

.header__burger.active span {
    transform: scale(0);
}

.header__burger.active::before {
    transform: rotate(45deg);
    top: 10px;
}

.header__burger.active::after {
    transform: rotate(-45deg);
    bottom: 9px;
}

#menu-menu>li {
    padding: 7px;

}

#menu-menu>li:hover {
    outline: 1px solid #2182D2;
    border-radius: 20px;
}

/* ====================================== Home Page ==================================== */

/* first screen */
#main {
    /* margin-top: 65px; */
    margin-top: 88px;
}

.book-enterprise-demo {
    display: block;
}

.book-demo {
    display: none;
}

.fs-sctn {
    /* height: calc(100dvh - 80px); */
    min-height: 500px;
    background: url(assets/img/main-hero-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.fs-sctn .container {
    height: 100%;
}

.fs__content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.sctn__flex-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.fs__sctn-img {
    width: 641px;
    margin-top: calc(0px + (60 - 0) * ((100vw - 320px) / (1280 - 320)));

}

.fs__content-text-wrapper {
    display: flex;
    flex-direction: column;
}

.fs__title {
    font-family: "DM Sans";
    font-size: calc(64px + (88 - 64) * ((100vw - 320px) / (1280 - 320)));
    font-weight: 700;
    line-height: 96px;
    margin-top: calc(25px + (86 - 25) *( (100vw - 320px) / (1280 - 320)));
}

.fs__text {
    max-width: 544px;
    font-family: "DM Sans";
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-top: calc(32px + (46 - 32) * ((100vw - 320px) / (1280 - 320)));

}

.fs__text-mobile {
    display: none;
}

.fs__btns-wrapper {
    display: flex;
    gap: 16px;
    margin-top: calc(24px + (32 - 24) * ((100vw - 320px) / (1280 - 320)));

    margin-bottom: calc(40px + (90 - 40) * ((100vw - 320px) / (1280 - 320)));
}

/* SERVICES SECTION */
.services-sctn {
    background-color: #F2F9FF;
    overflow: hidden;
}

.services-page-title {
    font-size: calc(44px + (64 - 44) * ((100vw - 320px) / (1280 - 320)));
    margin-bottom: calc(32px + (46 - 32) * ((100vw - 320px) / (1280 - 320)));
}

.services__title-wrapper {
    text-align: center;
    margin-bottom: calc(70px + (124 - 70) * ((100vw - 320px) / (1280 - 320)));

    padding-top: calc(38px + (60 - 38) * ((100vw - 320px) / (1280 - 320)));

}

.services__items-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 85px;
}

.services__items-wrap .services__item-wrapper:nth-child(2) {
    margin-top: 140px;
}

.services__items-wrap .services__item-wrapper:nth-child(4) {
    margin-top: 227px;
}

#services-animation-3 {
    width: 489px;
}

.services__item-wrapper {
    margin-top: 72px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.services__item-img-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.services__item-text-block,
.services__item-img-block {
    flex-basis: calc(50% - 16px);

}
.services__item-text-block{
    padding-left: 84px;
}

.line {
    background: url(assets/img/service-line-y.svg);
    position: absolute;
    height: 100%;
    width: 33px;
    left: 0px;
    top: 218px;
    background-repeat: no-repeat;
}

.services__item {
    display: flex;
    gap: 24px;
    position: relative;
    z-index: 2;
}

.services__item-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 41.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

    color: #000;
    margin-bottom: 24px;
}

.services__item-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #47464F;
    margin-bottom: 24px;
}


/* ABOUT SECTION */
.about-sctn {
    padding: 140px 0;
}

.about-sctn-container-bg {
    background: url(assets/img/map-base.png);
    background-size: cover;
    background-repeat: no-repeat;

}
.about-us-page-title {
    font-size: calc(44px + (64 - 44) * ((100vw - 320px) / (1280 - 320)));
    margin-bottom: calc(32px + (46 - 32) * ((100vw - 320px) / (1280 - 320)));
}
.about-us-page-sctn-img-mobile {
    display: none;
}
.about-container {
    display: flex;
    justify-content: space-between;
}

.about-title-wrapper {
    flex-basis: calc(20% - 16px);
}

.about-counter-container {
    flex-basis: calc(80% - 16px);
}

.about-title-wrapper h2 {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 44px;
    line-height: 66px;
    color: #2182D2;
    margin-bottom: 48px;
    width: 200px;
    text-align: left;
}

.about-counter-block-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.about-counter-title {
    font-family: "DM Sans";
    font-size: 64px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2182D2;
}

.about-counter-text {
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #47464F;
}

.about-counter-blocks-wrap {
    display: flex;
}

.about-counter-block-wrapper::before {
    position: absolute;
    top: 0px;
    left: -40px;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 2px solid #D0C6E4;
    z-index: -1;
    transition: .5s ease;
}


/* Features SECTION */


section.features-sctn {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(33, 150, 243, 0.04) 100%), linear-gradient(0deg, rgba(94, 174, 224, 0.05), rgb(94 174 224));
}

.features-sctn-row {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.features-sctn-column {
    flex-basis: 32%;
}

.features-sctn-column.features-sctn-column:nth-child(2) {
    margin-top: 50px;
}

.features-sctn-column.features-sctn-column:nth-child(3) {
    margin-top: 150px;
}

.features-title-wrapper {
    padding-top: 60px;
    margin-bottom: 60px;
}

.features-block-wrapper {
    background: linear-gradient(180deg, #FAFAFA 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 0px 8px 0px #0A016340;
    min-width: 390px;
    gap: 0px;
    border-radius: 28px;
    opacity: 0px;
    padding: 32px;
    margin-bottom: 40px;
}

.features-block-title {
    font-family: "DM Sans";
    font-size: 34px;
    font-weight: 500;
    line-height: 44.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 20px;
}

.features-block-text {
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #47464F;
    margin-bottom: 20px;
}

.svg-container {}

.service-item-bg {
    background: url(assets/img/services-img-2.png);
    background-repeat: no-repeat;
    min-height: 380px;
    background-size: contain;
    background-position: 70px 0px;
}

/* FOOTER */
#footer {
    background: #000;
}

.footer__wrapper {
    padding: 65px 0px 65px 0px;
    display: flex;
    justify-content: space-between;
    min-height: 350px;

}

.footer-top-info__left {
    flex-basis: calc(50% - 24px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-top-info__left,
.footer-top-info__right {
    flex-basis: calc(50% - 24px);
}

.footer__contact-links {
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FAFAFA;
    display: flex;
    flex-direction: column;
}

.footer__nav-block h4 {
    font-family: "DM Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #A9A9A9;


}

a.footer__nav-block-link {
    font-family: "DM Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FAFAFA;
}

.footer__logo {
    margin-bottom: 30px;
}

nav.footer__nav {
    display: flex;
    justify-content: end;
}

.footer__nav-block {
    display: flex;
    flex-direction: column;
}

.footer__nav-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0 0 0 36px;
}

.footer__contact-links .footer__link:nth-child(2) {
    margin-bottom: 20px;
}

.footer__pci {
    display: flex;
    justify-content: flex-end;
}
/* ====================================== Services White labele Page==================================== */

.services-page-sctn {
    /* height: calc(100dvh - 80px); */
    min-height: 500px;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    padding: calc(16px + (124 - 16) * ((100vw - 320px) / (1280 - 320))) 0px;
}

.services-page-content-text-wrapper {
    flex-basis: calc(50% - 16px);
    position: relative;

}

.arrow-right {
    content: url(assets/img/arrow.svg);
    height: 90px;
    position: absolute;
    right: 0;
    top: 50%;
}

.services-page-sctn-img {
    flex-basis: calc(50% - 16px);
}

.service-content-transform {
    flex-basis: calc(77% - 16px);
    position: relative;
}

.service-img-transform {
    flex-basis: calc(23% - 16px);
    transform: translate(0px, 64%);
}

.services-page-flex-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.services-page-content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.services-page-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1C1B20;
    margin-top: 45px;
}

.services-page-btns-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}

section.white-label-sctn {
    background: rgba(242, 249, 255, 1);
    padding: 50px 0;

}

.services__content-text-wrapper {
    flex-basis: calc(50% - 16px);
}


.additional-content-wrapper,
.white-label-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.white-label-content-column {
    flex-basis: calc(50% - 16px);
}

.additional-content-column {
    flex-basis: calc(32% - 16px);
}


section.additional-sctn {
    padding: 50px 0px;
}

.white-label-content-wrapper .white-label-content-column:nth-child(2) {
    margin-top: 80px;
}


/* ====================================== Services Referal Model Page==================================== */

.how-it-works-sctn {
    padding: 50px 0px;
    background: #F2F9FF;
}


.how-it-works-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.how-it-works__title-wrapper {
    position: relative;
}

.how-it-works-content-img {
    position: absolute;
    top: -65px;
}

.how-it-works-content-column {
    /* flex-basis: calc(50% - 16px); */
    flex-basis: calc(45% - 16px);
}

.how-it-works-content-column .how-it-works-card:nth-child(2) {
    margin: 240px 0px;
}

.arrow-first {
    content: url(assets/img/arrow-1.svg);
    height: 90px;
    position: absolute;
    right: -195px;
    top: 20%;
}

.arrow-second {
    content: url(assets/img/arrow-2.svg);
    height: 90px;
    position: absolute;
    left: -196px;
    bottom: 0;
}

.arrow-third {
    content: url(assets/img/arrow-3.svg);

    position: absolute;
    right: 0;
    bottom: -154px;
}

.arrow-fourth {
    content: url(assets/img/arrow-4.svg);
    position: absolute;
    left: -25px;
    bottom: -149px;
}

.how-it-works-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(230, 208, 208, 0.3) 25%, rgba(194, 209, 223, 0.3) 50%, rgba(162, 202, 242, 0) 100%);
    box-shadow: 0px 0px 8px 0px #0A016340;
    min-width: 411px;
    gap: 0px;
    border-radius: 28px;
    opacity: 0px;
    padding: 32px;
    margin-bottom: 40px;
    position: relative;
}

.how-it-works-card-img {
    margin-bottom: 20px;
}

.how-it-works-card-list {
    margin-top: 20px;
    font-family: Ubuntu;
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #191249;
}

.how-it-works-card-list li {
    display: flex;
}

.how-it-works-card-list li img {
    margin-right: 10px;
}

.how-it-works-card-title {

    font-size: 22px;
    font-weight: 500;
    line-height: 31.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2182D2;
}


.how-it-works-card-text {

    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1C1B20;
}


section.integrationoptions-sctn {
    padding: 80px 0px;
}


.integrationoptions-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.integrationoptions-content-column {
    flex-basis: calc(50% - 16px);
}

.benefits-sctn {
    background: #F2F9FF;
    padding: 80px 0px;
}


.benefits-content-wrapper {

    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.benefits-content-column {
    flex-basis: calc(50% - 16px);
}

/* ====================================== Services Fork page ==================================== */
section.fork-sctn {
    background: #FCF8FF;
    padding: 50px 0;
}

.services__content-text-wrapper {
    flex-basis: calc(50% - 16px);
}



.fork-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}


.fork-content-column {
    flex-basis: calc(50% - 16px);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* Offer SECTION */
section.offer-sctn {
    padding: 80px 0px;
}

.offer-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.offer-content-column {
    flex-basis: calc(33% - 16px);
}


.offer-text {
    font-size: 34px;
    font-weight: 400;
    line-height: 44.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    background: -webkit-linear-gradient(#2196F3, #082378);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;



}


/* Additional Services SECTION */

.additional-services-sctn {
    padding: 50px 0;
}

.additional-services-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.additional-services-content-column {
    flex-basis: calc(25% - 16px);
    margin-bottom: 40px;
    position: relative;
}

.additional-services-block-wrapper::after {
    content: '';
    width: 42px;
    height: 5px;
    background: #27B1FC;
    position: absolute;
    top: -16px;
}

.additional-services-text {

    font-size: 22px;
    font-weight: 500;
    line-height: 31.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1C1B20;
}

/* Additional Services SECTION */

.recruitment-services-sctn {
    padding: 50px 0;
}

.recruitment-services-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recruitment-services-content-column {
    flex-basis: calc(33% - 16px);
    margin-bottom: 40px;
}

.recruitment-services-block-wrapper {}

.recruitment-services-text {
    letter-spacing: -0.001em;
    text-align: left;
    font-size: 34px;
    font-weight: 400;
    line-height: 44.2px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: -webkit-linear-gradient(#2196F3, #082378);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ====================================== Services Outsourcing Software Development page ==================================== */
section.development-sctn {
    padding: 80px 0px;
}

/* ====================================== Terms And Conditions page ==================================== */
.terms-sctn {
    padding: 50px 0px;
    background: url(assets/img/sctn-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.terms-and-conditions-sctn {
    padding: 80px 0px;
}

.terms-title {
    font-size: calc(26px + (64 - 26) * ((100vw - 320px) / (1280 - 320)));
}

.terms-and-condition-content>* {
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1C1B20;
}

.terms-and-condition-content h1,
.terms-and-condition-content ul {
    margin-bottom: 30px;
}


/* ====================================== About US page ==================================== */

.about-us-page-sctn {
    /* height: calc(100dvh - 80px); */
    min-height: 500px;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px;
}

.about-us-page-content-text-wrapper,
.about-us-page-sctn-img {
    flex-basis: calc(50% - 16px);
}

.about-us-page-text {
    font-family: 'Ubuntu';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}



.about-us-page-flex-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.about-us-page-content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.about-us-page-btns-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}


.our-history-content-wrapper {
    margin-top: calc(24px + (32 - 24) * ((100vw - 320px) / (1280 - 320)));
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.our-history-content-column {
    flex-basis: calc(50% - 16px);
}

section.our-history-sctn {
    background: #F2F9FF;
    padding: 50px 0;

}

/* Why Us SECTION */
section.why-us-sctn {
    padding: 50px 0px;
}

.why-us-content-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.why-us-content-column {
    flex-basis: calc(50% - 16px);
}

.why-us-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(230, 208, 208, 0.3) 25%, rgba(194, 209, 223, 0.3) 50%, rgba(162, 202, 242, 0) 100%);
    box-shadow: 0px 0px 8px 0px #0A016340;
    min-width: 411px;
    gap: 0px;
    border-radius: 28px;
    opacity: 0px;
    padding: 32px;
    margin-bottom: 40px;
}

.why-us-card-img {
    margin-bottom: 20px;
}

.why-us-card-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 31.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2182D2;
}

.why-us-card-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    letter-spacing: -0.001em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1C1B20;
}

/* FAQ SECTION */
.faq-sctn {
    padding: 50px 0px;
    background: #082378;
}


.faq-title {
    font-family: "DM Sans";
    font-size: 64px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.01em;
    background: linear-gradient(87.59deg, #FFFFFF 17%, #EFB9FD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 80px;
}

.accordion .accordion-item {
    border-top: 1px solid #D0C6E4;
    border-bottom: none;
    padding: 24px 0px;
}

.accordion .accordion-item:nth-last-child(1) {
    border-bottom: 1px solid #383C63;
}

.accordion button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
}

.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
}

.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
}

.accordion button .accordion-title {
    flex-basis: calc(100% - 32px);
    font-family: 'DM Sans';
    font-size: 28px;
    font-weight: 500;
    line-height: 46px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}

.accordion button .icon {
    flex-basis: 24px;
}

.accordion button .icon img {
    transition: all .5s ease;
}

.accordion button[aria-expanded='true'] .icon img {
    transform: rotate(180deg);
}

.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: 1000px;
    transition: all 500ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 500ms linear, max-height 500ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content p {
    color: var(--Text-Secondary-for-dark, #B2B8D7);
    font-size: 18px;
    font-weight: 400;
    line-height: 155%;
    /* 27.9px */
    letter-spacing: -0.018px;
    margin-top: 8px;
    max-width: 71.557%;
}

.accordion .accordion-content ul li {
    color: var(--Text-Secondary-for-dark, #B2B8D7);
    font-size: 18px;
    font-weight: 400;
    line-height: 155%;
    /* 27.9px */
    letter-spacing: -0.018px;
    max-width: 71.557%;
    padding-left: 25px;
    position: relative;
}

.accordion .accordion-content ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 11px;
    background-color: var(--Text-Secondary-for-dark, #B2B8D7);
}


/* ====================================== Features page ==================================== */

.features-page-sctn {
    padding: calc(40px + (89 - 40) * ((100vw - 320px) / (1280 - 320))) 0;

}

.control-process-sctn {
    background: #F2F9FF;
    padding: calc(40px + (80 - 40) * ((100vw - 320px) / (1280 - 320))) 0px;

}

.control-process-content-row {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.our-history-content-column {
    flex-basis: calc(50% - 16px);
}


/* Payment SECTION */
.payment-sctn {
    padding: 120px 0;
}

.payment-content-row {
    margin-top: 80px;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.payment-content-column {
    flex-basis: calc(50% - 16px);
}

.payment-img-wrapper {
    flex-basis: calc(50% - 16px);
}

/* Manual SECTION */

.manual-sctn {
    background: #FCF8FF;
    padding: 50px 0;
}

.manual-content-row {
    padding-top: 105px;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.manual-content-column {
    flex-basis: calc(50% - 16px);
}

.payment-img-wrapper {
    width: 100%;
}

.payment-content-row .payment-img-wrapper:nth-child(1) {
    transform: translate(12px, 10%);
    z-index: 2;
}

.payment-content-row .payment-img-wrapper:nth-child(2) {
    transform: translate(-100px, 0%);
    z-index: 1;
}

/* processing SECTION */

.processing-sctn {
    /* padding: 50px 0; */
}

.processing-content-row {
    padding-top: 200px;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.processing-content-column {
    flex-basis: calc(50% - 16px);
}

.processing-img-wrapper {
    width: 100%;
}


/* =================FORM page ===================================== */
.required-item {
    color: #BA1A1A;
}

.contacts-sctn {
    min-height: 500px;
    background: url(assets/img/sctn-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
}

.contacts-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    border-radius: 40px;
    background: #fff;
    padding: 32px 40px;
    box-shadow: 0px 10px 26px -2.5px #2718720D;
    flex-wrap: wrap;
}

.contacts__form-block {
    flex-basis: calc(50% - 16px);
}

.contacts__calendly-block {
    flex-basis: calc(50% - 16px);
}

.contacts__calendly-block .calendly-inline-widget {
    min-width: 250px;
    height: 100%;
    min-height: 800px;
}

/* .calendly-inline-widget iframe{
    border-radius: 40px;
    border: 1px solid #D0C6E4;
} */

.form-body.hide,
.popup-form-body.hide {
    display: none;
}

.form-title {
    /* font-size: 56px; */
    font-size: calc(30px + (56 - 30) * ((100vw - 320px) / (1280 - 320)));

    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 16px;
}

.form__item {
    margin-bottom: 32px;
    position: relative;
}

.form__label {
    display: block;
    transition: .4s;
    color: var(--Text-Secondary-for-light, #4F546C);
    font-size: 18px;
    font-weight: 400;
    line-height: 155%;
    /* 27.9px */
    letter-spacing: -0.018px;
}

.form__label.active {
    top: 0;
    left: 0;
    color: var(--Text-Primary-text-for-light, #32395E);
    font-size: 14px;
    font-weight: 700;
    line-height: 170%;
    /* 23.8px */
    letter-spacing: -0.014px;
}

.form__input {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #C2BEC9;
    border-radius: 8px;
    outline: none;
    color: #32395E;
    font-size: 18px;
    font-weight: 400;
    line-height: 155%;
    /* 27.9px */
    letter-spacing: -0.018px;
}

.form__input:focus {
    border-bottom: 1px solid var(--Active-elements-Primary, #635AFF);
    caret-color: var(--Active-elements-Primary, #635AFF);
}

.form__input.invalid {
    border-bottom: 1px solid var(--Active-elements-Error, #ED6161);
}

#formMessage {
    min-height: 84px;
    resize: vertical;
    padding: 6px 8px;
    outline: none;
}

.required-field,
.valid-email {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 16px;
    color: var(--Active-elements-Error, #ED6161);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: 0.2px;
}

.required-field.active,
.valid-email.active {
    display: block;
}



.form__privacy-block {
    padding: 8px 8px 8px 0px;
    margin-bottom: 95px;
}

input#formAgreement,
input#popup-formAgreement {
    display: none;
}

label.checkbox__label {
    display: inline-flex;
    align-items: center;
    gap: 24px;
}

label.checkbox__label:before {
    content: '';
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border-radius: 5px;
    border: 2px solid #2182D2;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}

.checkbox__input:checked+.checkbox__label::before {
    background-image: url(assets/img/checkbox.svg);
    border: none;
}

.agree-text {
    color: #4F546C;
    font-size: 14px;
    font-weight: 400;
    line-height: 155%;
    /* 27.9px */
    letter-spacing: -0.018px;
}

.agree-text a:hover {
    text-decoration: underline;
}

.form-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: center;
}

.form__button {
    padding: 8px 40px;
}

.form__button.inactive {
    background-color: var(--BG-Border-for-light, #C2BEC9);
    cursor: default;
}

.form-bottom__contacts {
    text-align: -webkit-right;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-bottom__contact-link {
    color: #1C1B20;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 155%;
    /* 27.9px */
    letter-spacing: -0.018px;
    display: inline-block;
}

.form-thankyou-msg-wrapper,
.popup-form-thankyou-msg-wrapper {
    display: none;
}

.form-thankyou-msg-wrapper.active,
.popup-form-thankyou-msg-wrapper.active {
    display: block;
}

.form-bottom__contact-link:hover {
    text-decoration: underline;
}

.form-thankyou-msg__title {
    color: var(--Text-Primary-text-for-light, #32395E);
    font-family: "DM Sans";
    font-size: 44px;
    font-weight: 500;
    line-height: 127%;
    /* 55.88px */
    margin-bottom: 24px;
}

.form-thankyou-msg__img-block {
    border-radius: 16px;
    background: var(--BG-Forground, #F1F0F2);
    padding: 36px 0 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.form-thankyou-msg__text {
    color: var(--Text-Primary-text-for-light, #32395E);
    font-size: 22px;
    font-weight: 400;
    line-height: 145%;
    /* 31.9px */
    letter-spacing: -0.022px;
}

.form-thankyou-msg__text a {
    color: var(--Active-elements-Primary, #635AFF);
    text-decoration-line: underline;
}


/* ======================================= Popup Form ====================================== */
.popup-form-block {
    position: fixed;
    top: 100px;
    border-radius: 40px;
    border: 1px solid var(--BG-Border-for-light, #C2BEC9);
    background: var(--Colors-White, #FFF);
    padding: 32px 40px;
    max-width: 720px;
    width: 720px;
    left: calc(50% - 720px/2);
    opacity: 0;
    transform: scale(.5);
    visibility: hidden;
    z-index: 102;
    transition: .5s ease;
}

.popup-form-block.active {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

form.popup-form-body {
    position: relative;
}

.popup-form-close-img,
.support-popup-form-close-img {
    position: absolute;
    top: 32px;
    right: 25px;
    cursor: pointer;
    z-index: 2;
    width: 110px;
}

.popup-flex-input {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.popup-flex-input .form__item.popup-form__item {
    flex-basis: calc(50% - 12px);
}

.form__item.popup-form__item {
    margin-bottom: 24px;
}

.form__privacy-block.popup-form__privacy-block {
    margin-bottom: 12px;
}


.sub-menu li .menu-icon {
    background-image: url(assets/img/menu-icon.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 24px;
    transition: all .5s ease;
    background-position-y: center;
    position: absolute;
    left: 14px;
}


@media(max-width: 1329px) {
    .header__btn-block {
        display: none;
        flex-basis: 50%;
        order: 2;
    }

    .mob-menu-btn {
        display: inline-flex;
        order: 3;
        width: 140px;
    }

    .header__logo-link-block,
    .header__btn-block {
        flex-basis: 50%;
        order: 2;
    }
    #menu-menu>li:hover {
        outline: none;
        border-radius: 20px;
    }
    .sub-menu li .menu-icon {
        /* display: none; */
        left: -23px;
        height: 44px;
    }
}

@media(max-width: 1329px) {
    /* #main {
        margin-top: 70px;
    } */

    .header__content-wrapper {
        padding: 24px 30px;
    }

    .header__nav-wrapper.active {
        transform: translateX(0);
        z-index: 10;
    }

    .header__nav-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        background: #FEFEFE;
        background-position: center;
        background-size: cover;
        transform: translateX(100%);
        transition: all 1s ease;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 120px 20px 32px;
    }

    .header__nav-wrapper {
        position: fixed;
        top: 88px;
        left: 0;
        width: 100vw;
        height: 100dvh;
        background: #FEFEFE;
        background-position: center;
        background-size: cover;
        transform: translateX(100%);
        transition: all 1s ease;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 40px 20px 32px;
    }


    .header__nav-wrapper.active {
        transform: translateX(0);
        z-index: 10;
    }

    .header__nav {
        width: 100%;
    }

    ul#menu-menu {
        flex-direction: column;
        gap: 0;
    }

    .header__nav-link {
        font-size: 15px;
        font-weight: 300;
        line-height: 127%;
        padding: 14px 0;
        color: #302885;
    }

    .sub-menu {
        flex-basis: 100%;
        position: relative;
        display: none;
        box-shadow: none;
        margin-left: 20px;
    }

    .sub-menu.active {
        display: block;
        opacity: 1;
        visibility: visible;
        display: block;
        padding-top: 0;
    }

    .sub-menu .header__nav-list-item {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -0.32px;
        text-align: center;
        background-color: transparent;
        padding: 0;
    }

    .header__nav-list-item.menu-item-has-children {
        display: flex;
        align-items: start;
        gap: 4px;
        position: relative;
        flex-direction: column;
    }

    .header__nav-list-item.menu-item-has-children>span.menu-arrow {
        background-image: url(assets/img/arrow-down.svg);
        background-repeat: no-repeat;
        width: 16px;
        height: 10px;
        transition: all .5s ease;
        background-position-y: center;
        position: absolute;
        right: 7px;
        top: 29px;
    }


    .mob-menu-btn-link {
        border-radius: 88px;
        border: 1px solid var(--BG-Border-for-light, #C2BEC9);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        position: relative;
        color: var(--Text-Primary-text-for-light, #32395E);
        font-size: 22px;
        font-weight: 500;
        line-height: 145%;
        letter-spacing: -0.022px;
    }

    .mob-menu-btn-link span {
        padding: 4px;
        border-radius: 32px;
        background: var(--Active-elements-Primary, #635AFF);
        position: absolute;
        right: 8px;
    }

    /* on off */
    /* .header__nav-wrapper {
        display: none;
    } */

    .header__btn-block {
        display: none;
    }

    .header__burger {
        display: block;
    }

    .features-block-wrapper {
        min-width: 315px;
    }

    .nav-dropdown {
        position: relative;
    }
}



@media(max-width: 1005px) {
    .features-sctn-column {
        flex-basis: 100%;
    }
}
@media(max-width: 991px) {
    .our-history-content-column {
        flex-basis: auto;
    }


}

@media(max-width: 768px) {
    /* .fs__title {
        font-size: 65px;
    } */

    .fs__sctn-img {
        width: 100%;
    }

    .services__item-text-block,
    .services__item-img-block {
        flex-basis: 100%;
    }
   .services__item-text-block {
        padding-left: 0px;
    }
    .about-us-page-flex-item {
        flex-direction: column;
    }

    .about-us-page-content-text-wrapper,
    .about-us-page-sctn-img {
        flex-basis: auto;
    }

    .about-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .about-counter-blocks-wrap {
        display: flex;
        flex-direction: column;
    }

    .about-counter-blocks-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .about-counter-block-wrapper {
        position: relative;
        width: 50%;
    }

    .about-title-wrapper h2 {
        color: #000;
        margin-bottom: 48px;
        width: 100%;
        text-align: center;
    }
    .about-us-page-sctn-img{
        display: none;
    }
    .about-us-page-sctn-img-mobile {
        display: block;
        padding: 40px;
    }
    .payment-content-row .payment-img-wrapper:nth-child(1) {
        transform: none;
        z-index: 2;
    }

    .payment-content-row .payment-img-wrapper:nth-child(2) {
        transform: none;
        z-index: 1;
    }

    .features-sctn-row {
        flex-direction: column;
    }

    .services-page-flex-item {
        flex-direction: column;
    }

    .how-it-works-content-column {
        flex-basis: auto;
    }

    .how-it-works-card {
        min-width: auto;

    }

    .arrow-fourth,
    .arrow-third,
    .arrow-second,
    .arrow-first {
        display: none;
    }

    .offer-content-column {
        flex-basis: auto;
        margin-bottom: 50px;
    }

    .our-history-content-column {
        flex-basis: auto;
    }

    .y-line-block-wrapper-with-icon {
        flex-direction: row;
    }

    .how-it-works-card {
        min-width: auto;
    }

    .payment-content-column {
        flex-basis: auto;
    }

    .payment-img-wrapper {
        flex-basis: auto;
    }

    .manual-content-column {
        flex-basis: auto;
    }

    .processing-content-column {
        flex-basis: auto;
    }

    .card-container-counter-title {
        font-size: 36px;
    }

    .services-page-sctn-img {

        transform: translate(0px, 0%);
    }

    .how-it-works-content-img {
        position: relative;
    }

    .how-it-works-content-column .how-it-works-card:nth-child(2) {
        margin: 49px 0px;
    }

    /* FORM */
    .contacts__form-block {
        flex-basis: 100%;
    }

    .contacts__calendly-block {
        flex-basis: 100%;
    }

    .sub-menu li .menu-icon {
        /* display: none; */
        left: -23px;
        height: 44px;
    }
}

@media(max-width: 768px) {
    #main {
        margin-top: 88px;
    }

    #menu-menu>li>a {
        font-size: 34px;
    }

    #menu-menu>li:hover {
        outline: none;
        border-radius: 20px;
    }

    .header__nav-list-item.menu-item-has-children>span.menu-arrow {
        background-image: url(assets/img/arrow-down.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 30px;
        height: 30px;
        top: 30px;
    }

    .fs-sctn {

        background-position-y: -186px;
        overflow: hidden;
    }

    .fs__sctn-img {
        width: 485px;
    }

    .header__logo-link-block,
    .header__btn-block {
        flex-basis: 50%;
        order: 2;
    }

    .fs__content-text-wrapper {
        margin-bottom: 28px;
    }

    .header__logo-wrapper img {
        width: 141px;
        margin-left: 10px;
    }

    .header__burger {
        order: 1;
    }

    /* .header__nav-wrapper {
        top: 77px;
    } */

    .book-enterprise-demo {
        display: none;
    }

    .book-demo {
        display: block;
    }

    .mob-menu-btn {
        display: inline-flex;
        order: 3;
        width: 140px;
    }

    .fs__btns-wrapper .primary-btn,
    .fs__btns-wrapper .secondary-btn {
        justify-content: center;
        width: 50%;
    }

    .fs__content-wrapper {
        height: auto;
    }

    .title {
        width: 70%;
        text-align: left;

    }

    /* .fs__title {
        font-size: 65px;
        line-height: 84px;
    } */
    .fs__text {
        display: none;
    }

    .fs__text-mobile {
        display: block;
        font-size: 18px;
        line-height: 24px;
    }

    .sctn__flex-item {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 10px;
        margin-bottom: 20px;
        flex-direction: column;
        margin-top: 27px;
    }

    .services__title-wrapper {
        padding-top: 38px;
        margin-bottom: 72px;
    }

    .services__items-wrap {
        padding-left: 70px;
        gap: 72px;
        margin-bottom: 20px;
    }

    .line {
        background: url(assets/img/service-line-y-mobile.png);
        left: auto;
        top: 157px;
        background-repeat: no-repeat;
    }

    .service-item-bg {
        min-height: 250px;
    }

    .services__item-img-block img {
        height: 250px;
    }

    .services__item-wrapper {
        gap: 38px;
        margin-top: 0 !important;
    }

    #services-animation-3 {
        width: 100%;
    }

    .about-sctn {
        padding: 40px 0;
    }

    .about-title-wrapper h2 {
        color: #2182D2;
        text-align: left;
        font-weight: 300;
    }

    .about-counter-title {
        font-size: 64px;
    }

    .about-counter-container .about-counter-blocks-wrap:nth-child(2) {
        flex-direction: column;
    }

    .about-sctn-container-bg {
        background-position: bottom;
    }

    .arrow-right {
        display: none;
    }

    .secondary-btn span,
    .primary-btn span {
        font-size: 14px;
    }

    .secondary-btn.icon span,
    .primary-btn.icon span {
        padding: 0px 8px 0px 16px;
    }


    .about-counter-block-wrapper::before {
        left: -10px;
    }

    .features-block-wrapper {
        min-width: auto;
        margin-bottom: 24px;
    }

    .features-title-wrapper {
        padding-top: 40px;
        margin-bottom: 32px;
    }

    .features-sctn-row {
        margin-top: 0px;
        gap: 0;
    }

    .features-sctn-column.features-sctn-column:nth-child(2) {
        margin-top: 0;
    }

    .white-label-content-wrapper .white-label-content-column:nth-child(2) {
        margin-top: 0px;
    }

    .features-sctn-column.features-sctn-column:nth-child(3) {
        margin-top: 0;
    }

    .footer__wrapper {
        flex-direction: column;
    }

    .footer__nav-block {
        margin: 0 30px 0 0;
    }

    .footer-top-info__left {

        margin-bottom: 20px;
    }

    nav.footer__nav {
        justify-content: start;
    }

    .additional-content-column,
    .white-label-content-column {
        flex-basis: auto;
    }

    .services-page-title {
        font-size: 46px;
    }

    .title-secondary {
        font-size: 43px;
        line-height: 60px;
    }

    .card-container-title {
        font-size: 40px;
        line-height: 55px;
    }

    .card-container-counter-title {
        font-size: 64px;
    }

    .benefits-content-column {
        flex-basis: auto;
    }

    .fork-content-column {
        flex-basis: auto;
    }

    .additional-services-content-column {
        flex-basis: auto;

    }

    .recruitment-services-content-column {
        flex-basis: auto;
    }

    .card-container {
        padding: 25px;
    }

    .card-container-counter-blocks-wrap {
        flex-direction: column;
    }

    /* .terms-title {
        font-size: 26px;
    } */

    .y-line-block-wrapper-with-icon {
        flex-direction: column;
    }

    .our-history-content-column {
        flex-basis: auto;
    }

    .how-it-works-card {
        min-width: auto;
    }

    .why-us-content-column {
        flex-basis: auto;
    }

    .why-us-card {
        min-width: auto;
    }

    .contacts-sctn,
    .about-us-page-sctn,
    .services-page-sctn {
        padding: 15px 0px;
    }

    /* FORM */
    .contacts__form-block {
        width: 100%;
    }

    .form-title {
        /* font-size: 30px; */
        font-weight: 400;
        line-height: 60px;
        letter-spacing: -0.01em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .contacts-wrapper {
        border-radius: 24px;
        padding: 32px 14px;
    }

    /* ----------- */

    /* Popup */
    .popup-form-block {
        width: 100%;
        left: 0;

    }

}


@media(max-width: 375px) {
    /* #main {
        margin-top: 64px;
    } */

    .header__logo-link-block,
    .header__btn-block {
        flex-basis: 60%;
    }



    .sctn__flex-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        flex-direction: column;
        margin-top: 88px;
    }

    .line {
        top: 237px;
    }

    .secondary-btn span,
    .primary-btn span {
        font-size: 10px;
    }

    .features-block-wrapper {
        min-width: auto;
    }

    .services-page-title {
        font-size: 50px;
    }

    .y-line-block-wrapper-with-icon {
        flex-direction: column;
    }

    .why-us-content-column {
        flex-basis: auto;
    }

    .why-us-card {
        min-width: auto;
    }

    /* FORM */

    .contacts__form-block {
        width: 100%;
    }

    .contacts-wrapper {
        border-radius: 24px;
    }
    .form__input {
        width: 90%;
    }
    /* ----------- */

    /* Popup */
    .popup-form-block {
        width: 100%;
        left: 0;

    }
    .popup-form-block {
        padding: 32px 15px;
}

@media(max-width: 320px) {
    /* #main {
        margin-top: 60px;
    } */

    .header__logo-link-block,
    .header__btn-block {
        flex-basis: 60%;
    }

    /* .fs-sctn {
        height: calc(135dvh);
    } */

    /* .fs__title {
        font-size: 54px;
    } */
    .header__logo-wrapper img {
        width: 100px;
        margin-left: 10px;
    }

    .line {
        top: 300px;
    }

    .sctn__flex-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        flex-direction: column;
        margin-top: 88px;
    }

    .secondary-btn span,
    .primary-btn span {
        font-size: 8px;
    }

    .features-block-wrapper {
        min-width: auto;
    }

    .about-counter-title {
        font-size: 35px;
    }

    .services-page-title {
        font-size: 40px;
    }

    .why-us-content-column {
        flex-basis: auto;
    }

    .why-us-card {
        min-width: auto;
    }

    .contacts-wrapper {
        padding: 15px 14px;

    }

    /* FORM */
    .contacts-wrapper {
        border-radius: 24px;
    }

    /* Popup */
    .popup-form-block {
        width: 100%;
        left: 0;
        padding: 25px 10px;
    }

}