@font-face {

    font-family: 'Montserrat';

    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

}



@font-face {

    font-family: 'Montserrat';

    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

}





@font-face {

    font-family: 'Montserrat';

    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');

    font-weight: 700;

    font-style: normal;

}



body {

    font-family: 'Montserrat', sans-serif;

    font-size: 15px;

    line-height: 1.4;

    color: #000;

}



* {

    font-family: 'Montserrat', sans-serif;

}



*, ::after, ::before {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



header {

    transition: .3s ease-in-out;

    margin: auto;



}



.header__wrapper {

    background: rgba(12, 44, 104, 0.8);

    border-radius: 50px;

    padding: 15px 30px;

}





header .custom-logo-link img {

    max-height: 40px;

    height: 100%;

    width: auto;

}



.header-menu-main {

    padding-left: 0;

    margin: 0;

    list-style-type: none;

    display: flex;

    gap: 25px;

}



.header-menu-main a {

    color: #1fdda5;

    font-size: 18px;

    line-height: 1.75rem;

    font-weight: 700;

    transition: .3s ease-in-out;

}



.header-menu-main a:hover {

    color: #ffffff;

    font-weight: 700;

    text-decoration: none;

}



.section-hero {

    height: calc(100vh - 70px);

    padding-top: 70px;

    overflow: hidden;

}



.section-hero .section-content {

    padding: 80px 0 30px 0;

    z-index: 1;

    position: relative;

}



.section-hero .section-bg {

    position: absolute;

    bottom: 0px;

    left: 50%;

    width: 100%;

    height: 100%;

    transform: translate(-50%, 0px);

    transform-origin: 50% 100%;

    object-fit: cover;

    object-position: center bottom;

}



.section-hero .btn-app,

.section-presentation .btn-app {

    background: #1fdda5;

    border-radius: 30px;

    padding: 15px 40px;

    display: inline-block;

    color: #fff;

    margin-top: 35px;

    font-weight: 500;

}





.section-hero .section-title {

    font-size: clamp(3rem, 4.1rem + 2vw, 5rem);

    letter-spacing: -0.13rem;

    line-height: 1;

    font-weight: 900;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 13px;

}





.section-hero .section-description {

    margin-top: 13px;

    color: #fff;

    font-size: 20px;

    width: 100%;

}



.section-hero .section-bg-girl {

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}



.section-spend {

    padding: 80px 0;

    height: 100vh;

}



.section-spend .section-title {

    font-size: 90px;

    text-align: center;

    color: rgb(25, 28, 31);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1;

    letter-spacing: -7px;

}



.section-spend .section-description {

    max-width: 80%;

    margin-left: auto;

    margin-right: auto;

    font-size: 22px;

    color: #000;

    font-weight: 500;

    text-align: center;

    margin-top: 35px;

}



.section-spend .swiper .swiper-pagination-bullet {

    height: 12px;

    width: 12px;

}



.section-spend .swiper .swiper-pagination-bullet-active {

    background-color: #8d969e;

    height: 16px;

    width: 16px;

}



.section-spend .swiper {

    max-width: 865px;

    margin: 35px auto 0;

    padding-bottom: 45px;

}



.section-spend .swiper .uk-panel {

    border-radius: 15px;

    overflow: hidden;

}



.section-spend .swiper .swiper-slide {

    transform: scale(0.9);

}



.section-spend .swiper .swiper-slide-next {

    transform: scale(1);

}



.section-spend .swiper .swiper-pagination {

    align-items: center;

    display: flex;

    justify-content: center;

}



.section-faq {

    padding: 100px 0 150px;

}



.section-faq .section-title {

    font-size: 40px;

    text-align: center;

    color: rgb(25, 28, 31);

    font-weight: bold;

    line-height: 1;

}



.section-faq .section-description {

    max-width: 80%;

    margin-left: auto;

    margin-right: auto;

    font-size: 22px;

    color: #000;

    font-weight: 500;

    text-align: center;

    margin-top: 35px;

}



.section-faq .uk-accordion {

    max-width: 800px;

    margin: 50px auto 0;

}



.section-faq .uk-accordion .uk-accordion-item {

    background: #152b64;

    padding: 1rem 2rem;

    border-radius: 2rem;

}



#invoices-request-form-react .invoice-dragger__image {

    max-height: 550px;

}





#invoices-request-form-react .invoice-dragger {

    background: url("../images/invoices-bg.jpg") no-repeat center;

    margin-bottom: 0;

}



#invoices-request-form-react .invoice-dragger__title {

    font-size: 40px;

    color: #fff;

    font-weight: bold;

    text-align: right;

}



#invoices-request-form-react .invoice-dragger__description {

    font-size: 25px;

    color: #fff;

    text-align: right;

}



#invoices-request-form-react .invoice-dragger__button {

    background: #1fdda5;

    border-radius: 30px;

    padding: 15px 40px;

    display: inline-block;

    color: #fff;

    margin-top: 35px;

    font-weight: 500;

}



#invoices-request-form-react .invoice-dragger__content {

    display: flex;

    flex-direction: column;

    align-items: end;

    height: 100%;

    justify-content: center;

}



#invoices-request-form-react .ant-upload-drag .ant-upload {

    padding: 0 !important;

}



#invoices-request-form-react .inside-popup {

    position: absolute;

    z-index: 2;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



#invoices-request-form-react .inside-popup__inner {



    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    max-width: 350px;

    padding: 25px;

    border-radius: 15px;

}



#invoices-request-form-react .ant-spin {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}



#invoices-request-form-react .ant-spin .ant-spin-dot-item {

    background: #304adc;

    width: 25px;

    height: 25px;

}



#invoices-request-form-react .ant-spin .ant-spin-dot {

    font-size: 60px;

}



#invoices-request-form-react .ant-upload-list-item {

    display: none !important;

}



#invoices-request-form-react .inside-popup__inner h3 {

    font-size: 15px;

    font-weight: bold;

}



#invoices-request-form-react .inside-popup__inner ul {

    padding-left: 0;

}



#invoices-request-form-react .inside-popup__inner .btn-delete {

    border: 0;

    background: transparent;

    box-shadow: none;

}





.presentation-slides .swiper-pagination .swiper-pagination-bullet {

    width: 6px;

    height: 6px;

}



.presentation-slides .swiper-pagination .swiper-pagination-bullet-active {

    background: #8d969e;

    width: 8px;

    height: 8px;

}



.mob-menu-trigger svg {

    height: 30px;

    width: 30px;

}



.mob-menu-trigger,

.mob-menu__wrapper {

    display: none;

}



.mob-menu__wrapper.active {

    display: block;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #fffffff5;

}



.mob-menu__wrapper .uk-container {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mob-menu__wrapper .main-menu {

    padding: 0;

    list-style-type: none;

    font-size: 30px;

    text-align: center;

}



.mob-menu__wrapper .main-menu li:not(:last-child) {

    margin-bottom: 20px;

}



.mob-menu__wrapper .close svg {

    height: 35px;

    width: 35px;

}



.mob-menu__wrapper .close {

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

}



.mob-menu__wrapper .main-menu a {

    color: #000;

}



.mob-menu-trigger {

    cursor: pointer;

}



.mob-menu-trigger path {

    stroke: #fff;

}



/* REVOLUT */



.home .hero__wrapper {

    overflow: hidden;

    min-height: 100vh;

}



body.home .section-hero img,

body.home .section-presentation img {

    max-width: initial;

}





.header {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    padding: 16px 0;

    z-index: 3;

}





.main .hero {

    padding-top: 72px;

    z-index: 2;

    min-height: 100vh;

}



.main .hero-text {

    padding: 48px 0 24px 0;

}





.main .hero-text p {

    width: 40%;

    font-weight: 400;

    font-size: 1.125rem;

    line-height: 1.5rem;

    margin-bottom: 24px;

}





.main .hero-text a:hover {

    background: #fff;

    color: #191c1e;

    text-decoration: none;

}



.main .hero-text span {

    cursor: pointer;

    font-weight: 800;

    font-size: 0.8rem;

    text-transform: uppercase;

    text-decoration: underline;

    text-underline-offset: 4px;

    transition: 0.3s ease;

}



.main .hero-text span:hover {

    text-underline-offset: -4px;

}



.main .hero-image {

    width: 100%;

    height: 100%;

    inset: 0;

    position: absolute;

    background: linear-gradient(#4497df 0%, #96c6ef 100%);

    z-index: -1;

}



.main .hero-image-banner {

    position: absolute;

    bottom: 0px;

    left: 50%;

    width: 100%;

    height: 100%;

    transform: translate(-50%, 0px) scale(1.56);

    transform-origin: 50% 100%;

    object-fit: cover;

    object-position: center bottom;

}



.main .hero-image-avatar {



    max-height: 70vh;

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%, 20%);



}



.main .presentation {

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 72px 0;

    transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

    top: 0px;

    width: 100%;

    min-height: 100vh;

    overflow: hidden;

}





.main .presentation .box {

    transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    position: absolute;

    transition-property: transform;

    bottom: 0px;

    left: 50%;

    width: calc(45vh);

    height: calc(70vh);

    transform-origin: center bottom;

    transform: translateX(-53%) scale(1);

    background-color: white;

    border-top-left-radius: calc(73px);

    border-top-right-radius: calc(73px);

}



.main .presentation-text {

    max-width: 1200px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 100%;

    margin-bottom: 494px;

    transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    transition-property: transform, opacity;

    transform: translateY(75px) scale(0.75);

    opacity: 0;

    z-index: 0;

}



.main .presentation-text h2 {

    text-align: center;

    font-size: clamp(3rem, 2.55rem + 1vw, 3.75rem);

    color: #191c1e;

    letter-spacing: -0.0375rem;

    font-weight: 900;

    line-height: 1;

    text-transform: uppercase;

    margin-bottom: 24px;

}



.main .presentation-text p {

    width: 60%;

    text-align: center;

    margin-bottom: 12px;

    font-weight: 600;

    font-size: 1.125rem;

    line-height: 1.5rem;

    color: #191c1e;

}



.main .presentation-text span {

    display: block;

    cursor: pointer;

    font-weight: 700;

    font-size: 0.9rem;

    text-transform: uppercase;

    text-decoration: underline;

    text-underline-offset: 4px;

    transition: 0.3s ease;

    color: #191c1e;

}



.main .presentation-text span:hover {

    text-underline-offset: -4px;

}



.main .presentation-slides {



    position: absolute;

    bottom: 0px;

    /*display: flex;*/

    /*align-items: center;*/

    /*transform-origin: 50% 100%;*/

    /*transition-property: transform;*/

}



.main .presentation-slides .slide-main,

.swiper-spend .swiper-slide .swiper-slide-next {

    transform: translateY(0px) scale(1);

    overflow: hidden;

    height: calc(70vh);

    width: calc(49.6063vh);

}



.main .presentation-slides .slide-main .slide-card-infos,

.swiper-spend .swiper-slide.slide-main .slide-card-infos {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    object-fit: cover;

    object-position: top;

    z-index: 1;

}



.main .presentation-slides .slide-main .slide-card-banner {

    position: absolute;

    inset: 0;

}



.main .presentation-slides .slide-main .slide-card-banner img {

    color: transparent;

    transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    transition-property: transform;

    transform: translate(-50%, 0px) scale(1.56);

    position: absolute;

    bottom: 0px;

    left: 50%;

    width: 100vw;

    height: 100vh;

    transform-origin: 50% 100%;

    object-fit: cover;

    object-position: center bottom;

}



.main .presentation-slides .slide-main .slide-card-avatar {

    position: absolute;

    inset: 0;

}



.main .presentation-slides .slide-main .slide-card-avatar img {

    color: transparent;

    transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    transition-property: transform;

    transform: translate(0, 0px) scale(1);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    bottom: 0;

    left: 0;

    transform-origin: 0;

    pointer-events: none;

    display: block;

    object-fit: cover;

    object-position: center;

}



.main .presentation-slides .slide-secondary,

.swiper-spend .swiper-slide:not(.slide-main) {

    overflow: hidden;

    height: calc(70vh);

    opacity: 0;

}



.swiper-spend .swiper-slide {

    border-radius: calc(2.5vh);

}



.main .presentation-slides .slide-secondary img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}





html {

    scrollbar-gutter: stable;

    overscroll-behavior: none; /* Блокируем инерционный скролл */

}



body {

    overflow-x: hidden;

    margin: 0;

    padding: 0;

}



.show-header {

    position: fixed;

}



.section-faq .uk-accordion .uk-accordion-item .uk-accordion-title:before {

    content: "";

    width: 1.4em;

    height: 1.4em;

    margin-left: 10px;

    float: right;

    background-image: url("../images/icon-plus.svg");

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-size: 25px;

}



.section-faq .uk-accordion .uk-accordion-content {

    color: #fff;

    font-size: 15px;

}



.section-faq .uk-accordion .uk-accordion-item.uk-open .uk-accordion-title:before {

    content: "";

    background-image: url("../images/icon-minus.svg")

}





.section-savetime {

    background: #152b64;

}



.section-savetime,

.section-security {

    padding: 100px 0;

}



.section-services {

    padding: 100px 0 150px;

}





.section-services .section-title {

    margin-bottom: 40px;

    color: #000;

    font-weight: 700;

    font-size: 40px;

}



.section-security {

    background-color: #EFF1FD;

}



.section-savetime .section-title,

.section-security .section-title {

    font-size: 40px;

    line-height: 1.2;

    font-weight: bold;

    color: #000;

    margin-bottom: 25px;

}





.section-savetime .section-description,

.section-security .section-description {

    font-size: 20px;

    color: #000;

}



.section-savetime .section-title,

.section-savetime .section-description {

    color: #fff;

}



.section-invoices .section-invoices-header {

    background-color: #152b64;

    padding: 80px 0;

    text-align: center;

}





.section-invoices .section-title {

    font-size: 40px;

    line-height: 1.2;

    font-weight: bold;

    color: #fff;

    margin-bottom: 25px;

}



.section-invoices .section-description {

    font-size: 20px;

    color: #fff;

}



.section-services .services-list {

    background-color: #ffffff;

    border-radius: 10px 10px 10px 10px;

    overflow: hidden;

    box-shadow: 0px 10px 60px 0px rgba(10, 45, 97, 0.1);

    position: relative;

    padding: 40px 30px;

}



.section-services .services-list__item .description {

    font-size: 15px;

    font-weight: 700;

    margin-top: 30px;

}





.footer {

    background-color: #EFF1FE;

}



.footer .footer-bottom {

    background-color: #F5F7FE;

    color: #000;

    padding: 15px 0;

    font-size: 13px;

}



.footer .copyright {



}



.section-faq .uk-accordion-title {

    color: #fff;

    font-weight: 700;

}



.footer-top {

    background-color: #ffffff;

    border-radius: 10px 10px 10px 10px;

    overflow: hidden;

    box-shadow: 0px 10px 60px 0px rgba(10, 45, 97, 0.1);

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

    transform: translateY(-60px);

    padding: 30px 0;

}



.footer-top .contact-info__item:not(:last-child),

.footer-menu > .menu-item:not(:last-child) {

    margin-bottom: 15px;

}



.footer-top .contact-info__item a,

.footer-menu a {

    color: #000;

    font-size: 15px;

    line-height: 1.2;

}



.footer-top .contact-info__item a:hover,

.footer-menu a:hover {

    color: #26ABA3;

    text-decoration: none;

}



.footer-top .contact-info__item .icon {

    margin-right: 5px;

}



.footer-top .contact-info__item svg {

    height: 25px;

    width: 25px;

}



.footer-top .contact-info__item path {

    stroke:#152b64;

}



.footer-top h3 {

    color: #152b64;

    font-size: 20px;

    margin-bottom: 20px;

    font-weight: 700;

}



.footer-menu {

    padding-left: 0;

    margin: 0;

    list-style-type: none;

}



.section-services .icon {

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 25px;

    width: 120px;

    height: 120px;

    align-items: center;

    justify-content: center;

    display: flex;

    border-radius: 50%;

    background-image: -moz-linear-gradient(90deg, rgb(241, 243, 254) 0%, rgb(255, 255, 255) 100%);

    background-image: -webkit-linear-gradient(90deg, rgb(241, 243, 254) 0%, rgb(255, 255, 255) 100%);

    background-image: -ms-linear-gradient(90deg, rgb(241, 243, 254) 0%, rgb(255, 255, 255) 100%);

    box-shadow: 0 0 0 14px rgb(239, 241, 254, 0.3);

}



.section-services .icon img {

    height: 65%;

    width: 65%;

}



/**

New

 */



/*.section-presentation.active .presentation-slides .swiper-slide {*/

/*    box-shadow: 0px 0 15px 0px rgb(10 45 97 / 14%);*/

/*}*/

/*.section-presentation .presentation-slides .slide-main *{*/

/*    transition: .3s ease-in-out;*/

/*}*/



.section-presentation:not(.active) .presentation-slides .slide-main .slide-card-avatar {

    opacity: 0;

    visibility: hidden;

}



/*.section-presentation.active .presentation-slides .slide-main .slide-card-avatar{*/

/*    visibility: visible;*/

/*    opacity: 1;*/

/*}*/



/*.section-presentation.active .presentation-slides .slide-main .slide-card-infos{*/

/*    opacity: 0;*/

/*    visibility: hidden;*/

/*}*/





.presentation-slides .slide-card {

    overflow: hidden;

    position: relative;

    width: 100%;

    height: 100%;

}



.hero-image .hero-phone {

    display: none;

    position: absolute;

    max-height: 65vh;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, 20%);

}