/* Fonts */

@font-face {
    font-weight: 100;
    font-family: Inter;
    src: url("../fonts/Inter-Thin.woff2");
}

@font-face {
    font-weight: 200;
    font-family: Inter;
    src: url("../fonts/Inter-ExtraLight.woff2");
}

@font-face {
    font-weight: 300;
    font-family: Inter;
    src: url("../fonts/Inter-Light.woff2");
}

@font-face {
    font-weight: 400;
    font-family: Inter;
    src: url("../fonts/Inter-Regular.woff2");
}

@font-face {
    font-weight: 500;
    font-family: Inter;
    src: url("../fonts/Inter-Medium.woff2");
}

@font-face {
    font-weight: 600;
    font-family: Inter;
    src: url("../fonts/Inter-SemiBold.woff2");
}

@font-face {
    font-weight: 700;
    font-family: Inter;
    src: url("../fonts/Inter-Bold.woff2");
}

@font-face {
    font-weight: 800;
    font-family: Inter;
    src: url("../fonts/Inter-ExtraBold.woff2");
}

@font-face {
    font-weight: 900;
    font-family: Inter;
    src: url("../fonts/Inter-Black.woff2");
}

/* Fonts (end) */

:root {
    --main-color: #D7FE63;
    --text-color: #FFFFFF;
    --text-color-2: #1D1D1D;
    --background-color: #1D1D1D;
    --backgound-color-2: #404040;
    --backgound-color-3: #333333;
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
}

body {
    font-family: Inter;
    background: var(--background-color);
    padding-top: 109px;
    padding-bottom: 40px;
    font-weight: 400;
    font-size: 1.6rem;
}

h1 {
    font-weight: 500;
    font-size: 4.6rem;
    text-transform: uppercase;
    color: var(--text-color);
    margin-bottom: 10px;
}

h2 {
    font-weight: 500;
    font-size: 4rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}

h3 {
    font-weight: 500;
    font-size: 2.6rem;
    text-transform: uppercase;
    margin-bottom: 8px;
}

h4 {
    font-size: 2rem;
    margin-bottom: 4px;
    font-weight: 500;
    color: var(--text-color);
}

h1, h2 , h3 , h4 {
    line-height: 1.05;
}

span {
    font-weight: 400;
}

img {
    width: 100%;
    height: auto;
}

p {
    color: var(--text-color);
    line-height: 130%;
}

b {
    color: var(--main-color);
    font-size: inherit;
    font-weight: inherit;
}

em {
    color: #FE6363;
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
}

.up-icon,
.down-icon,
.check-icon,
.cross-icon,
.time-icon {
    max-width: 18px;
    margin-right: 4px;
}

.up::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url("../index_files/up-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px;
}

.down::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url("../index_files/down-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px;
}

.success::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url("../index_files/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px;
}

.failure::before {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url("../index_files/cross-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px;
}

.pending::before {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../index_files/time-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px;
}

.section {
    padding-top: 120px;
}

.section:first-child {
    padding-top: 0;
}
.block {
    padding: 20px;
    border-radius: 40px;
    background-color: var(--backgound-color-3);
}

.block--img {
    padding: 0;
    object-fit: cover;
    object-position: top;
    aspect-ratio: 1 / 1;
}

.block--slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url('../index_files/quotes.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
}

.btn {
    display: inline-block;
    border-radius: 40px;
    white-space: nowrap;
}

.btn--header {
    border: 1px solid var(--main-color);
    background-color: transparent;
    color: var(--main-color);
    padding: 10px 25px;
    transition: all 0.3s;
    font-weight: 600;
    margin-left: 25px;
}

.btn--header:active,
.btn--header:hover {
    border-color: #FFF;
    background-color: #FFF;
    color: var(--text-color-2);
    transition: all 0.3s;
}

.btn-link {
    display: inline-block;
    border-radius: 40px;
    width: 100%;
    background: var(--background-color);
    color: #fff;
    padding: 17px 40px;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    transition: all 0.3s;
}

.btn-link--green-color {
    background: var(--main-color);
    color: var(--text-color-2);
}

    .btn-link:hover,
    .btn-link:active {
        color: var(--text-color-2);
        background: #fff;
        transition: all 0.3s;
    }

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 25px;
    position: absolute;
}

    .header.fixed {
        position: fixed;
        background: #404040;
        transition: all 0.5s;
        border-radius: 40px;
        padding: 8px;
        margin-top: -20px;
        z-index: 1000;
        animation-name: slidein;
        animation-duration: 1s;
        transition-timing-function: ease;
    }

    @keyframes slidein {
        0% {
          top: -100%;
        }
      
        90% {
          top: calc(0% + 45px);
        }

        100% {
            top: calc(0% + 25px);
        }

    }

    .header-logo {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-right: 50px;
    }

    img.header-logo__img {
        max-width: 45px;
    }

        .header-logo__text {
            color: var(--text-color);
            font-weight: 500;
            line-height: 1.1;
            font-size: 2.4rem;
        }

.nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.nav--header {
    /* max-width: 590px; */
    width: auto;
}

.nav--header-mob {
    display: none;
}

.nav--header .nav_list {
    margin-right: auto;
    align-self: center;
}

.nav_list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 25px;
    margin-bottom: 0;
    padding-left: 0;
}


.nav_item {
    padding: 4px 10px;
    background: var(--backgound-color-3);
    border-radius: 40px;
    white-space: nowrap;
}
    .nav_item a {
        color: var(--text-color);
        opacity: 0.6;
        text-decoration: none;
        transition: opacity 0.3s;
    }

    .nav_item a:hover,
    .nav_item a:active {
        opacity: 1;
        transition: opacity 0.3s;
    }

.main-block {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    grid-template-rows: repeat(2, 50%);
    gap: 20px;
}

    .main-block__form-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        grid-area: 1 / 1 / 3 / 2;
    }

    .main-block__img-block {
        grid-area: 1 / 2 / 2 / 3;
        padding: 0;
        display: flex;
    }

        .main-block__img-block_img {
            border-radius: 40px;
            object-fit: cover;
        }

    .main-block__info-block {
        grid-area: 2 / 2 / 3 / 3;
    }

    .main-block__info-block .swiper {
        height: 100%;
    }

    .main-block__info-block_slide {
        display: flex;
        gap: 20px;
        height: 100%;
    }

    .main-block__info-block_slide-item {
        width: calc(50% - 10px);
        height: 100%;
    }

    .main-block__info-block_slide-item p {
        margin-bottom: 0;
    }

    .main-block__info-block_slide-bullets {
        width: auto!important;
        background: var(--background-color);
        border: 1px solid var(--backgound-color-3);
        border-radius: 40px;
        padding: 10px 20px;
        display: flex;
        gap: 10px;
        left: calc(25% - 20px)!important;
    }

    .main-block__info-block_slide-bullets .swiper-pagination-bullet {
        width: 12px;
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0!important;
        background-color: transparent;
        border: 1px solid var(--main-color);
        opacity: 1;
    }

    .main-block__info-block_slide-bullets .swiper-pagination-bullet-active {
        background-color: var(--main-color);
    }

    .swiper-backface-hidden .swiper-slide {
        padding: 0 1px;
    }


.about {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.about__main { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(35% - 20px);
}

    .about__main .wrapper {
        width: 80%;
    }

    .pop-up_link {
        color: var(--main-color);
        background: 0;
        border: none;
        padding: 0;
        font-size: 1.7rem;
        font-weight: 600;
        border-bottom: 1px solid var(--main-color);
        transition: all 0.3s;
    }

        .pop-up_link:hover,
        .pop-up_link:active {
            border-bottom: 1px solid transparent;
            transition: all 0.3s;
        }

    .about__logo {
        max-width: 45px;
    }

.about__description { 
    width: 65%;
    background-image: url("../index_files/descriptor-bg@2x.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    background-position: bottom;
}

    .about__decriptor {
        font-size: 3.2rem;
        line-height: 1.1;
        text-transform: uppercase;
        text-indent: 30%;
        margin-bottom: 40px;
    }

    .about__subdecriptor {
        width: 45%;
        margin-bottom: 0;
    }

.company-list { 
    list-style-type: none;
    padding-left: 0;
    width: 100%;
    display: flex;
    gap: 10px;
}

    .company-list__item {
        padding: 15px 20px;
        border-radius: 40px;
        background: #FFF;
        flex:  1 1 0;
        height: 60px;
        display: flex;
        justify-content: center;
    }

    .company-list__item img {
        object-fit: scale-down;
    }

.advantages_title {
    display: flex;
    gap: 20px;
}
    .advantages_title h2 {
        width: 70%;
        margin-right: auto;
    }

    .advantages_title p {
        display: flex;
        justify-content: center;
        width: 18%;
    }

.advantages__cards {
    display: flex;
    gap: 20px;
}
    .advantages__card {
        height: 320px;
        width: calc((100% / 3) - 10px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid transparent;
    }

    .advantages__card-img {
        padding: 20px;
        max-width: 80px;
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        border: 1px solid transparent;
    }

    .advantages__card-text p {
        margin-bottom: 0;
    }

    .advantages__card:nth-child(1) {
        background: #404040;
    }

    .advantages__card:nth-child(1) .advantages__card-img {
        background-color: var(--main-color);
    }

    .advantages__card:nth-child(1) .advantages__card-title {
        color: var(--main-color);
    }

    .advantages__card:nth-child(2) {
        background-color: var(--main-color);
    }

    .advantages__card:nth-child(2) .advantages__card-img {
        background-color: var(--background-color);
    }

    .advantages__card:nth-child(2) .advantages__card-title {
        color: var(--text-color-2);
    }

    .advantages__card:nth-child(2) .advantages__card-text p {
        color: var(--text-color-2);
    }

    .advantages__card:nth-child(3) {
        background-color: var(--background-color);
        border-color: var(--main-color);
    }

    .advantages__card:nth-child(3) .advantages__card-img {
        background-color: var(--background-color);
        border-color: var(--main-color);
    }

    .advantages__card:nth-child(3) .advantages__card-title {
        color: var(--text-color);
    }

    .advantages__card:nth-child(3) .advantages__card-text p {
        color: var(--text-color);
    }

.profit .wrapper {
    display: flex;
    gap: 20px;
}

    .profit__table {
        width: calc(50% - 10px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
    }

    .profit__table > .wrapper {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .profit__img-block {
        width: calc(50% - 10px);
        background: var(--main-color);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

        .profit__img-block img {
            max-width: 528px;
        }

    .chart-list {
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 0;
    }

        .chart-list__row {
            border-radius: 40px;
            padding: 18.5px 20px;
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
        }

        .chart-list__row:nth-child(odd) {
            background: var(--background-color);
        }

        .chart-list__row:nth-child(even) {
            background: #404040;
        }

            .chart-list__item {
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: space-between;
                position: relative;
            }

                .chart-list__item::after {
                    content: " ";
                    display: inline-block;
                    width: 1px;
                    height: 20px;
                    background: #fff;
                    margin: 0 12px;
                    position: relative;
                    right: 0;
                }

                .chart-list__item:last-child::after {
                    display: none;
                }
    
.stories {
    background-color: var(--background-color);
}

.stories__wrapper {
    background-image: url("../index_files/quotes.webp");
    background-repeat: no-repeat;
    background-position: -35px 70px;
    padding: 20px 19px;
    margin-right: -1px;
    margin-left: -1px;
}

.stories__text-block {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}
    .stories__text-block h2 {
        width: 40%;
        margin-bottom: 0;
    }

    .stories__text-block p {
        width: 40%;
        text-indent: 45%;
        font-size: 2.6rem;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1.1;
    }

    .stories__slide {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .stories__slide-text {
        width: 50%;
    }

    .stories__slide-text p {
        margin-bottom: 20px;
    }

    .stories__slide-info {
        width: 30%;
        padding-bottom: 60px;
    }

        .stories__slide-img {
            height: 260px;
            object-position: top;
            margin-bottom: 20px;
        }

        .stories__slide-info h4 {
            margin-bottom: 8px;
        }

        .stories__slide-info p {
            margin-bottom: 2px;
        }

.slider-wrapper {
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    right: 22%;
}
    
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none!important;
}

.swiper-button-next,
.swiper-button-prev {
    max-width: 50px;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    background-color: var(--main-color);
    border-radius: 50%;
    padding: 10px;
    position: static;
    margin-top: 0;
    transition: all 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #fff;
    transition: all 0.3s;
}

.steps > .wrapper {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

    .steps__step-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 285px;
        flex: 1 1 0;
    }

    .steps__step-block_title {
        font-size: 20px;
        color: rgba(255, 255, 255, 0.60);
    }

    .steps__step-block h3 {
        margin-bottom: 8px;
        color: var(--main-color);
    }

    .steps__step-block p {
        margin-bottom: 0;
    }

        .steps__step-block .wrapper {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .steps__step-block {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            background-color: #404040;
        }

        .steps__step-block:first-child {
            background-color: #333333;
        }

        .steps__step-block:nth-child(1) {
            background-image: url("../index_files/step-title-bg.webp");
        }

        .steps__step-block:nth-child(2) {
            background-image: url("../index_files/step-bg-1.webp");
        }

        .steps__step-block:nth-child(3) {
            background-image: url("../index_files/step-bg-2.webp");
        }

        .steps__step-block:nth-child(4) {
            background-image: url("../index_files/step-bg-3.webp");
        }

.feedback__slide {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url("../index_files/feedback-bg.webp");
    background-repeat: no-repeat;
}

.feedback__slide-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .feedback__slide-img {
        border: 1px solid var(--main-color);
        border-radius: 50%;
        max-width: 70px;
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .feedback__slide-info-text span {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.60);
        line-height: 130%;
    }

    .slider-title {
        display: flex;
        align-items: flex-end;
        margin-bottom: 40px;
    }

    .slider-title h2 {
        width: 50%;
        margin-right: auto;
        gap: 20px;
        margin-bottom: 0;
    }

    .slider-title .slider-wrapper {
        position: static;
    }


.footer__wrapper {
    background-color: var(--main-color);
    background-image: url("../index_files/footer-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 460px;
}

.footer__wrapper > .nav_list {
    display: none;
}

    .footer h1 {
        color: var(--text-color-2);
        margin-bottom: 0;
    }

    .footer__head {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        
    }

    .footer__nav {
        display: flex;
        flex-direction: column;
        width: 70%;
    }

    .footer__nav .nav_list {
        gap: 8px;
    }

    .footer-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 30px;
    }

        .footer-logo__img {
            max-width: 45px;
        }

        .footer-logo__text {
            color: var(--text-color-2);
            font-size: 2.4rem;
            font-weight: 500;
        }

    .footer__end {display: none;}

.popup.more {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transform: none;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 9000;
    border-radius: 0;
    display: block;
}

.popup.more.fade-in {
    opacity: 1;
    pointer-events: all;
}
.popup.more .popup-content {
    background-image: url("../index_files/popup-bg.webp")!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 40px!important;
    padding: 20px;
    height: auto!important;
    width: 100%;
    max-width: 542px;
}

.popup.more .popup-title {
    font-size: 2.6rem;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    line-height: 1;
    margin-top: 0;
    color: var(--text-color-2);
}

.popup.more .popup-close {
    position: static!important;
    margin-left: auto;
    font-weight: 200;
    font-size: 7rem!important;
    line-height: 1;
    transition: all 0.3s;
}

    .popup.more .popup-close:hover,
    .popup.more .popup-close:active {
        color: #fff!important;
        transition: all 0.3s;
    }

.popup.more .popup-header {
    margin-bottom: 12px!important;
}

.popup.more .popup-header {
    gap: 40px;
    flex-direction: column-reverse;
}

.popup.more .popup-body {
    font-size: 1.6rem!important;
    text-align: left;
    margin: 0!important;
}

.popup.more .popup-body p {
    color: var(--text-color-2);
    margin: 0!important;
    font-weight: 400;
}


.swiper-slide-prev {
    opacity: 0!important;
}

.main-block__info-block .swiper-wrapper {
    align-items: stretch;
}

.main-block__info-block .swiper-slide {
    height: auto;
}

.burger-menu {
    display: none;
}

.footer__head .btn-link {
    display: none;
}

.up-btn {
    display: none;
}

.simplebar-track.simplebar-vertical {
    right: 25px;
    width: 6px;
    border-radius: 40px;
    background-color: #1D1D1D;
    box-shadow: inset 0px 0px 0px 1px #D7FE63;
    margin: 20px 0;
}

.simplebar-scrollbar {
    background-color: #D7FE63;
    border-radius: 40px;
}

.simplebar-scrollbar:before {
    opacity: 1;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
}

.hide-text {
    display: none;
}

/* style for retina display */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
    .block--slide {
        background-image: url('../index_files/quotes@2x.webp');
    }

    .stories__wrapper {
        background-image: url('../index_files/quotes@2x.webp');
        background-size: 50vw;
    }

    .steps__step-block:nth-child(1) {
        background-image: url("../index_files/step-title-bg@2x.webp");
    }

    .steps__step-block:nth-child(2) {
        background-image: url("../index_files/step-bg-1@2x.webp");
    }

    .steps__step-block:nth-child(3) {
        background-image: url("../index_files/step-bg-2@2x.webp");
    }

    .steps__step-block:nth-child(4) {
        background-image: url("../index_files/step-bg-3@2x.webp");
    }

    .feedback__slide {
        background-image: url("../index_files/feedback-bg@2x.webp");
    }

    .footer__wrapper {
        background-image: url("../index_files/footer-bg@2x.webp");
    }

    .popup.more .popup-content {
        background-image: url("../index_files/popup-bg@2x.webp")!important;
    }
    
}

/* style for retina display (end) */

@media(max-width: 1399px) {
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.5rem;
    }

    h3 {
        font-size: 2rem;
    }

    .about__decriptor {
        font-size: 2.5rem;
    }

    .stories__text-block p {
        font-size: 2rem;
    }

    /* .profit__table {
        width: calc(60% - 10px);
    } */

    /* .profit__img-block {
        width: calc(40% - 10px);
    } */

    .main-block__form-block {

    }
    
}

@media(max-width: 1199px) {

    .section {
        padding-top: 80px;
    }

    .main-block {
        gap: 10px;
        grid-template-columns: repeat(2, calc(50% - 5px));
    }

    .main-block__form-block {
        gap: 20px;
    }

    .main-block__info-block_slide {
        gap: 10px;
    }

    .main-block__info-block_slide-item {
        width: calc(50% - 5px);
    }

    .main-block__img-block_img {
        object-fit: cover;
    }

    .header-logo__text {
        font-size: 2rem;
    }

    .about {
        gap: 10px;
    }

    .about__main {
        width: calc(35% - 10px);
    }

    .advantages__cards {
        gap: 10px;
    }

    .profit .wrapper {
        gap: 10px;
        flex-direction: column;
    }

    .profit__img-block {
        width: 100%;
    }

    .profit__table {
        width: 100%;
    }

    .chart-list__row {
        font-size: 1.4rem;
    }

    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 3rem;
    }

    p {
        font-size: 1.4rem;
    }

    .about__decriptor {
        font-size: 2rem;
    }

    .steps > .wrapper {
        flex-wrap: wrap;
        gap: 10px;
    }

    .steps > .wrapper {
        margin-bottom: 10px;
    }

    .steps__step-block {
        width: calc(50% - 10px);
        flex: auto;
    }

    .profit__img-block {
        justify-content: center;
    }
}

@media(max-width: 991px) {
    body *{
        scroll-margin-top: 60px;
    }
    .main-block {
        display: flex;
        flex-direction: column;
    }

    .main-block__info-block_slide-item h4 {
        font-size: 2.4rem;
    }

    .main-block__info-block_slide-item span {
        font-size: 2rem;
    }

    .main-block__info-block_slide-item p {
        font-size: 2rem;
    }

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.6rem;
    }

    .about__main h4 {
        font-size: 1.6rem;
    }

    .advantages__cards {
        flex-wrap: wrap;
        justify-content: center;
    }

    .advantages__card {
        width: calc(50% - 10px);
    }

    .profit .wrapper {
        flex-direction: column;
    }

    .profit__table {
        width: 100%;
    }

    .profit__img-block {
        width: 100%;
    }

    .profit__img-block img {
        max-width: 380px;
    }

    .stories__text-block p {
        font-size: 1.4rem;
    }

    .stories__slide-info {
        width: 40%;
        padding-bottom: 60px;
    }

    .footer__nav {
        width: 100%;
    }

    .section {
        padding-top: 60px;
    }

    .header {
        flex-wrap: wrap;
        gap: 10px;
    }

    .nav--header {
        min-width: 100%;
    }

    .advantages_title {
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: 20px
    }

    .advantages_title h2 {
        width: 100%;
    }

    .advantages_title p {
        width: 100%;
        justify-content: left;
    }

    .nav.nav--header {
        display: none;
    }

    .nav.nav--header-mob {
        padding: 30px 10px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        background-color: var(--background-color);
        flex-direction: column;
        gap: 60px;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 90px;
        transition: all 1s ease;
        display: flex;
    }

    .nav--header-mob.active {
        visibility: visible;
        opacity: 1;
        z-index: 900;
        transition: all 0.5s ease;
    }


    .nav--header-mob .nav_list {
        justify-content: space-between;
        width: 100%;
        pointer-events: none;
    }

    .nav--header-mob .nav_item a {
        pointer-events: all;
    }

    .nav_col {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .nav--header-mob .nav_item {
        width: max-content;
    }

    .nav--header-mob .nav_item a {
        text-transform: uppercase;
        opacity: 1;
    }

    .burger-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 10px;
        background-color: #404040;
        width: 60px;
        height: 40px;
        gap: 6px;
        border-radius: 40px;
        border: 1px solid #404040;
        background: #333;
    }

    .burger-menu__line {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        pointer-events: none;
    }

    .burger-menu.active {
        background: #fff;
    }

    .burger-menu.active .burger-menu__line {
        background-color: #1D1D1D;
    }

    .header {
        top: 0;
        padding: 30px 10px;
    }

    .header.fixed {
        border-radius: 0;
        background-color: #1D1D1D;
        margin-top: 0px;
        padding: 30px 15px;
        left: 0;
        max-width: 100%;
        animation-name: slideinMob;
        animation-duration: 1s;
        transition-timing-function: ease;
    }

    @keyframes slideinMob {
        0% {
          top: -100%;
        }

        100% {
            top: 0%;
        }

    }

    .footer-logo {
        display: none;
    }

    .footer-logo--mob {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 17.5px 0;
    }

    .footer__end { 
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .footer__head {
        flex-direction: column;
    }

    .footer__nav {
        display: none;
    }

    .footer .nav_list {
        width: 100%;
        gap: 40px;
    }

    .footer .nav_item {
        width: max-content;
    }

    .footer .nav_item a {
        opacity: 1;
    }

    .footer__wrapper {
        height: auto;
        gap: 60px;
        background-position: center;
    }

    .footer__wrapper .btn-link {
        display: none;
    }

    .footer__head .btn-link  {
        display: block;
    }

    .up-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 10px;
        border-radius: 40px;
        background: var(--background-color);
    }

    .up-btn img {
        animation-name: upBtnBounce;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transition-timing-function: ease;
    }

    @keyframes upBtnBounce {
        0% {
          transform: translateY(0px);
        }

        50% {
            transform: translateY(-5px);
        }

        100% {
            transform: translateY(0px);
        }
    }

    .footer__wrapper > .nav_list {
        display: flex;
    }

    .about__subdecriptor {
        width: 100%;
    }

    .swiper-button-next:hover, .swiper-button-prev:hover {
        background-color: var(--main-color);
    }

    .iti-mobile .iti__country-list {
        width: 92vw!important;
        height: 40vh!important;
        top: 30%!important;
    }

}

@media(max-width: 767px) {
    h1 {
        font-size: 2.8rem;
    }

    .main-block__info-block_slide {
        flex-direction: column;
    }

    .main-block__info-block_slide-item {
        width: 100%;
    }

    .main-block__info-block_slide-item > .wrapper {
        margin-bottom: 26px;
    }

    .main-block__form-block_text-block h1 br {
        display: none;
    }

    .about__main {
        width: 100%;
        min-height: 270px;
    }

    .about__description {
        width: 100%;
    }

    .company-list {
        flex-wrap: wrap;
    }

    .company-list__item {
        width: calc(33.3% - 10px);
        flex: auto;
    }

    .about__main h4 {
        font-size: 1.4rem;
    }

    .chart-list {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .chart-list__row {
        width: calc(50% - 8px);
        display: flex;
        flex-direction: column;
    }

    .chart-list__item::after {
        display: none;
    }

    .chart-list__item {
        border-bottom: 1px solid #404040;
    }

    .chart-list__row:nth-child(odd) {
        background: transparent;
    }

    .chart-list__row:nth-child(even) {
        background: transparent;
    }

    .chart-list__row:nth-child(n1 ) {
        background: transparent;
    }

    .chart-list__row {
        background: #404040!important;
    }

    .chart-list__row .chart-list__item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
        margin-bottom: 6px;
        padding-bottom: 6px;
    }

    .chart-list__row:nth-child(4n+1),
    .chart-list__row:nth-child(4n) {
        background: var(--text-color-2)!important;
    }

    .chart-list__item:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .stories__text-block {
        flex-direction: column;
    }

    .stories__text-block h2 {
        width: 100%;
    }

    .stories__text-block p {
        width: 100%;
    }

    .stories__text-block p {
        font-size: 1.8rem;
    }

    .stories__slide {
        flex-direction: column-reverse;
    }

    .stories__slide-info {
        width: 100%;
    }

    .stories__slide-info {
        padding-bottom: 20px;
    }

    .stories__slide-text {
        width: 100%;
        /* padding-bottom: 40px; */
    }

    .slider-wrapper {
        right: 50%;
        transform: translateX(50%);
        z-index: 10;
    }

    .slider-title h2 {
        width: 100%;
    }
    .slider-title .slider-wrapper {
        position: absolute;
        bottom: 0;
    }

    .stories__slider .swiper-slide {
        padding-bottom: 60px;
    }

    .main-block__info-block_slide-bullets {
        top: 100vw!important;
        bottom: auto!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
    }

    .footer__head {
        flex-direction: column;
    }

    .hide-text {
        display: block;
        width: 100%;  
        border: none;
        background: linear-gradient(0deg, rgba(51,51,51,1) 50%, rgba(51,51,51,0.5) 100%);
        position: absolute;
        bottom: 0;
        text-align: left;
        height: 40px;
        padding-left: 0;
        height: 50px;
        display: flex;
        align-items: flex-end;
    }

    .hide-text span {
        display: inline-block;
        color: var(--main-color);
        border-bottom: 1px solid var(--main-color);
    }

    .hide-text.active {
        display: none;
    }

    .stories__slide-text {
        height: 200px;
        overflow: hidden;
        position: relative;
    }

    .stories__slide-text.active {
        height: auto;
        overflow: visible;
    }

    .stories__wrapper {
        background-position: -45px 500px;
    }

    .main-block__img-block_img {
        aspect-ratio:  1 / 1;
    }

    .swiper-feedback .swiper-wrapper {
        margin-left: auto; margin-right: auto;
    }
}

@media(max-width: 575px) {
    .main-block__info-block_slide-bullets {
        top: 90vw!important;
    }

    .main-block__info-block_slide-item:nth-child(1) {
        height: 60%;
    }

    .block--slide {
        background-size: 50%;
    }

    .advantages__cards {
        flex-direction: column;
    }

    .advantages__card {
        width: 100%;
        min-height: 270px;
        height: auto;
    }

    .profit__table {
        gap: 32px;
    }

    .steps > .wrapper {
        flex-direction: column;
    }

    .steps__step-block {
        width: 100%;
        min-height: 220px;
        height: auto;
        background-position: right;
    }

    .steps__step-block:nth-child(1) {
        background-position: center;
        background-size: cover;
        background-image: url("../index_files/step-title-bg-mob.webp");
    }

    .feedback__slide {
        background-size: cover;
    }
}

@media(max-width: 390px) {

    .chart-list__row .chart-list__item {
        font-size: 1.2rem;
    }
    .main-block__info-block_slide-bullets {
        top: 95vw!important;
    }

    .footer .nav_list {
        gap: 10px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 96vw;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 96vw;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 96vw;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 96vw;
    }

    .header.fixed {
        max-width: 94.6vw;
    }

}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }

    .header.fixed {
        max-width: 1305px;
    }
}