/*----------header----------*/
.header {
    padding: 16px 0;
    background-color: #FCFCFD;
}

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

.header__address {
    max-width: 260px;
    width: 100%;
    color: #475467;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

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

.header__contact a {
    color: #475467;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: opacity 0.3s;
    text-decoration: none;
}

.header__contact a:hover {
    opacity: 0.7;
}

.header__call {
    color: #475467;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: opacity 0.3s;
    text-decoration-line: underline;
}

.header__call:hover {
    opacity: 0.7;
}

@media (max-width: 992px) {
    .header__address {
        display: none;
    }
}

@media (max-width: 768px) {
    .header__contact {
        display: none;
    }
}

/*----------hero----------*/
.hero {
    padding: 90px 0 60px 0;
    background-image: url("./../../img/hero/fon.jpg");
    background-size: cover;
    background-position: center center;
}

.hero__row {
    display: flex;
    align-items: center;
    gap: 24px;
}

.hero__desc {
    max-width: 650px;
    width: 100%;
    flex: 1;
}

.hero__title {
    color: #000;
    font-size: 72px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.44px;
}

.hero__title span {
    color: #34B751;
}

.hero__text {
    margin: 60px 0 100px 0;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: -0.64px;
}

.hero__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero__item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hero__picture {
    border-radius: 6px;
    background-color: #F2F4F7;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__img {
    flex: 1;
}

.hero__img img {
    width: 100%;
    display: block;
}

.hero__form {
    margin: 60px 0 0 0;
}

@media (max-width: 992px) {
    .hero {
        background-image: none;
        padding: 60px 0 50px 0;
    }

    .hero__row {
        flex-direction: column;
        gap: 16px;
    }

    .hero__title {
        font-size: 42px;
    }

    .hero__text {
        margin: 16px 0;
        font-size: 24px;
        font-weight: 500;
    }

    .hero__img {
        display: contents;
    }

    .hero__img img {
        order: 2;
        max-width: 650px;
    }

    .hero__form {
        margin: 32px 0 0 0;
        background: #F2F4F7;
        padding: 16px;
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 24px 0 40px 0;
    }

    .hero__title {
        font-size: 36px;
    }

    .hero__text {
        font-size: 16px;
    }
}

/*----------work----------*/
.work {
    padding: var(--section-padding);
}

.work__list {
    margin: var(--list-margin);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
    gap: 16px;
}

.work__item {
    padding: 24px;
    border-radius: 32px;
    background-color: #F2F4F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.work__category-all {
    text-align: center;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.work__category-all span {
    color: #34B751;
}

.work__arrow {
    display: block;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: 40px auto 0;
}

.work__img {
    display: block;
    width: 100%;
    height: 262px;
    object-fit: cover;
    border-radius: 8px;
}

.work__category {
    margin: 24px 0 10px 0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.work__text {
    margin-top: auto;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/*----------stages----------*/
.stages {
    padding: var(--section-padding);
    border-radius: var(--section-radius);
    background: #F2F4F7;
}

.stages__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: var(--list-margin);
    counter-reset: num;
}

.stages__item {
    padding: 46px;
    border-radius: 32px;
    background: #FCFCFD;
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    min-height: 228px;
}

.stages__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 44px;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    max-width: 450px;
    width: 100%;
}

.stages__title:before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: counter(num);
    counter-increment: num;
    width: 76px;
    height: 76px;
    border-radius: 24px;
    background: #E4E7EC;
    color: #34B751;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.stages__sub-list {
    padding: 8px 0 0 6%;
    list-style-type: disc;
    flex: 1;
    max-width: 630px;
    width: 100%;
}

.stages__sub-item {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.stages__support {
    max-width: 640px;
    width: 100%;
    text-align: center;
    margin: 32px auto 0 auto;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.stages__risks {
    margin: 60px auto 0 auto;
    border-radius: 32px;
    padding: 24px;
    max-width: 790px;
    width: 100%;
    background: #FCFCFD;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.stages__risks:before {
    content: "";
    width: 65px;
    height: 64px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,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');
}

.stages__support span {
    color: #34B751;
}

@media (max-width: 992px) {
    .stages__item {
        padding: 32px;
        flex-direction: column;
    }

    .stages__risks {
        margin: 24px auto 0 auto;
    }
}

@media (max-width: 768px) {
    .stages__item {
        padding: 16px;
    }

    .stages__title {
        gap: 16px;
        font-size: 20px;
    }

    .stages__title:before {
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 8px;
    }

}

/*----------help----------*/
.help {
    margin: 16px 0;
    padding: var(--section-padding);
    border-radius: var(--section-radius);
    background: #181818;
}

.help__list {
    margin: var(--list-margin);
    display: grid;
    gap: 16px;
}

.help__list_max_3 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.help__list_max_4 {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}

.help__item {
    padding: 24px;
    border-radius: 32px;
    background: #3E3E3E;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.help__item_column {
    padding: 40px 32px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.help__check {
    flex-shrink: 0;
}

.help__title {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.help__title span {
    font-size: 16px;
    display: block;
    margin: 4px 0 0 0;
}

.help__btn {
    margin: 60px auto 0 auto;
    max-width: 194px;
    width: 100%;
}

/*----------progress----------*/
.progress {
    padding: var(--section-padding);
}

.progress__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 16px;
    margin: var(--list-margin);
}

.progress__item {
    border-radius: 32px;
    background: #F2F4F7;
    padding: 40px 54px;
}

.progress__item-row {
    display: flex;
    gap: 60px;
}

.progress__img {
    object-fit: none;
}

.progress__desc {
    flex: 1;
}

.progress__number {
    display: block;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 16px 0;
}

.progress__text + .progress__text {
    margin-top: 16px;
}

@media (max-width: 768px) {
    .progress__item {
        padding: 24px 16px;

    }

    .progress__item-row {
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .progress__list {
        grid-template-columns: 1fr;
    }
}

/*----------our-team----------*/
.our-team {
    padding: var(--section-padding);
}

.our-team__swiper {
    margin: var(--list-margin);
}

.our-team__swiper .swiper-slide {
    height: auto;
}

.our-team__card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.our-team__picture {
    border-radius: 16px;
    background: #F2F4F7;
}

.our-team__img {
    display: block;
    width: 100%;
    height: 277px;
    object-fit: contain;
}

.our-team__desc {
    flex: 1;
    padding: 24px;
    border-radius: 16px;
    background: #F2F4F7;
}

.our-team__title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.our-team__sub-title {
    margin: 8px 0 16px 0;
    color: #34B751;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.our-team__text {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/*----------faq----------*/
.faq {
    border-radius: 64px 64px 0 0;
    background-color: #F2F4F7;
    padding: var(--section-padding);
}

.faq__row {
    margin: var(--list-margin);
}

@media (max-width: 992px) {
    .faq {
        border-radius: 32px 32px 0 0;
    }
}

/*----------faq----------*/
.footer {

}

.footer__row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__map {
    width: 50%;
}

.footer__desc {
    width: 50%;
    padding: 44px 16px 44px 64px;
}

.footer__tel {
    color: #00374C;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    transition: opacity 0.3s;
}

.footer__tel:hover {
    opacity: 0.7;
}

.footer__data {
    margin: 22px 0 12px 0;
}

.footer__data-heading {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer__icons {
    display: block;
    width: 24px;
    height: 24px;
}

.footer__data-text {
    color: #00374C;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
}

.footer__address {
    margin: 16px 0 0 0;
    color: #00374C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer__route {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.3s;
}

.footer__route:hover {
    opacity: 0.7;
}

.footer__route span {
    color: #717681;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
}

.footer__mail {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer__mail:hover {
    opacity: 0.7;
}

.footer__mail span {
    color: #40A141;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.footer__text {
    color: #717681;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 992px) {
    .footer {
        padding: 0 16px;
    }

    .footer__row {
        flex-direction: column;
    }

    .footer__map {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
    }

    .footer__desc {
        width: 100%;
        padding: 16px 0 32px 0;
    }
}

/*----------letters----------*/
.letters {
    padding: var(--section-padding);
}

.letters__swiper {
    margin: var(--list-margin);
}

.letters__card {
    padding: 27px 33px;
    background: url("./../../img/letters/fon.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
}

.letters__card a {
    outline: none;
}

.letters__img {
    display: block;
    width: 100%;
}

.letters__nav {
    position: relative;
    width: 128px;
    height: 48px;
    margin: 32px auto 0 auto;
}

.letters__nav .swiper-button-next,
.letters__nav .swiper-button-prev {
    border-radius: 50px;
    width: 46px;
    height: 46px;
    border: 2px solid #40A141;
}

.letters__nav .swiper-button-next:after,
.letters__nav .swiper-button-prev:after {
    font-size: 16px;
    font-weight: 800;
    color: #40A141;
}

/*----------methods----------*/
.methods {
    padding: var(--section-padding);
    border-radius: var(--section-radius);
    background: #F2F4F7;
}

.methods__list {
    margin: var(--list-margin);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
    gap: 16px;
}

.methods__item {
    padding: 16px 24px;
    border-radius: 32px;
    background: #FCFCFD;
    display: flex;
    align-items: center;
    gap: 16px;
}

.methods__img {
    width: 64px;
    display: block;
}

.video-custom {
    margin: 24px 0 24px 0;
}

.methods__text {
    text-align: center;
}

/*----------form----------*/
.form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    background: #F2F4F7;
    box-shadow: 0 8px 20px 0 rgba(203, 209, 208, 0.30);
}

.form_md {
    padding: 24px 32px;
}

.form__title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.form__row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.form__column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.acceptance {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    text-align: left;
    width: 100%;
}

.acceptance label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.acceptance a {
    color: #34B751;
    text-decoration: none;
}

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

.acceptance input {
    display: none;
}

.acceptance .wpcf7-list-item-label {
    display: flex;
    align-items: center;
    line-height: 20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.acceptance input + span.wpcf7-list-item-label::before {
    content: '';
    background: url("./../../img/icons/form-no-check.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: 0;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.acceptance input:checked + span.wpcf7-list-item-label::before {
    background: url("./../../img/icons/form-check.svg");
}

.acceptance .wpcf7-list-item-label {
    line-height: 20px;
}

.acceptance .wpcf7-list-item {
    margin-left: 0;
}


@media (max-width: 768px) {
    .form__row {
        flex-direction: column;
        align-items: center;
    }
}

/*----------cost----------*/
.cost {
    padding: var(--section-padding);
    border-radius: var(--section-radius);
    background: #F2F4F7;
}

.cost__row {
    margin: var(--list-margin);
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.cost__block {
    width: calc(100% - 312px);
    border-radius: 32px;
    background: #FCFCFD;
    padding: 70px 66px;
}

.cost__consultant {
    max-width: 296px;
    width: 100%;
    border-radius: 32px;
    background: #FFF;
    padding: 36px 32px;
}

.cost__consultant hr {
    margin: 32px 0;
    border: none; /* Убираем границу для браузера Firefox */
    color: #E4E7EC; /* Цвет линии для остальных браузеров */
    background-color: #E4E7EC; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
}

.cost__nav-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.cost__nav-progress {
    display: flex;
    align-items: center;
    gap: 24px;
}

.cost__nav-progress .swiper-pagination {
    position: inherit;
    width: 200px;
    height: 6px;
    border-radius: 20px;
    overflow: hidden;
}

.cost__nav-progress .swiper-pagination.swiper-pagination-progressbar {
    background: #E4E7EC;
}

.cost__nav-progress .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #34B751;
}

.cost__step {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    flex-shrink: 0;
}

.cost__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.cost__nav .swiper-button-next,
.cost__nav .swiper-button-prev {
    border-radius: 8px;
    background: #34B751;
    padding: 10px 24px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    position: inherit;
    top: inherit;
    width: auto;
    margin-top: inherit;
    height: inherit;
}

.cost__nav .swiper-button-next:after,
.cost__nav .swiper-button-prev:after {
    display: none;
}

.cost__title {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 40px 0;
}

.cost__question {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cost__text {
    margin: 8px 0 0 0;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.cost__user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin: 24px 0;
}

.cost__user-img {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}

.cost__user-data h3 {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.cost__user-data p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.cost__contact-me {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #F9FAFB;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 8px 14px;
    display: inline-block;
    cursor: pointer;
    transition: opacity 0.3s;
}

.cost__contact-me:hover {
    opacity: 0.5;
}

@media (max-width: 1200px) {
    .cost__block {
        padding: 32px;
    }
}

@media (max-width: 992px) {
    .cost__nav-row {
        flex-direction: column;
        margin-top: 42px;
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .cost__row {
        flex-direction: column;
    }

    .cost__block {
        width: 100%;
        padding: 24px 16px;
    }

    .cost__consultant {
        max-width: 100%;
    }
}

.quiz-input {
    padding: 8px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    user-select: none;
    cursor: pointer;
    width: 100%;
    transition: 0.5s;
}

.quiz-input:hover {
    background: rgba(242, 244, 247, .50);
}

.quiz-input.quiz-input_checked {
    border-radius: 8px;
    background: rgba(242, 244, 247, 1);
}

.quiz-input:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("./../../img/icons/form-no-check.svg");
    transition: 0.4s;
    background-size: cover;
    background-position: center center;
    flex-shrink: 0;
}

.quiz-input.quiz-input_checked:before {
    background-image: url("./../../img/icons/form-check.svg");
}

/*----------reference----------*/
.reference {
    padding: var(--section-padding);
}

.reference__row {
    margin: var(--list-margin);
}