@import url("https://fonts.googleapis.com/css?family=Manrope:500,600");

body {
    font-family: Manrope;
}

.header {
    margin-top: 15px;
    height: 78px;
    width: 100%;
    background: #FFFFFF;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 99999;
}

.header__burger {
    display: flex;
    background: #279760;
    color: #fff;
    gap: 6px;
    border-radius: 60px;
    padding: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.header__logo {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.header__menu {
    margin-left: 20px;
    margin-right: 20px;
}

.header__menu ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header__menu li > a {
    text-decoration: none;
    color: #191E1D;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding: 10px;
    margin-right: 10px;
}

.header__left {
    display: flex;
    align-items: center;
    height: 100%;
}

.header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.header__right__tel {
    display: flex;
    flex-direction: column;
}

.header__right__tel__number {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}

.header__right__tel__link {
    color: #279760;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
}

.header__right__login {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #191E1D;
    border: 1px solid #E8E8E8;
    border-radius: 60px;
    padding: 16px;
    margin-left: 20px;
}

/* Mobile Header */
.header-mobile {
    height: 78px;
    width: 100%;
    background: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 99999;
    border-bottom: 1px solid #E8E8E8;
}

.header-mobile__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 100%;
}

.header-mobile__logo {
    display: flex;
    align-items: center;
}

.header-mobile__logo img {
    max-height: 40px;
    width: auto;
}

.header-mobile__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-mobile__phone,
.header-mobile__menu-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
}

.header-mobile__phone:hover,
.header-mobile__menu-btn:hover {
    background: rgba(25, 30, 29, 0.05);
    border-color: #191E1D;
}

.header-mobile__menu-btn {
    background: #279760;
    border-color: #279760;
}

.header-mobile__menu-btn svg path {
    stroke: #FFFFFF;
}

/* Mobile Menu Offcanvas */
.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #E8E8E8;
}

.offcanvas-header__left,
.offcanvas-header__right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.offcanvas-header__logo img {
    max-height: 32px;
    width: auto;
}

.offcanvas-header__phone,
.offcanvas-header__close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
}

.offcanvas-header__phone:hover,
.offcanvas-header__close:hover {
    background: rgba(25, 30, 29, 0.05);
    border-color: #191E1D;
}

.offcanvas-header__close {
    border: none;
    background: transparent;
}

.offcanvas-body {
    padding: 0;
}

/* Mobile Menu Content */
.mobile-menu__contact {
    padding: 20px;
    border-bottom: 1px solid #E8E8E8;
}

.mobile-menu__phone {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 8px;
}

.mobile-menu__callback {
    color: #279760;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
}

.mobile-menu__callback:hover {
    color: #1e7a5e;
    text-decoration: underline;
}

.mobile-menu__login {
    padding: 20px;
    border-bottom: 1px solid #E8E8E8;
}

.mobile-menu__login-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: #F6F6F6;
    border: 1px solid #E8E8E8;
    border-radius: 60px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #191E1D;
    cursor: pointer;
    transition: all 0.2s;
}

.mobile-menu__login-btn:hover {
    background: rgba(25, 30, 29, 0.05);
    border-color: #191E1D;
}

.mobile-menu__nav {
    display: flex;
    flex-direction: column;
}

.mobile-menu__nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    text-decoration: none;
    color: #191E1D;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    border-bottom: 1px solid #F8F9FA;
    transition: all 0.2s;
}

.mobile-menu__nav-link:hover {
    background: rgba(25, 30, 29, 0.05);
    color: #191E1D;
}

.mobile-menu__nav-link:last-child {
    border-bottom: none;
}

/* Offcanvas Overrides */
.offcanvas {
    width: 100% !important;
    max-width: 100% !important;
}

.offcanvas-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 480px) {
    .header-mobile__container {
        padding: 0 15px;
    }

    .header-mobile__logo img {
        max-height: 35px;
    }

    .header-mobile__phone,
    .header-mobile__menu-btn {
        width: 36px;
        height: 36px;
    }

    .offcanvas-header {
        padding: 15px;
    }

    .mobile-menu__contact,
    .mobile-menu__login {
        padding: 15px;
    }

    .mobile-menu__nav-link {
        padding: 14px 15px;
    }
}

.first__title {
    color: #191E1D;
    font-weight: 500;
    font-size: 52px;
    line-height: 110.00000000000001%;
    margin-bottom: 37px;
    margin-top: 60px;
    width: 65%;
}

.first__slider__wrap {
    position: relative;
    overflow: visible;
}

.first__slider {
    overflow: visible; /* 🔥 КЛЮЧЕВО */
}

.first__slider__block {
    display: flex!important;
    min-height: 414px;
}

.first__slider__block__green, .first__slider__block__bg {
    width: 50%;
}

.first__slider__block__green {
    position: relative;
    background: #279760;
    padding: 30px;
    background-image: url('/assets/img/first__block_img.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.first__slider__block__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #F6F7F8;
}

.first__slider__block__descr {
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #F6F7F8;
}

.first__slider__block__link {
    display: inline-flex;
    border-radius: 60px;
    padding: 24px;
    gap: 24px;
    background: #F6F7F8;
    color: #279760;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
}

.first__slider__block__bg {
    background: #F6F6F6;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: visible;
}

.first__slider__block__bg img {
    bottom: 0;
    position: absolute;
}

.first__slider__items__wrap {
    position: absolute;
    bottom: 35px;
    right: 30px;
    display: flex;
    align-items: center;
}

.first__slider__counter {
    color: #F6F7F8;
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    opacity: 0.7;
    margin-right: 20px;
}

.first__slider__arrows {
    display: flex;
    align-items: center;
}

.next, .prev {
    border: 1px solid #5AB187;
    padding: 16px;
    border-radius: 50%;
}

.prev {
    margin-right: 5px;
}

.next img, .prev img {
    display: flex;
}

.first__slider__block__bg::before {
    position: absolute;
    content: '';
    right: 0%;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #279760;
    border-left: none;
    border-bottom: none;
    z-index: 2;
}

.second__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 52px;
    line-height: 100%;
    margin-bottom: 60px;
    margin-top: 160px;
    text-align: center;
}

.second__wrap {
    display: flex;
    margin-bottom: 60px;
}

.second__block {
    border-left: 1px solid #E8E8E8;
    height: 270px;
    padding: 0px 20px;
}

.second__block__img {
    margin-bottom: 30px;
}

.second__block__number {
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #999999;
    margin-bottom: 10px;
}

.second__block__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #191E1D;
    margin-bottom: 30px;
}

.second__block__descr {
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #999999;
}

.second__button {
    font-family: Manrope;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    background: #279760;
    padding: 24px;
    display: flex;
    border-radius: 60px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    width: 238px;
    margin: 0 auto;
}

.third {
    position: relative;
}

.third__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 52px;
    line-height: 100%;
    text-align: center;
    margin-top: 160px;
    margin-bottom: 60px;
    width: 50%;
    margin: 160px auto 60px auto;
}

.green {
    color: #279760;
}


.third__slider__item {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.third__slider__item__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    color: #191E1D;
}

.third__slider__item__link__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 260px;
    gap: 4px;
}

.third__slider__item__link {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #191E1D;
    padding: 12px;
    border: 1px solid #E8E8E8;
    border-radius: 60px;
    text-decoration: none;
}

.third__slider__item__link__green {
    background: #2797601A;
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #279760;
    padding: 12px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.third__slider__item {
    background: #F8F8F8;
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: right;
    height: 338px;
    padding: 30px;
    position: relative;
}

.third__slider__item::before {
    position: absolute;
    content: '';
    right: 0%;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #279760;
    border-left: none;
    border-bottom: none;
    z-index: 2;
}

.third__wrap {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 30px;
}

.third__slider__item:nth-child(1) {
    background-image: url('/assets/img/Image-Spheres-01.png');
}

.third__slider__item:nth-child(2) {
    background-image: url('/assets/img/Image-Spheres-02.png');
}

.third__slider__item:nth-child(3) {
    background-image: url('/assets/img/Image-Spheres-03.png');
}

.third__slider__item:nth-child(4) {
    background-image: url('/assets/img/Image-Spheres-04.png');
}

.third__slider__item:nth-child(5) {
    background-image: url('/assets/img/Image-Spheres-05.png');
}

.third__slider__item:nth-child(6) {
    background-image: url('/assets/img/Image-Spheres-06.png');
}

.third__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 30px;
}

.third__footer__title {
    color: #191E1D;
    font-family: Manrope;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
}

.third__button {
    font-family: Manrope;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    background: #279760;
    padding: 24px;
    border-radius: 60px;
    text-decoration: none;
}

.third__title__wrap {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.third__arrow {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 60px;
}

.third__arrow__prev {
    margin-right: 5px;
}

.third__arrow__prev img, .third__arrow__next img {
    display: flex;
}

.third__arrow__prev, .third__arrow__next {
    border: 1px solid #E8E8E8;
    padding: 16px;
    border-radius: 50%;
}

.fourth__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 52px;
    line-height: 100%;
    text-align: center;
    margin-top: 160px;
    margin-bottom: 60px;
    width: 65%;
    margin: 160px auto 60px auto;
}

.fourth__block__items {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 520px;
    width: 49%;
    position: relative;
}

.fourth__block__items::before {
    position: absolute;
    content: '';
    right: 0%;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #279760;
    border-left: none;
    border-bottom: none;
    z-index: 2;
}

.fourth__block__items__text__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #191E1D;
}

.fourth__block__items__text__list li {
    display: flex;
    align-items: center;
}

.fourth__block__items__text__title {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 120%;
    color: #191E1D;
    margin-bottom: 24px;
}

.fourth__block__items__btn {
    border-radius: 60px;
    padding: 24px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #191E1D;
    background: #fff;
    text-decoration: none;
}

.fourth__block__items:nth-child(2) {
    background: #F1F7F6;
    background-image: url('/assets/img/Image-Services-01.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(3) {
    background: #DBF1D6;
    background-image: url('/assets/img/Image-Services-02.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(4) {
    background: #F1F7F6;
    background-image: url('/assets/img/Image-Services-03.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(5) {
    background: #EAECEE;
    background-image: url('/assets/img/Image-Services-04.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(6) {
    background: #F1F7F6;
    background-image: url('/assets/img/Image-Services-05.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(7) {
    background: #F1EBD6;
    background-image: url('/assets/img/Image-Services-06.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(8) {
    background: #E2E8F0;
    background-image: url('/assets/img/Image-Services-07.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__block__items:nth-child(9) {
    background: #EAECEE;
    background-image: url('/assets/img/Image-Services-08.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fourth__wrap {
    gap: 20px;
}

.about-us__stats__wrap {
    display: flex;
    margin: 0 auto;
}

.stats-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 160px;
    margin-bottom: 160px;
}

/* верхний ряд */
.top-cell {
    padding: 0!important;
}

.top-inner {
    display: flex;
}

.top-inner > div {
    flex: 1; /* 50% / 50% */
    padding: 20px;
}

/* линия между верхними блоками */
.top-inner > div + div {
    border-left: 1px solid #ccc;
}

.stats-table td {
    padding: 20px;
}

/* линии между ячейками */
.stats-table td + td {
    border-left: 1px solid #ccc;
}

.stats-table tr + tr td {
    border-top: 1px solid #ccc;
}

.top-inner__title__left {
    color: #191E1D;
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: -2%;
}

.top-inner__title__right, .top-inner__title__left {
    display: flex;
    align-items: center;
}

.top-inner__title__right, .top-inner__title__left {
    padding-bottom: 38px!important;
}

.top-inner__title__right__green {
    color: #279760;
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 67px;
    line-height: 100%;
    letter-spacing: -2%;
}

.top-inner__title__right__descr {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #999999;
    margin-left: 20px;
}

.bottom-inner__title {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -2%;
    color: #191E1D;
    margin-bottom: 30px;
}

.bottom-inner__descr {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #999999;
}

.sixth__block {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 520px;
    position: relative;
    background: #279760;
    background-image: url('/assets/img/first__block_img.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.sixth__block__gray {
    padding: 30px;
    height: 520px;
    position: relative;
    background: #F8F8F8;
    background-image: url('/assets/img/Image-PersonalArea.png');
    background-repeat: no-repeat;
    background-position: center;
}

.sixth__block__wrap {
    padding: 0;
}

.sixth__block__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
}

.sixth__block__list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.sixth__block__list li > img {
    filter: invert(1);
}

.sixth__block__title {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 30px;
}

.sixth__block__btn {
    border-radius: 60px;
    padding: 24px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #279760;
    background: #F6F7F8;
    text-decoration: none;
}

.seventh__title__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 160px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E8E8E8;
}

.seventh__title {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 52px;
    line-height: 100%;
    color: #191E1D;    
}

.seventh__arrow {
    display: flex;
    align-items: center;
}

.seventh__arrow__prev {
    margin-right: 5px;
}

.seventh__arrow__prev img, .seventh__arrow__next img {
    display: flex;
}

.seventh__arrow__prev, .seventh__arrow__next {
    border: 1px solid #E8E8E8;
    padding: 16px;
    border-radius: 50%;
}

.seventh__block__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    color: #191E1D;
    margin-bottom: 30px;
}

.seventh__block, .seventh__list {
    padding-top: 40px;
}

.seventh__block__content {
    display: flex;
    align-items: center;
}

.seventh__block__content__img {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
    height: 120px;
    width: 120px;
}

.seventh__block__content__block {
    margin-left: 20px;
}

.seventh__block__content__block__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #191E1D;
}

.seventh__block__content__block__descr {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #999999;
}

.seventh__block__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E8E8E8;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    padding: 24px;
    border-radius: 60px;
    width: 270px;
    margin-top: 30px;
    text-decoration: none;
    color: #191E1D;
}

.seventh__list__gray {
    background: #F8F8F8;
    padding: 20px;
    margin-bottom: 10px;
}

.seventh__list__gray__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #191E1D;
    margin-bottom: 20px;
}

.seventh__list__gray__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #999999;
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 12px;
}

.seventh__list__gray__list li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}

.seventh__list__gray__btn {
    background: #2797601A;
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    color: #279760;
    padding: 12px;
    border-radius: 60px;
    text-decoration: none;
    display: inline-flex;
}

.seventh__list__green {
    background: #279760;
    padding: 20px;
    color: #fff;
}

.seventh__list__green__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 20px;
}

.seventh__list__green__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
}

.seventh__list__green__list li {
    display: flex;
    align-items: flex-start;
}

.seventh__list__green__list li img {
    filter: invert(1);
}

.eighteth__title__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 160px;
    padding-bottom: 60px;
}

.eighteth__title {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 52px;
    line-height: 100%;
    color: #191E1D;    
}

.eighteth__arrow {
    display: flex;
    align-items: center;
}

.eighteth__arrow__prev {
    margin-right: 5px;
}

.eighteth__arrow__prev img, .eighteth__arrow__next img {
    display: flex;
}

.eighteth__arrow__prev, .eighteth__arrow__next {
    border: 1px solid #E8E8E8;
    padding: 16px;
    border-radius: 50%;
}

.eighteth__slider__item {
    border: 1px solid #E8E8E8;
    width: 204px;
    height: 120px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.nineth {
    margin-top: 160px;
    background-image: url('/assets/img/contacts-line.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: contain;
    height: 510px;
}

.nineth__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 52px;
    line-height: 100%;
    color: #191E1D;
    margin-bottom: 32px;
}

.nineth__descr {
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #191E1D;
}

.nineth__form {
    background: #F8F8F8;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
}

.nineth__form::before {
    position: absolute;
    content: '';
    right: 0%;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #279760;
    border-left: none;
    border-bottom: none;
    z-index: 2;
}

.nineth__form__input {
    display: flex;
    flex-direction: column;
    width: 48%;
    height: 90px;
}

.nineth__form__input input, .nineth__form__input select {
    border: 1px solid #E8E8E8;
    padding: 20px;
    border-radius: 10px;
}

.nineth__form__input input::placeholder, .nineth__form__input select::placeholder {
    display: flex;
    align-items: center;
    color: #999999;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
}

.nineth__form__input label, .nineth__form__textarea label {
    font-family: Manrope;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;
}

.nineth__form__textarea {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.nineth__form__textarea textarea {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 20px;
}

.nineth__form__footer {
    display: flex;
    align-items: center;
}

.nineth__form__footer__btn {
    background: #279760;
    border-radius: 60px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    color: #fff;
    padding: 24px;
    width: 270px;
}

.ninth__form__warn {
    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    opacity: 30%;
    margin-left: 20px;
}

.ten {
    margin-top: 160px;
    margin-bottom: 160px;
}

.ten__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 52px;
    line-height: 100%;
    color: #191E1D;
    margin-bottom: 32px;
    margin-top: 16px;
}

.ten__accordion-header {
    width: 100%;
    background: none;
    border: none;
    padding: 34px 0;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}

.ten__accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.ten__accordion-content p {
    margin: 0 0 16px;
    color: #191E1D;
}

.icon {
    font-size: 24px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.ten__accordion-item.active .ten__accordion-content {
    max-height: 200px;
    border-bottom: 1px solid #E1E1E1;
}

.ten__accordion-item.active .ten__accordion-header {
    opacity: 0.5;
    border-bottom: none;
}

.eleven__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 52px;
    line-height: 100%;
    padding-bottom: 60px;
}

.eleven__title__wrap {
    border-top: 1px solid #E8E8E8;
    padding-top: 160px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.eleven__arrow {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 60px;
}

.eleven__arrow__prev {
    margin-right: 5px;
}

.eleven__arrow__prev img, .eleven__arrow__next img {
    display: flex;
}

.eleven__arrow__prev, .eleven__arrow__next {
    border: 1px solid #E8E8E8;
    padding: 16px;
    border-radius: 50%;
}

.roadmap-section {
    padding: 80px 0;
    background: white;
}

.roadmap-title {
    font-size: clamp(2.5rem, 3vw + 1rem, 3.25rem);
    font-weight: 500;
    text-align: center;
    margin-bottom: clamp(40px, 3.8vw, 60px);
    color: #1E1E1E;
    font-family: 'Manrope', sans-serif;
    text-align: left;
    line-height: 100%;
}

.roadmap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    gap: 80px;
    padding-bottom: 40px;
    scrollbar-width: thin;
}

.roadmap-timeline {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    min-width: 1300px;
}

.roadmap-timeline::before {
    content: '';
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 100%;
    height: 2px;
    width: max(100%, 1200px);
    background: linear-gradient(to right, #279760 0 25%, transparent 25% 100%), repeating-linear-gradient(to right, #E5E7EB 0 6px, transparent 6px 12px);
}

.roadmap-milestone {
    position: relative;
    text-align: center;
    width: 310px;
    flex: 0 0 auto;             /* ❗ не сжиматься */
    min-width: 220px;
}

.roadmap-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #E5E7EB;
    border: 2px solid #E5E7EB;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    left: 0px;
}

.roadmap-milestone.completed .roadmap-dot {
    background: #279760;
    border-color: #279760;
}

.roadmap-milestone.completed .roadmap-dot::after {
    content: '✓';
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.roadmap-year {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 4px;
    font-family: 'Manrope', sans-serif;
}

.roadmap-date {
    font-size: 28px;
    font-weight: 600;
    color: #1E1E1E;
    margin-bottom: 16px;
    font-family: 'Manrope', sans-serif;
    line-height: 120%;
}

.roadmap-milestone.completed .roadmap-date {
    color: #279760;
}

.roadmap-description {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.5;
    max-width: 250px;
    margin: 0 auto;
    font-family: 'Manrope', sans-serif;
}

.roadmap-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    min-width: 1300px;
    width: 100%;
}

.roadmap-card {
    display: flex;
    align-items: center;
    background: #F9FAFB;
    padding: 32px 24px;
    transition: transform 0.3s;
    cursor: pointer;
    position: relative;
}

.roadmap-card:hover {
    background: #F1F7F6;
}

.roadmap-card:hover > .roadmap-card-info {
    filter: invert(36%) sepia(67%) saturate(430%) hue-rotate(95deg) brightness(90%) contrast(90%);
} 

.roadmap-milestone-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.roadmap-card-info {
    position: absolute;
    top: 12px;
    right: 12px;
}

.tooltip-text ul {
    list-style-type: disc;
    margin-left: 20px;
    padding: 10px;
}

.tooltip-text ul li {
    font-family: Manrope;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

.tooltip-text {
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
    visibility: hidden;
    width: 340px; /* Ширина тултипа */
    background-color: #fff; /* Зеленый фон */
    box-shadow: 0px 20px 50px 0px #0000001A;
    position: absolute;
    color: #191E1D;
    padding: 8px;
    border-radius: 6px;
}

/* Сам тултип */
.tooltip-text__1, .tooltip-text__2  {
    top: -75%;
    left: 90%;
}

.tooltip-text__3 {
    top: -125%;
    left: 90%;
}

.tooltip-text__4 {
    top: -110%;
    left: 5%;
}

.tooltip-text__4::after {
    right: 9px;
    left: 0;
    content: "";
    position: absolute;
    top: 100%; /* Стрелка внизу тултипа */
    left: unset!important;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
} 

/* Стрелка тултипа */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Стрелка внизу тултипа */
    left: 15px;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* Показать тултип при hover */
.roadmap-card:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.roadmap-card:hover {
    transform: translateY(-5px);
}

.roadmap-card-icon {
    width: 80px;
    height: 80px;
    margin-right: 30px;
    object-fit: contain;
}

.roadmap-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #1E1E1E;
    font-family: 'Manrope', sans-serif;
}

.roadmap-details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

.roadmap-detail-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #1E1E1E;
    font-family: 'Manrope', sans-serif;
}

.roadmap-detail-list {
    list-style: none;
    padding: 0;
}

.roadmap-detail-list li {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.6;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    font-family: 'Manrope', sans-serif;
}

.roadmap-detail-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #279760;
    font-weight: bold;
}

.footer { 
    margin-top: 80px;
}

.footer__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 378px;
}

.footer__left p {
    font-family: Manrope;
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    color: #191E1D;
    opacity: 0.4;
    width: 75%;
}

.footer__left p:last-child {
    margin-bottom: 50px;
}

.footer__center {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 378px;
}

.footer__center__phone {
    margin-bottom: 40px;
}

.footer__center__phone__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #999999;
    margin-bottom: 13px;
}

.footer__center__phone__descr {
    font-family: Manrope;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    color: #191E1D;
}

.footer__center__list__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #999999;
    margin-bottom: 20px;
}

.footer__center__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer__center__list li {
    margin-bottom: 20px;
}

.footer__center__list li > a {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #191E1D;
    text-decoration: none;
}

.footer__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 378px;
}

.footer__right__email {
    margin-bottom: 40px;
}

.footer__right__email__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #999999;
    margin-bottom: 13px;
}

.footer__right__email__descr {
    font-family: Manrope;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    color: #191E1D;
}

.footer__right__soc__title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #999999;
    margin-bottom: 20px;
}

.footer__right__soc__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer__right__soc__list li > a{
    text-decoration: none;
    display: flex;
    align-items: center;
}

.footer__right__soc__list li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
}

.footer__right__bottom {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #999999;
    margin-bottom: 50px;
}

.fifth__list {
    display: none;
}

@media screen and (max-width: 1400px) {
    .roadmap {
        overflow-x: auto;
    }
}

@media screen and (max-width: 1300px) {
    .fourth__wrap {
        gap: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .nineth__form__input {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .first__title {
        width: 100%;
        font-size: 32px;
    }

    .first__slider__block__green, .first__slider__block__bg {
        height: 400px;
        width: 100%;
    }
    
    .first__slider__block {
        display: flex;
        flex-direction: column;
    }

    .first__slider__block__bg {
        order: 1;
        background-color: #fff;
    }

    .first__slider__block__bg::before {
        display: none;
    }

    .first__slider__block__green {
        order: 2;
        background-image: none;
    }

    .first__slider__block__bg img {
        height: 100%;
    }

    .second__wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .second__title, .third__title, .fourth__title {
        font-size: 32px;
        margin-top: 100px;
        margin-bottom: 40px;
    }

    .second__block {
        display: flex;
        margin-bottom: 25px;
    }

    .second__block__wrap {
        margin-left: 20px;
    }

    .fourth__block__items {
        width: 100%;
    }

    .sixth__block__wrap:first-child {
        order: 2;
    }

    .sixth__block__wrap:last-child {
        order: 1;
    }

    .sixth__block__gray {
        height: 250px;
        background-size: contain;
    }

    .sixth__block {
        height: auto;
        background-image: none;
    }

    .sixth__block__list {
        margin-bottom: 20px;
    }

    .sixth__block__title {
        font-size: 20px;
    }

    .sixth__block__btn {
        width: 100%;
        text-align: center;
    }

    .sixth {
        padding: 12px;
    }

    .seventh__title__wrap {
        margin-top: 100px;
        padding-bottom: 40px;
    }

    .seventh__title {
        font-size: 32px;
    }

    .seventh__arrow {
        display: none;
    }

    .seventh__block__title {
        font-size: 20px;
    }

    .eighteth__title__wrap {
        margin-top: 100px;
        padding-bottom: 40px;
    }

    .eighteth__title {
        font-size: 32px;
    }

    .eighteth {
        padding: 15px;
    }

    .nineth {
        background-image: none;
        margin-top: 100px;
        height: auto;
    }

    .nineth__title {
        font-size: 32px;
    }

    .nineth__descr {
        margin-bottom: 40px;
    }

    .nineth__form__footer {
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    
    .nineth__form__footer__btn {
        width: 100%;
        margin-bottom: 20px;
    }

    .ten {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .ten__title {
        font-size: 32px;    
    }
    
    .eleven__title__wrap {
        padding-top: 0;
        border-top: none;
    }

    .eleven__title {
        font-size: 32px;
    }

    .eleven__arrow {
        display: none;
    }

    .stats-table {
        display: none;
    }

    .fifth__list {
        display: flex;
        flex-direction: column;
        margin-top: 100px;
        margin-bottom: 100px;;
    }

    .fifth__list__title {
        font-family: Manrope;
        font-weight: 500;
        font-size: 32px;
        line-height: 110.00000000000001%;
        text-align: center;
        color: #191E1D;
        margin-bottom: 40px;
    }

    .fifth__list__block {
        padding-bottom: 20px;
    }

    .fifth__list__block__title {
        font-family: Manrope;
        font-weight: 500;
        font-size: 36px;
        line-height: 100%;
        margin-bottom: 10px;
    }

    .fifth__list__block__descr {
        font-family: Manrope;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        line-height: 150%;
        color: #999999;
    }

    .fifth__list__block__wrap__first {
        border-top: 1px solid #EAECEE;
        padding-top: 20px;
        display: flex;
    }

    .fifth__list__block__wrap__first > .fifth__list__block:first-child {
        margin-right: 20px;
        width: 50%;
    }

    .fifth__list__block__wrap__second {
        border-top: 1px solid #EAECEE;
        padding-top: 20px;
    }

    .fifth__list__block__wrap__third {
        border-top: 1px solid #EAECEE;
        padding-top: 20px;
        display: flex;
    }

    .fifth__list__block__wrap__third > .fifth__list__block:first-child {
        margin-right: 20px;
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    /* Desktop header hidden on mobile */
    .header.d-none.d-md-block {
        display: none !important;
    }

    /* Mobile header visible */
    .header-mobile.d-md-none {
        display: block !important;
    }

    .first__slider__block__green {
        height: 425px;
    }

    .third__arrow {
        display: none;
    }

    .first__slider__block__bg img {
        width: 300px;
        height: 300px;
    }

    .second__block {
        height: 100%;
        border-left: none;
        border-top: 1px solid #E8E8E8;
        padding-top: 30px;
        margin-top: 40px;
    }

    .fourth__block__items__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .fourth__block__items:nth-child(1), 
    .fourth__block__items:nth-child(2), 
    .fourth__block__items:nth-child(3), 
    .fourth__block__items:nth-child(4), 
    .fourth__block__items:nth-child(5), 
    .fourth__block__items:nth-child(6),
    .fourth__block__items:nth-child(7),
    .fourth__block__items:nth-child(8),
    .fourth__block__items:nth-child(9) {
        background-position-x: center;
        background-size: 90%;
    }

    .fourth__wrap {
        padding: 15px;
    }

    .third__footer {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .third__footer__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .third__button {
        width: 100%;
    }

    .third__wrap {
        border-bottom: none;
    }

    .third__slider__item {
        height: 430px;
        justify-content: flex-start;
        background-position-x: center;
        background-size: 57%;
    }

    .third__slider__item__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .eleven {
        padding: 15px;
    }

    .first__slider__block__link {
        width: 88%;
        bottom: 105px;
        justify-content: center;
        text-align: center;
    }

    .first__slider__items__wrap {
        position: absolute;
        bottom: 35px;
        right: 0;
        left: 0;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 0px 35px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .header {
        padding: 8px 0;
    }

    .header .container {
        padding: 0 10px;
    }

    .header__logo img {
        max-height: 35px;
    }

    .header__burger {
        padding: 10px 14px;
        font-size: 11px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .header__right__tel__number {
        font-size: 13px;
    }

    .header__right__tel__link {
        font-size: 11px;
    }

    .header__right__login {
        padding: 8px 12px;
        font-size: 11px;
        margin-left: 5px;
    }

    .first__slider__block__green {
        padding: 20px;
    }
    .first__slider__block__title {
        font-size: 20px;
    }
    .first__slider__block__descr {
        font-size: 14px;
    }
}

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