@import url("https://fonts.googleapis.com/css2?family=Wix%20Madefor%20Display:wght@400;500;600;700;800&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");

* {
    border: 0;

    margin: 0;

    padding: 0;
}

*,
:after,
:before {
    box-sizing: border-box;
}

:after,
:before {
    display: inline-block;
}

body,
html {
    height: 100%;
}

body {
    line-height: 1;

    scrollbar-gutter: stable;

    -ms-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}

button,
input,
textarea {
    background-color: transparent;

    color: inherit;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;
}

input,
textarea {
    width: 100%;
}

label {
    display: inline-block;
}

button,
option,
select {
    cursor: pointer;
}

a {
    color: inherit;

    display: inline-block;

    text-decoration: none;
}

img {
    height: auto;

    max-width: 100%;

    vertical-align: middle;
}

ul li {
    list-style: none;
}

@font-face {
    font-display: swap;

    font-family: helvetica_regular;

    font-style: normal;

    font-weight: 400;

    src: url(../assets/fonts/helvetica_regular.woff2) format("woff2");
}

body {
    color: #2f2f37;

    font-family: Wix Madefor Display;

    font-size: 1rem;

    min-width: 20rem;
}

[data-fls-scrolllock] body {
    overflow: hidden;

    overscroll-behavior: none;

    touch-action: none;
}

.wrapper {
    display: flex;

    flex-direction: column;

    min-height: 100%;

    overflow: clip;
}

.wrapper > main {
    flex: 1 1 auto;
}

.wrapper > * {
    min-width: 0;
}

[class*="__container"] {
    margin: 0 auto;

    max-width: 104.6875rem;

    padding-left: 1.9375rem;

    padding-right: 1.9375rem;
}

.btn-primary {
    background-color: #7e6fff;

    border-radius: 4rem;

    color: #fff;

    display: inline-block;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.9375rem 1.25rem;

    transition: all 0.3s;
}

.reviews-load-more {
    background-color: #7e6fff;

    border-radius: 4rem;

    color: #fff;

    display: inline-block;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.9375rem 1.25rem;

    transition: all 0.3s;
}

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

.reviews-hide {
    background-color: #7e6fff;

    border-radius: 4rem;

    color: #fff;

    display: inline-block;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.9375rem 1.25rem;

    transition: all 0.3s;
}

.title {
    font-weight: 600;

    line-height: 131%;
}

.title span {
    color: #7e6fff;
}

.btn-bd {
    border: 0.0625rem solid #7e6fff;

    border-radius: 2.25rem;

    color: #7e6fff;

    padding: 1.0625rem 1.03125rem;

    transition: all 0.3s;
}

.btn-bd,
.btn-page {
    display: inline-block;

    font-weight: 500;
}

.btn-page {
    background-color: #7e6fff;

    border-radius: 4rem;

    color: #fff;

    overflow: hidden;

    padding: 1.1875rem 2.875rem;

    position: relative;
}

.btn-page:before {
    background: linear-gradient(130deg, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 0.3));

    content: "";

    height: 200%;

    left: -50%;

    pointer-events: none;

    position: absolute;

    top: -50%;

    transform: translateX(100%) rotate(25deg);

    transition: none;

    width: 200%;
}

.btn-page:hover:before {
    animation: shine 0.8s ease forwards;
}

@keyframes shine {
    0% {
        transform: translateX(100%) rotate(25deg);
    }

    to {
        transform: translateX(-100%) rotate(25deg);
    }
}

.--tab-active {
    background-color: #fff !important;

    outline: 0.0625rem solid #7e6fff;
}

.swiper-button-disabled {
    cursor: default;

    opacity: 0.5;
}

.page-nav {
    margin-bottom: 1.5rem;
}

.page-nav__container {
    align-items: center;

    display: flex;

    justify-content: space-between;
}

.page-nav__pages {
    align-items: center;

    display: flex;

    gap: 0.1875rem;
}

.page-nav__back {
    color: #0f0f0f;
}

.page-nav__current {
    color: hsla(0, 0%, 6%, 0.522);
}

.page-nav {
    margin-bottom: 3.4375rem;
}

.page-nav__search {
    align-items: center;

    display: flex;

    padding: 1.875rem;
}

.page-nav__input {
    border: 0.0625rem solid #7e6fff;

    border-radius: 4rem;

    font-size: 1.125rem;

    height: 3.5rem;

    padding: 1.03125rem 1.875rem;

    width: 24.6875rem;
}

.page-nav__input::placeholder {
    color: #7e6fff;

    font-size: 1.125rem;
}

.page-nav__submit {
    margin-left: -3.125rem;
}

.swiper {
    overflow: hidden;
}

.swiper-initialized {
    touch-action: pan-y;
}

.swiper-wrapper {
    box-sizing: content-box;

    display: flex;

    height: 100%;

    position: relative;

    width: 100%;
}

.swiper-vertical .swiper-wrapper {
    flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
}

.swiper-initialized .swiper-slide {
    flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    transform: translateZ(0);
}

.swiper-button-lock {
    display: none !important;
}

.--showmore-active [data-fls-showmore-button] span,
[data-fls-showmore-button] span:last-child {
    display: none;
}

.--showmore-active [data-fls-showmore-button] span:last-child {
    display: block;
}

.menu {
    align-items: center;

    display: flex;
}

.menu__link {
    font-weight: 500;

    transition: all 0.3s;
}

.icon-menu {
    display: none;
}

.menu__langs {
    align-items: center;

    display: flex;

    gap: 1.5625rem;

    margin-bottom: 4.25rem;
}

.mob-menu {
    background-color: #7e6fff;

    bottom: 0;

    color: #fff;

    left: 0;

    padding: 2.5rem 1.875rem 1.375rem 1.375rem;

    position: absolute;

    width: 100%;
}

.mob-menu__lang {
    font-size: 1.125rem;

    font-weight: 600;
}

.mob-menu__info {
    display: flex;

    flex-direction: column;

    margin-bottom: 2.1875rem;

    row-gap: 0.6875rem;
}

.mob-menu__time {
    align-items: center;

    display: flex;

    gap: 0.625rem;
}

.mob-menu__time:before {
    background: url(../assets/img/icons/clock.svg) 50% / cover no-repeat;

    content: "";

    height: 1.5rem;

    width: 1.5rem;
}

.mob-menu__loc {
    align-items: center;

    display: flex;

    gap: 0.625rem;
}

.mob-menu__loc:before {
    background: url(../assets/img/icons/lca.svg) 50% / cover no-repeat;

    content: "";

    height: 1.5rem;

    width: 1.5rem;
}

.mob-menu__phone {
    align-items: center;

    display: flex;

    gap: 0.625rem;
}

.mob-menu__phone:before {
    background: url(../assets/img/icons/call.svg) 50% / cover no-repeat;

    content: "";

    height: 1.5rem;

    width: 1.5rem;
}

.mob-menu__phone a:not(:last-child) {
    align-items: center;

    display: flex;

    gap: 0.625rem;
}

.mob-menu__phone a:not(:last-child):after {
    content: "|";
}

.mob-menu__row {
    justify-content: space-between;

    margin-bottom: 0.9375rem;
}

.mob-menu__mark,
.mob-menu__row {
    align-items: center;

    display: flex;
}

.mob-menu__score {
    background: url(../assets/img/header/mark_bg.webp) 0.3125rem 0 no-repeat;

    color: #7e6fff;

    font-size: 0.875rem;

    font-weight: 700;

    padding: 0.75rem;
}

.mob-menu__social {
    align-items: center;

    display: flex;

    gap: 0.875rem;
}

.mob-menu__link img {
    height: 3.125rem;

    width: 3.125rem;
}

.mob-menu__desc {
    line-height: 1.31;

    max-width: 18.125rem;
}

.menu__btn {
    background-color: #fff;

    border-radius: 0.375rem;

    padding: 0.6875rem;
}

.header {
    margin-bottom: 4.375rem;
}

.header__container {
    display: flex;

    flex-direction: column;
}

.header__top {
    background-color: #7e6fff;

    color: #fff;

    font-size: 0.875rem;

    margin-bottom: 2.0625rem;
}

.header__top-wrapper {
    gap: 0.625rem;

    justify-content: space-between;

    margin: 0 auto;

    max-width: 104.6875rem;

    min-height: 3.4375rem;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;
}

.header__mark,
.header__top-wrapper {
    align-items: center;

    display: flex;
}

.header__score {
    background: url(../assets/img/header/mark_bg.webp) 0.3125rem 0 no-repeat;

    color: #7e6fff;

    font-size: 0.875rem;

    font-weight: 700;

    padding: 0.75rem;
}

.header__social {
    align-items: center;

    display: flex;
}

.header__link {
    transition: all 0.3s;
}

.header__info,
.header__time {
    align-items: center;

    display: flex;
}

.header__time:before {
    background: url(../assets/img/icons/clock.svg) 50% / cover no-repeat;

    content: "";

    height: 1.5rem;

    width: 1.5rem;
}

.header__locate {
    align-items: center;

    display: flex;
}

.header__locate:before {
    background: url(../assets/img/icons/lca.svg) 50% / cover no-repeat;

    content: "";

    height: 1.5rem;

    width: 1.5rem;
}

.header__call {
    align-items: center;

    display: flex;
}

.header__call:before {
    background: url(../assets/img/icons/call.svg) 50% / cover no-repeat;

    content: "";

    height: 1.5rem;

    width: 1.5rem;
}

.header__call a:not(:last-child) {
    align-items: center;

    display: flex;
}

.header__call a:not(:last-child):after {
    content: "|";
}

.header__langs {
    align-items: center;

    display: flex;
}

.header__lang {
    font-size: 1.125rem;

    font-weight: 600;
}

.header__bottom {
    align-items: center;

    display: flex;

    justify-content: space-between;
}

.footer {
    background-color: #f7f7fd;
}

.footer__container {
    align-items: start;

    display: flex;

    flex-direction: column;

    row-gap: 3.5625rem;
}

.footer__top {
    align-items: center;

    display: flex;

    justify-content: space-between;

    width: 100%;
}

.footer__label {
    color: #0f0f0f;

    font-size: 1.5rem;

    font-weight: 600;

    line-height: 1.31;

    margin-bottom: 1.5rem;

    max-width: 22.4375rem;
}

.footer__nav {
    display: flex;

    gap: 3.125rem;

    row-gap: 2.1875rem;
}

.footer__row {
    display: flex;

    flex-direction: column;
}

.footer__caption {
    color: #7e6fff;

    font-weight: 800;

    margin-bottom: 1.75rem;

    text-transform: uppercase;
}

.footer__list {
    display: flex;

    flex-direction: column;
}

.footer__list:not(:last-child) {
    margin-bottom: 1.75rem;
}

.footer__link {
    font-size: 0.875rem;

    text-transform: uppercase;
}

.footer__link:not(:last-child) {
    margin-bottom: 0.5rem;
}

.footer__social {
    align-items: center;

    display: flex;

    gap: 0.75rem;
}

.footer__sheulde {
    font-size: 0.875rem;

    margin-bottom: 0.25rem;
}

.footer__numbers {
    align-items: center;

    display: flex;

    gap: 0.75rem;

    margin-bottom: 0.8125rem;
}

.footer__number {
    align-items: center;

    display: inline-flex;

    font-size: 0.875rem;

    gap: 0.75rem;
}

.footer__number:not(:last-child):after {
    content: "|";
}

.footer__adress {
    display: flex;

    flex-direction: column;

    font-size: 0.875rem;

    margin-bottom: 2.3125rem;
}

.footer__adress a {
    color: #7e6fff;

    font-weight: 600;
}

.footer__btn {
    color: #7e6fff;

    font-size: 0.875rem;

    font-weight: 700;
}

.button {
    display: inline-flex;

    padding: 0;
}

.button--fw {
    width: 100%;
}

.page__calc {
    background-color: #f4f4fc;
}

.hero__container {
    align-items: center;

    display: flex;

    gap: 4rem;
}

.hero__text,
.hero__title {
    max-width: 48.8125rem;
}

.hero__text {
    font-size: 1.375rem;

    line-height: 1.31;
}

.hero__results {
    align-items: center;

    display: flex;

    gap: 1.3125rem;
}

.hero__column {
    background-color: #f8f8f8;

    border-radius: 1rem;

    box-shadow: 0 0 0.75rem hsla(0, 0%, 49%, 0.294);

    padding: 0.75rem 0.375rem 0.75rem 1.1875rem;
}

.hero__result {
    color: #7e6fff;

    font-size: 3.625rem;

    font-weight: 600;

    margin-bottom: 0.3125rem;
}

.hero__desc {
    align-items: center;

    color: #7e6fff;

    display: flex;

    line-height: 1.31;

    max-width: 13.9375rem;
}

.hero__desc a {
    transition: all 0.3s;
}

.calc__title {
    text-align: center;
}

.calc__title span {
    color: #2f2f37;

    font-weight: 700;
}

.calc__subtitle {
    line-height: 1.21;

    margin-bottom: 6.25rem;

    text-align: center;
}

.quiz__asks {
    align-items: center;

    cursor: default;

    display: flex;

    flex-wrap: wrap;
}

.quiz__ask {
    color: #7e6fff;

    padding: 0.625rem 1.5rem;
}

.quiz__ask.act {
    border-bottom: 0.0625rem solid #7e6fff;
}

.quiz__title {
    font-weight: 600;

    overflow-wrap: break-word;

    white-space: normal;

    word-break: break-word;
}

.quiz__row {
    display: grid;

    gap: 1.875rem;

    grid-template-columns: repeat(4, 1fr);

    margin-bottom: 1.6875rem;
}

.quiz__var {
    background-color: #fff;

    border-radius: 1rem;

    cursor: pointer;

    display: flex;

    flex-direction: column;

    font-size: 0.9375rem;

    line-height: 1.4;

    padding: 0.9375rem 0.9375rem 0.5625rem 0.875rem;
}

.quiz__var input[type="radio"] {
    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    opacity: 0;

    pointer-events: none;

    position: absolute;
}

.quiz__var img {
    margin-bottom: 2.5625rem;
}

@media (min-width: 1200px) {
    .quiz__var img {
        max-width: 347px;
    }
}

.quiz .quiz__var:has(input[type="radio"]:checked) {
    outline: 0.0625rem solid #7e6fff;
}

.quiz__business {
    background-color: #fff;

    border-radius: 0.875rem;

    color: #000;

    font-size: 0.9375rem;

    height: 3rem;

    margin-bottom: 50px;

    max-width: 28.125rem;

    padding: 0.875rem 0.75rem;
}

.quiz__business::placeholder {
    color: #000;
}

.quiz__msg {
    color: red;

    font-size: 0.75rem;
}

.quiz__row-radio {
    margin-bottom: 2.8125rem;
}

.quiz .quiz__var-radio {
    align-items: center;

    cursor: pointer;

    display: flex;

    font-size: 1rem;

    gap: 0.5rem;

    line-height: 1.3;

    padding-left: 1.3125rem;

    position: relative;

    user-select: none;
}

.quiz .quiz__var-radio:before {
    background-color: #e5e3fc;

    border: 0.0625rem solid #7e6fff;

    border-radius: 50%;

    box-sizing: border-box;

    content: "";

    height: 0.8125rem;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 0.8125rem;
}

.quiz .quiz__var-radio span {
    position: relative;
}

.quiz .quiz__var-radio span:before {
    background-color: #7e6fff;

    border-radius: 50%;

    content: "";

    height: 0.4375rem;

    left: -1.125rem;

    opacity: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: opacity 0.2s;

    width: 0.4375rem;
}

.quiz .quiz__var-radio > .quiz__input-radio {
    cursor: pointer;

    height: 0;

    margin: 0;

    opacity: 0;

    padding: 0;

    position: absolute;

    width: 0;

    z-index: 2;
}

.quiz .quiz__var-radio > .quiz__input-radio:checked + span:before {
    opacity: 1;
}

.quiz .quiz__var-check input {
    opacity: 0;

    position: absolute;
}

.quiz .quiz__var-check:before {
    background: #e5e3fc;
}

.quiz .quiz__var-check:has(input:checked):after {
    opacity: 1;
}

.quiz .quiz__var-check span {
    color: #7e6fff;
}

.quiz__row-check {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    margin-bottom: 2.8125rem;
}

.quiz .quiz__var-check {
    align-items: center;

    cursor: pointer;

    display: flex;

    font-size: 1rem;

    gap: 0.5rem;

    line-height: 1.3;

    padding-left: 1.5rem;

    position: relative;

    user-select: none;
}

.quiz .quiz__var-check .quiz__input-check {
    cursor: pointer;

    height: 0;

    margin: 0;

    opacity: 0;

    padding: 0;

    position: absolute;

    width: 0;

    z-index: 2;
}

.quiz .quiz__var-check:before {
    background-color: #e5e3fc;

    border: 0.0625rem solid #7e6fff;

    border-radius: 0.1875rem;

    box-sizing: border-box;

    content: "";

    height: 0.8125rem;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: background-color 0.2s, border-color 0.2s;

    width: 0.8125rem;
}

.quiz .quiz__var-check:after {
    border-bottom: 0.125rem solid #7e6fff;

    border-right: 0.125rem solid #7e6fff;

    content: "";

    height: 0.5625rem;

    left: 0.25rem;

    opacity: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    transition: opacity 0.2s;

    width: 0.3125rem;
}

.quiz__input-check:checked + .quiz .quiz__var-check:after {
    opacity: 1;
}

.quiz__next {
    background-color: #7e6fff;

    border-radius: 4rem;

    box-shadow: 0 0.3125rem 0.3125rem #2a2367;

    color: #fff;

    font-family: Manrope;

    padding: 0.625rem 2.125rem;

    transition: all 0.3s;
}

.quiz__prev {
    background-color: #7e6fff;

    border-radius: 4rem;

    color: #fff;

    font-family: Manrope;

    padding: 0.625rem 2.125rem;

    transition: all 0.3s;
}

.quiz__nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

.quiz__next:disabled {
    cursor: default;

    opacity: 0.5;
}

.quiz__final {
    align-items: end;

    background-color: #7e6fff;

    border-radius: 1.25rem;

    color: #fff;

    display: flex !important;

    padding: 6.6875rem 5.3125rem;
}

.quiz__final-title {
    font-weight: 600;

    text-wrap: nowrap;
}

.quiz__final-subtitle {
    font-weight: 500;

    max-width: 32.5rem;
}

.quiz__item-inp {
    display: flex;

    flex-direction: column;
}

.quiz__item-inp:not(:last-child) {
    margin-bottom: 1rem;
}

.quiz__item-inp span {
    font-size: 0.875rem;

    margin-bottom: 0.3125rem;

    padding-left: 1.125rem;
}

.quiz__inp {
    background-color: none;

    border: 0.0625rem solid #fff;

    border-radius: 3rem;

    color: #fff;

    height: 3.625rem;

    padding: 0.9375rem 1.25rem;

    width: 21.75rem;
}

.quiz__inp::placeholder {
    color: #fff;
}

.quiz__item-agree {
    align-items: center;

    cursor: pointer;

    display: flex;

    font-size: 1rem;

    gap: 0.5rem;

    margin-bottom: 2.5rem;

    max-width: 21.75rem;

    padding-left: 1.5rem;

    position: relative;

    user-select: none;
}

.quiz__item-agree_inp {
    height: 0;

    opacity: 0;

    position: absolute;

    width: 0;
}

.quiz__item-agree:before {
    background-color: #e5e3fc;

    border: 0.0625rem solid #7e6fff;

    border-radius: 0.1875rem;

    box-sizing: border-box;

    content: "";

    height: 1rem;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: background-color 0.2s, border-color 0.2s;

    width: 1rem;
}

.quiz__item-agree:after {
    border-bottom: 0.125rem solid #7e6fff;

    border-right: 0.125rem solid #7e6fff;

    content: "";

    height: 0.5625rem;

    left: 0.25rem;

    opacity: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    transition: opacity 0.2s;

    width: 0.3125rem;
}

.quiz__item-agree:has(.quiz__item-agree_inp:checked):after {
    opacity: 1;
}

.quiz__item-button {
    background-color: #fff;

    border-radius: 4rem;

    box-shadow: 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.3);

    color: #7e6fff;

    display: inline-block;

    font-family: Manrope;

    font-weight: 500;

    padding: 0.875rem 2.125rem;

    transition: all 0.3s;
}

.info-calc {
    background-color: #fff;

    border-radius: 1.5rem;

    box-shadow: 0 0 0.3125rem hsla(0, 0%, 82%, 0.25);

    padding: 0 1.625rem 2.875rem;
}

.info-calc__img {
    margin-bottom: 1.8125rem;

    text-align: center;
}

.info-calc__text {
    color: #000;

    line-height: 1.4;

    margin-bottom: 2.5rem;

    max-width: 29.8125rem;

    text-align: center;
}

.info-calc__text p:not(:last-child) {
    margin-bottom: 1.25rem;
}

.info-calc__item {
    align-items: center;

    display: flex;

    gap: 1.25rem;
}

.info-calc__item:not(:last-child) {
    margin-bottom: 1.5rem;
}

.info-calc__icon {
    border-radius: 100%;

    box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.3);
}

.info-calc__heading {
    font-weight: 600;

    max-width: 15.875rem;
}

.info-calc__heading,
.info-calc__subheading {
    color: #000;

    font-size: 0.875rem;

    margin-bottom: 0.625rem;
}

.info-calc__subheading {
    line-height: 1.21;

    max-width: 17.25rem;
}

.info-calc__btn {
    color: #7e6fff;

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: underline;
}

.portfolio-small__container {
    display: flex;

    flex-direction: column;
}

.portfolio-small__title {
    align-self: center;

    font-weight: 500;

    margin-bottom: 3.75rem;

    max-width: 87.5rem;

    text-align: center;
}

.portfolio-small__btns {
    align-items: center;

    display: flex;

    gap: 0.5rem;

    justify-content: center;
}

.portfolio-small__more {
    border: 0.0625rem solid #7e6fff;

    color: #7e6fff;
}

.portfolio-small__button,
.portfolio-small__more {
    align-items: start;

    border-radius: 4rem;

    display: inline-block;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.625rem 0.75rem;

    transition: all 0.3s;
}

.portfolio-small__button {
    background-color: #7e6fff;

    color: #fff;
}

.portfolio__row {
    display: flex;

    flex-wrap: wrap;

    gap: 1.0625rem;
}

.portfolio__column {
    flex: 0 1 calc(33.33333% - 0.70833rem);

    padding: 0.5rem;
}

.portfolio__item {
    align-items: start;

    background-color: #fff;

    border-radius: 1.5rem;

    box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.25);

    display: flex;

    flex-direction: column;

    min-height: 100%;

    padding: 1.25rem;
}

.portfolio__pagination {
    align-items: center;

    display: flex;

    gap: 0.9375rem;

    justify-content: center;
}

.portfolio__pag {
    color: #7e6fff;

    font-size: 1.125rem;

    font-weight: 500;
}

.item-portfolio__img {
    margin-bottom: 1.25rem;

    position: relative;
}

.item-portfolio__img img {
    border-radius: 1rem;
}

.item-portfolio__tags {
    align-items: center;

    display: flex;

    gap: 0.5rem;

    position: absolute;

    right: 0.625rem;

    top: 0.625rem;
}

.item-portfolio__tag {
    background-color: #7e6fff;

    border-radius: 2.5rem;

    color: #fff;

    font-weight: 600;

    padding: 0.625rem;
}

.item-portfolio__title {
    font-size: 1.25rem;

    font-weight: 700;

    margin-bottom: 0.625rem;
}

.item-portfolio__description {
    font-size: 0.875rem;

    line-height: 1.31;

    margin-bottom: 1.25rem;

    max-width: 30.9375rem;
}

.item-portfolio__btn {
    align-items: start;

    border: 0.0625rem solid #7e6fff;

    border-radius: 4rem;

    color: #7e6fff;

    display: inline-block;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.625rem 0.75rem;

    transition: all 0.3s;
}

.decissions__subtitle {
    font-size: 2.25rem;

    font-weight: 500;

    line-height: 1.35;

    margin-bottom: 4.1875rem;

    max-width: 38.1875rem;
}

.decissions__subtitle span {
    color: #7e6fff;
}

.decissions__navigation {
    display: grid;

    gap: 0.5rem;

    grid-template-columns: repeat(5, 1fr);

    grid-template-columns: minmax(9.375rem, 1fr) minmax(9.375rem, 1fr) minmax(9.375rem, 1fr) minmax(9.375rem, 1fr) minmax(
            9.375rem,
            1fr
        );
}

.decissions__title {
    align-items: start;

    background-color: #f6f6f6;

    border-radius: 0.75rem;

    display: flex;

    flex-direction: column;

    height: 7.5625rem;

    line-height: 1.31;

    max-width: 21.75rem;

    padding: 1.0625rem 1.25rem 1.4375rem;

    text-align: left;
}

.decissions__title img {
    height: 1.5rem;

    margin-bottom: 0.3125rem;

    width: 1.5rem;
}

.item-decissions {
    align-items: center;

    display: flex;

    gap: 1rem;

    justify-content: space-between;
}

.item-decissions__content {
    height: 22.6875rem;

    overflow: auto;

    padding-right: 6.25rem;
}

.item-decissions__content::-webkit-scrollbar {
    width: 0.5rem;
}

.item-decissions__content::-webkit-scrollbar-thumb {
    background-color: #7e6fff;

    border-radius: 0.25rem;
}

.item-decissions__content::-webkit-scrollbar-track {
    background-color: #d9d9d9;

    border-radius: 0.25rem;
}

.item-decissions__title {
    color: #7e6fff;

    font-size: 1.375rem;

    font-weight: 500;

    line-height: 1.31;

    max-width: 21.8125rem;
}

.item-decissions__label {
    font-size: 1.25rem;

    font-weight: 600;

    margin-bottom: 0.4375rem;
}

.item-decissions__text {
    line-height: 1.31;

    max-width: 34.5rem;
}

.item-decissions__image {
    background: url(../assets/img/homepage/decissions/bg.webp) 50% / cover no-repeat;

    height: 48.8125rem;

    text-align: center;

    width: 58.0625rem;
}

.item-decissions__image img {
    max-width: 100%;
}

.banner__container {
    align-items: center;

    background-color: #7e6fff;

    border-radius: 1.75rem;

    display: flex;

    gap: 2.5rem;

    padding: 0.625rem;
}

.banner__title {
    color: #fff;

    font-weight: 500;

    line-height: 1.35;

    margin-bottom: 2rem;

    max-width: 62.25rem;

    text-align: center;
}

.form-banner {
    color: #fff;

    display: flex;

    flex-direction: column;

    row-gap: 1.625rem;
}

.form-banner__top {
    align-items: end;

    display: flex;

    gap: 1.875rem;
}

.form-banner__inputs {
    align-items: center;

    display: flex;

    gap: 0.5rem;
}

.form-banner__agree {
    height: 0;

    opacity: 0;

    position: absolute;

    text-align: left;

    width: 0;
}

.form-banner__radio {
    align-items: center;

    cursor: pointer;

    display: inline-flex;

    font-size: 1rem;

    gap: 0.1875rem;

    padding-left: 1.5rem;

    position: relative;

    text-align: left;

    user-select: none;
}

.form-banner__radio a {
    text-decoration: underline;
}

.form-banner__radio:before {
    background-color: #e5e3fc;

    border: 0.0625rem solid #7e6fff;

    border-radius: 0.1875rem;

    content: "";

    height: 1rem;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: background-color 0.2s, border-color 0.2s;

    width: 1rem;
}

.form-banner__radio:after {
    border-bottom: 0.125rem solid #7e6fff;

    border-right: 0.125rem solid #7e6fff;

    content: "";

    height: 0.5625rem;

    left: 0.25rem;

    opacity: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    transition: opacity 0.2s;

    width: 0.3125rem;
}

.form-banner__radio:has(.form-banner__agree:checked):after {
    opacity: 1;
}

.form-banner__label {
    display: flex;

    flex-direction: column;

    row-gap: 0.3125rem;
}

.form-banner__label input {
    border: 0.0625rem solid #fff;

    border-radius: 3rem;

    color: #fff;

    height: 3.625rem;

    padding: 1.25rem 0.9375rem;

    width: 19.875rem;
}

.form-banner__label input::placeholder {
    color: #fff;
}

.form-banner__label span {
    padding-left: 0.5rem;
}

.form-banner__button {
    background-color: #fff;

    border-radius: 4rem;

    box-shadow: 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.3);

    color: #7e6fff;

    display: inline-block;

    font-weight: 500;

    padding: 1.1875rem 2.875rem;

    transition: all 0.3s;
}

.services__title {
    text-align: center;
}

.services__row {
    display: grid;

    gap: 0.8125rem;

    grid-template-columns: repeat(3, 1fr);

    row-gap: 1rem;
}

.services__column {
    align-items: start;

    background-color: #fff;

    border-radius: 1.75rem;

    box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.212);

    display: flex;

    flex-direction: column;

    max-width: 33.625rem;

    padding: 1.625rem 5.625rem 1.875rem 1.875rem;
}

.services__img {
    margin-bottom: 2.125rem;
}

.services__img img {
    filter: drop-shadow(0 0 0.3125rem rgba(0, 0, 0, 0.534));
}

.services__label {
    font-weight: 600;

    line-height: 1.31;

    max-width: 26.125rem;
}

.info__title {
    font-weight: 500;

    margin: 0 auto;

    max-width: 60.625rem;

    text-align: center;
}

.info__buttons {
    align-items: center;

    display: flex;

    gap: 1.625rem;

    justify-content: center;

    margin-bottom: 4.0625rem;
}

.info__btn {
    padding: 1.1875rem 2.375rem;
}

.info__wrapper {
    align-items: center;

    display: flex;

    gap: 12rem;

    justify-content: center;

    row-gap: 2.3125rem;
}

.info__labling {
    line-height: 1.31;

    max-width: 31.6875rem;
}

.info__heading {
    font-weight: 600;
}

.info__text {
    line-height: 1.31;

    max-width: 41.375rem;
}

.info__nav {
    align-items: center;

    display: flex;

    gap: 3.4375rem;

    row-gap: 2.75rem;
}

.info__kp {
    padding: 0.9375rem 3.34375rem;
}

.info__video {
    align-items: center;

    display: flex;

    gap: 1rem;

    line-height: 1.31;

    max-width: 20.375rem;

    text-align: left;
}

.info__video img {
    transition: all 0.3s;
}

.team__container {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

.team__title {
    text-align: center;
}

.team__slider {
    padding: 1.875rem;
}

.team__wrapper {
    margin-bottom: 3.125rem;
}

.team__column {
    background-color: #fff;

    border-radius: 1.5rem;

    box-shadow: 0 0.3125rem 0.3125rem rgba(42, 35, 103, 0.2);

    padding: 1.0625rem 2.1875rem 1.6875rem 1.375rem;
}

.team__count {
    color: #7e6fff;
    font-size: 60px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .team__count {
        font-size: 30px;
    }
}

.team__count span {
    font-size: 20px;
    margin-top: 30px;
    display: inline-block;
    line-height: 1.2;
}

.team__text {
    line-height: 1.31;

    max-width: 31.5rem;
}

.team__img {
    position: relative;
}

.team__img img {
    border-radius: 1.5rem;
    object-fit: cover;
    height: 100%;
}

.team__info {
    bottom: 1.5rem;

    color: #fff;

    left: 1.5rem;

    position: absolute;
}

.team__name {
    margin-bottom: 0.5rem;
}

.team__name,
.team__role {
    font-weight: 600;
}

.team__nav {
    align-items: center;

    display: flex;

    gap: 3.125rem;

    justify-content: center;
}

.swiper-button-next-team {
    transform: rotate(-180deg);
}

.process__container {
    align-items: center;

    display: flex;

    gap: 0.625rem;

    justify-content: space-between;

    row-gap: 2.75rem;
}

.process__title {
    margin-bottom: 0.75srem;
}

.process__label {
    font-size: 1.25rem;

    font-weight: 500;

    margin-bottom: 0.75rem;
}

.process__text {
    line-height: 1.31;

    max-width: 32.9375rem;
}

.process__watch {
    align-items: center;

    display: flex;

    gap: 1.0625rem;
}

.process__watch img {
    transition: all 0.3s;
}

.process__imgs {
    align-items: start;

    display: flex;

    gap: 0.625rem;
}

.process__img img {
    border-radius: 1.5rem;
}

.shortly__container {
    align-items: center;

    display: flex;

    gap: 3.125rem;

    justify-content: space-between;
}

.shortly__banner {
    background-color: #f6f6f6;

    border-radius: 1.5rem;

    padding: 2.4375rem 0 2.3125rem 1.75rem;
}

.shortly__label {
    color: #7e6fff;

    font-size: 1.375rem;

    font-weight: 600;

    line-height: 1.31;

    max-width: 23.375rem;
    margin-bottom: 10px;
}

.shortly__info {
    align-items: center;

    display: flex;
}

.shortly__list li {
    max-width: 23.375rem;
}

.shortly__list li:not(:last-child) {
    margin-bottom: 1.1875rem;
}

.shortly__img {
    margin-right: -3.125rem;
}

.shortly__img img {
    min-width: 100%;
}

.shortly__video iframe {
    border-radius: 1.5rem;

    height: 29.3125rem;

    max-width: 100%;

    width: 58.75rem;
}

.shortly__title {
    margin-bottom: 1.5625rem;

    max-width: 41.1875rem;
}

.steps__container {
    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;
}

.steps__labling {
    max-width: 55.1875rem;

    text-align: center;
}

.steps__navigation {
    display: flex;

    gap: 0.625rem;

    padding-bottom: 0.0625rem;
}

.steps__title {
    background-color: #f6f6f6;

    border-radius: 0.75rem;

    min-height: 100%;

    padding: 1.25rem;

    text-align: left;
}

.steps__title span {
    color: #000;

    font-weight: 600;
}

.steps__title.--tab-active span {
    border-bottom: 0.0625rem solid #7e6fff;

    color: #7e6fff;
}

.steps__desc {
    color: #000;

    line-height: 1.31;

    margin-top: 0.625rem;

    max-width: 15.375rem;
}

.steps__body {
    align-items: center;

    display: flex;
}

.steps__item {
    border-bottom: 0.0625rem solid #d9d9d9;

    cursor: pointer;

    max-width: 100%;

    padding: 1.625rem 1.25rem;

    width: 50.9375rem;
}

.steps__label {
    align-items: center;

    display: flex;

    font-size: 1.5rem;

    justify-content: space-between;

    list-style: none;

    margin-bottom: 0.625rem;
}

.steps__label:after {
    color: #7e6fff;

    content: "+";

    font-size: 2rem;

    font-weight: 700;
}

.steps__label.--spoller-active:after {
    content: "-";
}

.steps__answer {
    font-size: 1rem;

    line-height: 1.31;
}

.true__container {
    background-color: #eff2fa;

    border-radius: 1.5rem;

    padding: 6.875rem;
}

.true__title {
    text-align: center;
}

.true__row {
    display: grid;

    grid-template-columns: repeat(3, 17.375rem);

    justify-content: center;
}

.true__item {
    align-items: center;

    display: flex;

    flex-direction: column;

    text-align: center;
}

.true__icon {
    margin-bottom: 1.25rem;
}

.true__text {
    font-weight: 500;

    line-height: 1.31;
}

.reviews-small__title {
    margin: 0 auto;

    max-width: 85.375rem;

    text-align: center;
}

.reviews-small__wrapper {
    margin-bottom: 2.875rem;

    padding: 0.625rem;
}

.reviews-small__item {
    background-color: #fff;

    border-radius: 1.75rem;

    box-shadow: 0 0.25rem 1.25rem hsla(0, 0%, 82%, 0.25);

    padding: 2.5rem 2.5rem 0.8125rem;
}

.reviews-small__labling {
    align-items: center;

    display: flex;

    justify-content: space-between;
}

.reviews-small__video {
    transition: all 0.3s;
}

.reviews-small__name {
    color: #7e6fff;

    margin-bottom: 1rem;
}

.reviews-small__text {
    line-height: 1.3;

    max-width: 26.1875rem;
}

.reviews-small__info {
    align-items: center;

    display: flex;

    justify-content: space-between;
}

.reviews-small__date {
    color: #7e6fff;
}

.reviews-small__nav {
    align-items: center;

    display: flex;

    gap: 3.125rem;

    justify-content: center;
}

.reviews-small-swiper-button-next {
    transform: rotate(-180deg);
}

.own__title {
    max-width: 48.6875rem;
}

.own__content {
    align-items: center;

    display: flex;

    justify-content: space-between;

    row-gap: 1.5rem;

    gap: 0.625rem;
}

.own__row {
    display: grid;

    gap: 4.125rem;

    grid-template-columns: repeat(2, minmax(12.5rem, 25rem));

    row-gap: 2.5rem;
}

.own__info {
    align-items: center;

    display: flex;

    gap: 0.875rem;

    margin-bottom: 0.875rem;
}

.own__label span {
    color: #7e6fff;
}

.form__container {
    display: flex;

    overflow: hidden;
}

.form__img-oleh {
    left: 0;

    position: absolute;

    top: 0;
}

.form__form {
    align-items: center;

    background-color: #fff;

    border-radius: 1.5rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    max-width: 32.8125rem;

    padding: 3.375rem 1.0625rem 2.1875rem 1.125rem;
}

.form__caption,
.form__title {
    margin-bottom: 1.5625rem;

    text-align: center;
}

.form__caption {
    color: #000;

    font-size: 1.125rem;

    font-weight: 500;
}

.form__item {
    max-width: 100%;

    width: 24.625rem;
}

.form__item:not(:last-child) {
    margin-bottom: 0.5rem;
}

.form__input {
    background-color: #f2f2f2;

    border-radius: 3rem;

    font-size: 0.875rem;

    padding: 1.1875rem 1.0625rem;
}

.form__input::placeholder {
    font-size: 0.875rem;
}

.form__label {
    color: #000;

    font-size: 1.125rem;
}

.form__list {
    align-items: center;

    display: flex;

    gap: 1.5rem;

    justify-content: center;
}

.form .form__radio {
    align-items: center;

    cursor: pointer;

    display: inline-flex;

    font-size: 1rem;

    gap: 0.5rem;
}

.form .form__radio input[type="radio"] {
    display: none;
}

.form .form__radio span {
    cursor: pointer;

    padding-left: 1.875rem;

    position: relative;
}

.form .form__radio span:before {
    background: #e5e3fc;

    border: 0.125rem solid #7e6fff;

    box-sizing: border-box;

    height: 1.3125rem;

    left: 0;

    width: 1.3125rem;
}

.form .form__radio span:after,
.form .form__radio span:before {
    border-radius: 50%;

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);
}

.form .form__radio span:after {
    background: #7e6fff;

    height: 0.8125rem;

    left: 0.25rem;

    opacity: 0;

    transition: opacity 0.2s ease;

    width: 0.8125rem;
}

.form .form__radio input[type="radio"]:checked + span:after {
    opacity: 1;
}

.form__button {
    background-color: #7e6fff;

    border-radius: 4rem;

    color: #fff;

    padding: 1.0625rem 3.53125rem;

    transition: all 0.3s;
}
.shortly__button {
    text-align: right;
    margin-top: 20px;
}

.form .form__agree {
    align-items: center;

    cursor: pointer;

    display: flex;

    font-size: 0.875rem;

    gap: 0.625rem;

    line-height: 1.4;

    max-width: 18.75rem;
}

.form .form__agree input[type="radio"] {
    display: none;
}

.form .form__agree span {
    cursor: pointer;

    padding-left: 1.5625rem;

    position: relative;
}

.form .form__agree span:before {
    background: #3d3e40;

    border-radius: 0.1875rem;

    box-sizing: border-box;

    content: "";

    height: 0.9375rem;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 0.9375rem;
}

.form .form__agree span:after {
    border-bottom: 0.125rem solid #fff;

    border-right: 0.125rem solid #fff;

    content: "";

    height: 0.5625rem;

    left: 0.3125rem;

    opacity: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    transition: opacity 0.2s ease;

    width: 0.3125rem;
}

.form .form__agree input[type="radio"]:checked + span:after {
    opacity: 1;
}

.sample-hero__container {
    align-items: start;

    display: flex;

    justify-content: space-between;
}

.sample-hero__title {
    max-width: 55.25rem;
}

.sample-hero__text {
    line-height: 1.31;

    max-width: 45.5rem;
}

.sample-hero__list {
    max-width: 48.3125rem;
}

.sample-hero__list li {
    line-height: 1.31;

    max-width: 45.5rem;
}

.sample-hero__list li:not(:last-child) {
    margin-bottom: 1.25rem;
}

.about-examples__container {
    background-color: #f4f4fc;

    border-radius: 2.25rem;

    padding: 5.3125rem 6.1875rem 5rem 5rem;
}

.about-examples__title {
    margin-bottom: 1.875rem;

    max-width: 42.5rem;
}

.about-examples__text {
    line-height: 1.3;

    max-width: 42.5rem;
}

.about-examples__text p:not(:last-child) {
    margin-bottom: 1.25rem;
}

.about-examples__wrapper {
    align-items: end;

    display: flex;

    gap: 0.625rem;

    justify-content: space-between;

    row-gap: 3.0625rem;
}

.results__container {
    align-items: stretch;

    display: flex;

    gap: 0.625rem;

    justify-content: center;

    justify-content: space-between;
}

.results__column {
    background-color: #fff;

    border-radius: 1rem;

    box-shadow: 0 0 0.9375rem hsla(0, 0%, 49%, 0.15);

    color: #7e6fff;

    max-width: 32.1875rem;

    min-height: 100%;

    padding: 1.0625rem 2.125rem 1.8125rem 2.1875rem;

    position: relative;
}

.results__result {
    font-size: 3.625rem;

    font-weight: 600;

    margin-bottom: 1.25rem;
}

.results__desc {
    align-items: center;

    color: #7e6fff;

    display: flex;

    line-height: 1.31;

    max-width: 28.9375rem;
}

.results__desc a {
    bottom: 1.875rem;

    position: absolute;

    right: 1.875rem;

    transition: all 0.3s;
}

.trust__title {
    margin-bottom: 1.875rem;

    text-align: center;
}

.trust__row {
    align-items: center;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    justify-items: center;

    row-gap: 2rem;

    gap: 1.25rem;
}

.trust__row,
.why__row {
    justify-content: center;
}

.why__row {
    align-items: start;

    background-color: #fff;

    border-radius: 1rem;

    box-shadow: 0 0 0.9375rem hsla(0, 0%, 49%, 0.15);

    display: flex;

    gap: 3.1875rem;

    padding: 3.6875rem 0.625rem 3rem;
}

.why__item {
    max-width: 15.9375rem;
}

.why__ico {
    margin-bottom: 0.75rem;
}

.why__text {
    color: #04030b;

    font-size: 0.875rem;

    font-weight: 500;

    line-height: 1.31;
}

.page__nav {
    margin-bottom: 5rem;
}

.nav__title {
    margin-bottom: 1.875rem;
}

.nav__row {
    align-items: center;

    display: flex;

    flex-wrap: wrap;

    gap: 0.375rem;
}

.nav__button {
    border: 0.0625rem solid #7e6fff;

    border-radius: 4rem;

    color: #7e6fff;

    font-size: 1.125rem;

    padding: 0.875rem 1rem;

    transition: all 0.3s;
}

.page__examples {
    background-color: #f4f4fc;
}

.examples {
    padding-bottom: 9rem;

    padding-top: 9rem;
}

.examples__container {
    display: flex;

    gap: 3.75rem;

    justify-content: space-between;
}

.examples__title {
    margin-bottom: 1.875rem;

    max-width: 45rem;
}

.examples__labling {
    max-width: 45rem;
    line-height: 1.2;
}

.examples__shortly {
    background-color: #fff;

    border-radius: 1.5rem;

    display: inline-block;
}

.examples__slider {
    max-width: 53.5rem;

    position: relative;
}

.examples__wrapper {
    padding-top: 6.25rem;
}

.examples__row {
    align-items: start;

    display: flex;

    gap: 1.5rem;
}

.examples__left {
    margin-top: -6.25rem;

    row-gap: 1.5rem;
}

.examples__item,
.examples__left {
    display: flex;

    flex-direction: column;
}

.examples__item {
    background-color: #fff;

    border-radius: 1.5rem;

    max-width: 22.875rem;

    padding: 1.25rem;
}

.examples__img {
    margin-bottom: 0.75rem;
}

.examples__label {
    color: #000;

    font-size: 1.25rem;

    font-weight: 700;

    line-height: 1.31;

    margin-bottom: 0.625rem;
}

.examples__text {
    font-size: 0.875rem;

    line-height: 1.31;

    margin-bottom: 0.75rem;
}

.examples__btn {
    align-self: start;

    border: 0.0625rem solid #7e6fff;

    border-radius: 4rem;

    color: #7e6fff;

    padding: 0.625rem 0.75rem;

    transition: all 0.3s;
}

.examples__right {
    display: flex;

    flex-direction: column;

    row-gap: 1.5rem;
}

.examples__nav {
    align-items: center;

    bottom: 0;

    display: flex;

    gap: 3.125rem;

    left: 1.875rem;

    position: absolute;
}

.examples-swiper-button-next {
    transform: rotate(-180deg);
}

.examples__content {
    display: flex;

    flex-direction: column;

    row-gap: 1.25rem;
}

.examples__show {
    align-items: center;

    border-radius: 4rem;

    display: flex;

    font-size: 1.125rem;

    gap: 0.625rem;

    margin: 2.75rem auto 0;

    padding: 0.65625rem 1.25rem;
}

.examples__show,
.order__container {
    background-color: #7e6fff;

    color: #fff;
}

.order__container {
    border-radius: 2.25rem;
}

.order__title {
    margin-bottom: 1.875rem;
}

.order__caption,
.order__title {
    text-align: center;
}

.order__row {
    align-items: start;

    gap: 3.125rem;
}

.order__item,
.order__row {
    display: flex;

    justify-content: center;
}

.order__item {
    align-items: center;

    background-color: #fff;

    color: #2f2f37;

    flex-direction: column;
}

.item-order__wrapper {
    padding: 2rem 4.3125rem 0 2.9375rem;
}
.item-order__wrapper:last-child {
    padding-bottom: 2.9375rem;
    padding-top: 0;
}

.item-order {
    border-radius: 1.5rem;

    position: relative;
}

/* .item-order:before {
    background: url(../assets/img/service/order/line.webp) 50% / cover no-repeat;

    content: "";

    height: 2.6875rem;

    left: 0;

    position: absolute;

    top: 9.375rem;

    width: 100%;
} */

.item-order__caption {
    margin-bottom: 1.125rem;
    text-align: center;
}

.item-order__line {
    margin-bottom: 1.25rem;
    width: 100%;
}
.item-order__line img {
    width: 100%;
}

.item-order__title {
    margin-bottom: 1.1875rem;
    text-align: center;
}

.item-order__cost {
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.2;
}

.item-order__cost span {
    color: #7e6fff;
}

.item-order__benefits {
    margin-bottom: 2.3125rem;
}

.item-order__benefits li {
    align-items: center;

    display: flex;

    gap: 0.75rem;
}

.item-order__benefits li:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.item-order__benefits li:before {
    background-color: #7e6fff;

    border-radius: 100%;

    content: "";

    height: 0.4375rem;

    width: 0.4375rem;
}

.blog__title {
    color: #2a2367;

    text-align: center;
}

.blog__row {
    display: grid;

    gap: 1.0625rem;

    grid-template-columns: repeat(3, 1fr);
}

.blog__item {
    display: flex;

    flex-direction: column;

    min-height: 100%;
}

.item-blog {
    background-color: #fff;

    border-radius: 1.5rem;

    box-shadow: 0 0 0.9375rem hsla(0, 0%, 49%, 0.15);

    padding: 1.25rem 1.25rem 1.875rem;
}

.item-blog__img {
    margin-bottom: 1.25rem;
}

.item-blog__img img {
    border-radius: 1.5rem;
}

.item-blog__title {
    color: #000;

    font-size: 1.25rem;

    font-weight: 700;

    margin-bottom: 0.625rem;
}

.item-blog__text {
    color: #000;

    font-size: 0.875rem;

    line-height: 1.31;

    margin-bottom: 1.25rem;

    max-width: 30.9375rem;
}

.item-blog__btn {
    align-self: start;

    border: 0.0625rem solid #7e6fff;

    border-radius: 4rem;

    color: #7e6fff;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.625rem 0.75rem;

    transition: all 0.3s;
}

.blog__nav {
    justify-content: space-between;
}

.blog__buttons,
.blog__nav {
    align-items: center;

    display: flex;
}

.blog__buttons {
    gap: 0.625rem;
}

.blog__btn {
    border: 0.0625rem solid #7e6fff;

    border-radius: 4rem;

    color: #7e6fff;

    font-size: 1.125rem;

    padding: 0.875rem 1rem;

    transition: all 0.3s;
}

.blog__select {
    border: 0.0625rem solid #bdbdbd;

    padding: 0.75rem 0.5rem;
}

.blog__pagination {
    align-items: center;

    display: flex;

    gap: 0.625rem;

    justify-content: center;
}

.blog__pag {
    color: #7e6fff;

    font-size: 1.125rem;

    font-weight: 500;
}

.title_blog-page {
    margin-bottom: 2.0625rem;

    text-align: left;
}

.answers__title {
    text-align: center;
}

.answers__row {
    display: grid;

    gap: 0.8125rem;

    grid-template-columns: repeat(3, 1fr);
}

.answers__item {
    position: relative;
}

.answers__tag {
    background-color: #dfe0f9;

    border-radius: 2.5rem;

    font-weight: 600;

    left: 0.75rem;

    padding: 0.625rem;

    position: absolute;

    top: 0.75rem;

    z-index: 2;
}

.answers__info,
.answers__video iframe {
    border-radius: 1.5rem;

    width: 100%;
}

.answers__info {
    background-color: #dfe0f9;

    bottom: 0;

    font-family: Helvetica;

    left: 0;

    padding: 1.25rem 1.6875rem;

    position: absolute;
}

.answers__wrapper {
    margin-bottom: 1.25rem;
}

.answers__nav {
    align-items: center;

    display: flex;

    gap: 1.25rem;

    justify-content: center;
}

.answers-swiper-button-next {
    transform: rotate(-180deg);
}

.page__hero-article {
    margin-bottom: 2.375rem;
}

.article-hero__img img {
    border-radius: 2.25rem;
}

.article-hero__info {
    align-items: start;

    display: flex;

    gap: 1.25rem;

    justify-content: space-between;
}

.article-hero__content {
    max-width: 62.25rem;
}

.article-hero__item:not(:last-child) {
    margin-bottom: 2.5rem;
}

.article-hero__label {
    color: #000;

    font-weight: 500;
}

.article-hero__text {
    color: rgba(0, 0, 0, 0.663);

    line-height: 1.31;
}

.article-hero__text p:not(:last-child) {
    margin-bottom: 1.25rem;
}

.article-hero__list li {
    color: rgba(0, 0, 0, 0.663);

    line-height: 1.31;

    margin-left: 1.25rem;
}

.article-hero__list li:not(:last-child) {
    margin-bottom: 0.3125rem;
}

.sidebar-article {
    background-color: #f4f4fc;

    border-radius: 1rem;

    padding: 2.5rem 1.75rem 2rem 1.25rem;
}

.sidebar-article__item:not(:last-child) {
    border-bottom: 0.0625rem solid #424858;

    margin-bottom: 3.0625rem;

    padding-bottom: 3.0625rem;
}

.sidebar-article__title {
    color: #424858;

    font-size: 1.625rem;

    font-weight: 500;

    margin-bottom: 0.8125rem;
}

.sidebar-article__list {
    display: flex;

    flex-direction: column;
}

.sidebar-article__link {
    align-items: center;

    color: rgba(0, 0, 0, 0.663);

    display: flex;

    gap: 0.3125rem;
}

.sidebar-article__link:before {
    content: "| ";
}

.sidebar-article__categories {
    display: grid;

    gap: 0.625rem;

    grid-template-columns: repeat(2, 1fr);

    row-gap: 0.875rem;
}

.sidebar-article__category {
    border: 0.0625rem solid #424858;

    border-radius: 0.375rem;

    color: #424858;

    padding: 0.3125rem 1.0625rem;

    text-align: center;

    transition: all 0.3s;
}

.page__article-end {
    margin-bottom: 4.5rem;
}

.end-article__container {
    align-items: start;

    display: flex;

    gap: 3.1875rem;
}

.end-article__img img {
    border-radius: 1.5rem;
}

.end-article__quote,
.end-article__text {
    margin-bottom: 2.1875rem;
}

.end-article__text {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.616);

    border-top: 0.0625rem solid rgba(0, 0, 0, 0.616);

    color: rgba(0, 0, 0, 0.616);

    line-height: 1.35;

    max-width: 35.125rem;

    padding-bottom: 1.125rem;

    padding-top: 1.125rem;
}

.end-article__share {
    align-items: center;

    display: flex;

    gap: 1.5625rem;
}

.end-article__title {
    color: #424858;

    font-size: 1.625rem !important;
}

.end-article__social {
    align-items: center;

    display: flex;

    gap: 2.375rem;
}

.end-article__link {
    transition: all 0.3s;
}

.title_blog-article {
    margin-bottom: 2.125rem;

    text-align: left;
}

.contacts__row {
    align-items: start;

    display: flex;

    gap: 0.625rem;

    justify-content: space-between;
}

.contacts__item {
    max-width: 17.875rem;
}

.contacts__ico,
.contacts__label {
    margin-bottom: 0.75rem;
}

.contacts__label {
    color: #424858;

    font-size: 1.375rem;
}

.contacts__text {
    color: rgba(0, 0, 0, 0.631);

    line-height: 1.3;
}

.contacts__text a {
    display: block;
}

.contacts__labling {
    color: #424858;

    font-size: 1.375rem;

    font-weight: 600;

    margin-bottom: 0.75rem;
}

.contacts__msgs {
    align-items: center;

    display: flex;

    gap: 0.75rem;
    flex-wrap: wrap;
}

.contacts__msg {
    transition: all 0.3s;
}

.social__row {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
}

.social__item {
    position: relative;
}

.social__img img {
    border-radius: 2.0625rem;
}

.social__link {
    position: absolute;

    right: 10%;

    top: 10%;

    transition: all 0.3s;
}

.banner-contacts img {
    border-radius: 2.0625rem;
}

.hero-reviews {
    padding: 0 0.625rem;
}

.hero-reviews__container {
    align-items: center;

    background-color: #9990f9;

    border-radius: 2.375rem;

    color: #fff;

    display: flex;

    justify-content: space-between;

    padding-bottom: 1.6875rem;

    padding-top: 3.3125rem;
}

.hero-reviews__info {
    align-items: center;

    display: flex;

    gap: 3.0625rem;
}

.hero-reviews__rate {
    background-color: #fff;

    border-radius: 0.9375rem;

    color: #424858;

    min-width: 11.25rem;

    padding: 1rem;
}

.hero-reviews__mark {
    align-items: center;

    display: flex;

    gap: 1.875rem;

    margin-bottom: 0.5rem;
}

.hero-reviews__rating {
    font-weight: 600;
}

.hero-reviews__wrapper {
    align-items: center;

    display: flex;

    gap: 0.25rem;
}

.hero-reviews__labling {
    align-items: center;

    display: flex;

    font-size: 1.25rem;

    gap: 0.9375rem;

    max-width: 21.875rem;
}

.hero-reviews__labling span {
    font-size: 4rem;

    font-weight: 600;
}

.reviews__navigation {
    display: inline-flex;

    gap: 0.625rem;

    margin-bottom: 2.25rem;
}

.reviews__title {
    border: 0.0625rem solid #424858;

    border-radius: 4rem;

    padding: 0.625rem 3.125rem;
}

.reviews__title.--tab-active {
    background-color: #6e3bff !important;

    border: 0.0625rem solid #6e3bff;

    color: #fff;
}

.reviews__row {
    display: grid;

    gap: 1.0625rem;

    grid-template-columns: repeat(3, 1fr);

    margin-bottom: 3.125rem;
}

.reviews__review {
    position: relative;
}

.reviews__review iframe {
    border-radius: 1.75rem;

    width: 100%;
}

.reviews__tag {
    border-radius: 2.5rem;

    left: 5%;

    padding: 0.625rem;

    top: 5%;
}

.reviews__info,
.reviews__tag {
    background-color: #dfe0f9;

    color: #2f2f37;

    position: absolute;
}

.reviews__info {
    border-radius: 1.75rem;

    bottom: 0;

    font-family: Helvetica;

    left: 0;

    padding: 1.8125rem 1.6875rem;

    width: 100%;
}

.reviews__pagination {
    align-items: center;

    display: flex;

    gap: 0.9375rem;

    justify-content: center;
}

.reviews__pag {
    color: #7e6fff;

    font-size: 1.125rem;

    font-weight: 500;
}

.seo__title {
    color: #424858;

    font-size: 1.375rem;
}

.seo__text {
    color: #424858;

    line-height: 1.33;
}

.seo__text p:not(:last-child) {
    margin-bottom: 0.625rem;
}

.seo__label {
    font-weight: 500;
}

.seo__list {
    margin-bottom: 0.875rem;
}

.seo__list li {
    align-items: center;

    display: flex;

    gap: 0.3125rem;
}

.seo__list li:not(:last-child) {
    margin-bottom: 0.3125rem;
}

.seo__list li:before {
    background-color: #424858;

    border-radius: 100%;

    content: "";

    height: 0.1875rem;

    width: 0.1875rem;
}

.hero-case__container {
    background-color: #f4f4fc;

    border-radius: 2.25rem;

    display: flex;

    gap: 1.25rem;

    justify-content: space-between;

    padding: 4.375rem;

    position: relative;

    row-gap: 10.25rem;
}

.hero-case__title {
    max-width: 55.875rem;
}

.hero-case__label {
    color: #2f2f37;

    font-weight: 600;
}

.hero-case__text {
    line-height: 1.33;

    max-width: 43.125rem;
}

.hero-case__text p:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.page__start {
    margin-bottom: 4.375rem;
}

.start__container {
    align-items: center;

    display: flex;

    gap: 0.625rem;

    justify-content: space-between;
}

.start__title {
    margin-bottom: 2.125rem;
}

.start__text {
    line-height: 1.33;

    max-width: 59.375rem;
}

.start__text p:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.goals__container {
    align-items: start;

    display: flex;

    gap: 0.75rem;

    justify-content: space-between;
}

.goals__column {
    background-color: #fff;

    border-radius: 2.375rem;

    box-shadow: 0 0 0.3125rem rgba(42, 35, 103, 0.2);

    padding: 5rem 3.125rem 7.4375rem;

    flex: 0 1 50%;
}

.page__auditory {
    background-color: #f4f4fc;
}

.auditory__container {
    align-items: start;

    display: flex;

    gap: 0.625rem;

    justify-content: space-between;

    row-gap: 4rem;
}

.auditory__title {
    margin-bottom: 2.125rem;
}

.auditory__text {
    line-height: 1.33;

    max-width: 59.375rem;
}

.auditory__text p:not(:last-child) {
    margin-bottom: 0.75rem;
}

.auditory__label {
    font-weight: 600;

    margin-bottom: 1.5rem;
}

.auditory__img img {
    border-radius: 1.5rem;
}

.page__pages {
    background-color: #f4f4fc;
}

.pages__row {
    display: grid;

    gap: 1.125rem;

    grid-template-columns: repeat(3, 1fr);
}

.pages__wrapper {
    margin-bottom: 1.875rem;
}

.pages__img img {
    border-radius: 1.5rem;
}

.pages__nav {
    align-items: center;

    display: flex;

    gap: 1.875rem;

    justify-content: center;
}

.pages-swiper-button-next {
    transform: rotate(-180deg);
}

.testimonial__container {
    align-items: center;

    background-color: #fff;

    border-radius: 2.125rem;

    box-shadow: 0 0 0.3125rem rgba(42, 35, 103, 0.2);

    display: flex;

    gap: 1.875rem;

    justify-content: space-between;
}

.testimonial__title {
    margin-bottom: 1.5rem;
}

.testimonial__ico {
    margin-bottom: 1.125rem;
}

.testimonial__text {
    line-height: 1.33;

    max-width: 43.125rem;
}

.testimonial__text p:not(:last-child) {
    margin-bottom: 1.25rem;
}

.testimonial__review {
    position: relative;
}

.testimonial__tag {
    background-color: #fff;

    border-radius: 2.5rem;

    font-weight: 600;

    left: 3%;

    padding: 0.625rem;

    position: absolute;

    top: 3%;
}

.testimonial__video {
    width: 100%;
}

.testimonial__video iframe {
    border-radius: 1.75rem;

    max-width: 100%;
}

.testimonial__info {
    background-color: #f4f4fc;

    border-radius: 1.75rem;

    bottom: 0;

    font-family: Helvetica;

    font-size: 1.5rem;

    left: 0;

    padding: 1.6875rem;

    position: absolute;

    width: 100%;
}

.trust-swiper-button-next {
    transform: rotate(-180deg);
}

.trust__buttons {
    align-items: center;

    display: flex;

    gap: 1.875rem;

    justify-content: center;
}

.trust__wrapper {
    margin-bottom: 1.875rem;
}

.trust__slide,
.trust__slide img {
    width: 100%;
}

body:after {
    background-color: rgba(0, 0, 0, 0.5);

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: fixed;

    top: 0;

    transition: opacity 0.8s ease 0s;

    width: 100%;

    z-index: 149;
}

[data-fls-popup-open] body:after {
    opacity: 1;
}

[data-fls-popup] {
    bottom: 0;

    left: 0;

    pointer-events: none;

    position: fixed;

    right: 0;

    top: 0;

    transition: visibility 0.8s ease 0s;

    visibility: hidden;
}

[data-fls-popup][data-fls-popup-active] {
    overflow: auto;

    pointer-events: auto;

    visibility: visible;

    z-index: 150000000000;
}

[data-fls-popup-active] [data-fls-popup-body] {
    transform: scale(1);

    visibility: visible;
}

[data-fls-popup-wrapper] {
    align-items: center;

    display: flex;

    flex: 1 1 auto;

    flex-direction: column;

    justify-content: center;

    min-height: 100%;

    width: 100%;
}

[data-fls-popup-body] {
    background-color: #eee;

    border-radius: 1.25rem;

    display: flex;

    flex-direction: column;

    max-width: 75rem;

    padding: 1.25rem;

    transform: scale(0);

    transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;

    visibility: hidden;

    width: 100%;
}

[data-fls-popup-youtube-place] iframe {
    aspect-ratio: 16/9;

    width: 100%;
}

.popup__close {
    align-self: end;

    margin-bottom: 1.25rem;
}

.form-pop {
    margin-bottom: 0;
}

@media (max-width: 93.75em) {
    .header__mark {
        display: none;
    }

    .header__link img {
        width: 1.5rem;
    }

    .header__call:before,
    .header__locate:before,
    .header__time:before {
        display: none;
    }
}

@media (max-width: 90.625em) {
    .header__social {
        gap: 0.3125rem;
    }

    .header__info {
        gap: 0.625rem;
    }

    .header__call,
    .header__call a:not(:last-child),
    .header__locate,
    .header__time {
        gap: 6.25e-8rem;
    }

    .header__langs {
        gap: 0.3125rem;
    }
}

@media (max-width: 81.25em) {
    .header__top {
        font-size: 0.75rem;
    }

    .header__link img {
        width: 1.25rem;
    }

    .header__lang {
        font-size: 0.75rem;
    }
}

@media (max-width: 75em) {
    .process__imgs {
        flex-direction: column;
    }

    .shortly__video iframe {
        width: 100%;
    }

    .steps__item {
        width: 37.5rem;
    }

    .examples__container {
        align-items: center;

        flex-direction: column;

        justify-content: center;
    }

    .examples__slider {
        display: none;
    }

    .contacts__row {
        display: grid;
    }

    .contacts__row,
    .reviews__row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 62.5em) {
    .true__row {
        gap: 3.125rem;
    }
}

@media (max-width: 61.99875em) and (min-width: 29.99875em) {
    .quiz__var {
        min-height: 15.625rem;

        min-width: 11.0625rem;
    }
}

@media (max-width: 61.99875em) and (any-hover: none) {
    .icon-menu {
        cursor: default;
    }
}

@media (max-width: 61.99875em) {
    .page-nav__container {
        align-items: start;

        flex-direction: column;

        row-gap: 1.625rem;
    }

    .page-nav__search {
        padding: 0;
    }

    .page-nav__input {
        max-width: 100%;
    }

    .menu__body {
        background-color: #fff;

        height: 100%;

        left: -100%;

        overflow: auto;

        padding: 3.125rem 0.9375rem 1.875rem;

        position: fixed;

        top: 0;

        transition: left 0.3s;

        width: 100%;

        z-index: 10000;
    }

    [data-fls-menu-open] .menu__body,
    [data-fls-menu-open] .menu__body:before {
        left: 0;
    }

    .menu__list {
        margin-bottom: 2.4375rem;
    }

    .menu__item:not(:last-child) {
        margin-bottom: 2.125rem;
    }

    .icon-menu {
        display: block;

        height: 1.3125rem;

        position: relative;

        width: 1.5rem;

        z-index: 100005;
    }

    .icon-menu span,
    .icon-menu:after,
    .icon-menu:before {
        background-color: #7e6fff;

        border-radius: 0.375rem;

        content: "";

        height: 0.1875rem;

        position: absolute;

        right: 0;

        transition: all 0.3s ease 0s;

        width: 100%;
    }

    .icon-menu:before {
        top: 0;
    }

    .icon-menu:after {
        bottom: 0;
    }

    .icon-menu span {
        top: calc(50% - 0.0625rem);
    }

    [data-fls-menu-open] .icon-menu span {
        width: 0;
    }

    [data-fls-menu-open] .icon-menu:before {
        top: calc(50% - 0.0625rem);

        transform: rotate(-45deg);
    }

    [data-fls-menu-open] .icon-menu:after {
        bottom: calc(50% - 0.0625rem);

        transform: rotate(45deg);
    }

    .header {
        padding-top: 1.125rem;
    }

    .header__top {
        display: none;
    }

    .header__bottom {
        background-color: #7e6fff;

        border-radius: 0.5rem;

        padding: 0.3125rem 0.875rem;
    }

    .header__button,
    .header__logo {
        display: none;
    }

    .footer__container {
        padding-bottom: 1.5625rem;

        padding-top: 3.75rem;
    }

    .footer__top {
        align-items: start;

        flex-direction: column;

        row-gap: 2.0625rem;
    }

    .footer__nav {
        display: grid;

        gap: 0;

        grid-template-columns: repeat(2, 1fr);
    }

    .footer__row {
        flex: 0 1 50%;
    }

    .footer__link:not(:last-child) {
        margin-bottom: 1.75rem;
    }

    .hero__container {
        flex-direction: column;

        text-align: center;
    }

    .calc__subtitle {
        margin-bottom: 2rem;
    }

    .quiz__ask {
        padding: 0.625rem;
    }

    .quiz__title {
        font-weight: 500;

        text-align: center;
    }

    .quiz__final {
        flex-direction: column;
    }

    .info-calc {
        display: none;
    }

    .portfolio__column {
        flex: 0 1 calc(50% - 0.70833rem);
    }

    .page__decissions {
        margin-bottom: 5rem;
    }

    .decissions__navigation {
        margin-bottom: 1rem;
    }

    .banner__container,
    .item-decissions {
        flex-direction: column;
    }

    .banner__img {
        margin-bottom: 1.25rem;

        margin-top: -6.25rem;
    }

    .banner__form {
        display: flex;

        justify-content: center;

        text-align: center;
    }

    .banner__form,
    .form-banner__top {
        align-items: center;

        flex-direction: column;
    }

    .form-banner__inputs {
        flex-direction: column;
    }

    .form-banner__input {
        width: 100%;
    }

    .services__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .services__column {
        padding: 1.625rem 1.1875rem 1.875rem 1.375rem;
    }

    .info {
        text-align: center;
    }

    .info__buttons {
        flex-direction: column;
    }

    .info__btn {
        text-align: center;

        width: 100%;
    }

    .info__wrapper {
        flex-direction: column;
    }

    .info__content {
        order: 0;
    }

    .info__labling {
        max-width: none;
    }

    .info__nav {
        flex-direction: column;
    }

    .info__img {
        order: 1;
    }

    .team__slide {
        align-items: center;

        display: flex;

        flex-direction: column;

        row-gap: 1.875rem;
    }

    .team__column {
        order: 1;

        width: 100%;
    }

    .team__img img {
        width: 100%;
    }

    .team__img {
        order: 0;

        width: 100%;
    }

    .process__container {
        align-items: center;

        flex-direction: column;

        text-align: center;
    }

    .process__watch {
        justify-content: center;
    }

    .process__imgs {
        align-items: center;
    }

    .shortly__container {
        flex-direction: column;
    }

    .steps__navigation {
        display: grid;

        grid-template-columns: repeat(2, 1fr);
    }

    .steps__body {
        flex-direction: column;
    }

    .steps__item,
    .steps__spollers {
        width: 100%;
    }

    .true__container {
        padding: 5rem;
    }

    .true__row {
        grid-template-columns: 1fr;
    }

    .own__title {
        margin-bottom: 2.375rem;
    }

    .own__content {
        flex-direction: column;
    }

    .own__row {
        grid-template-columns: 1fr;
    }

    .form__container {
        align-items: center;

        flex-direction: column;
    }

    .form__img-oleh {
        display: none;
    }

    .form__list {
        display: grid;

        grid-template-columns: repeat(2, 6.5625rem);
    }

    .sample-hero__container {
        align-items: center;

        flex-direction: column;

        justify-content: center;

        text-align: center;
    }

    .about-examples__container {
        display: flex;

        padding: 2.6875rem 1rem 2.875rem;
    }

    .about-examples__container,
    .about-examples__wrapper {
        align-items: start;

        flex-direction: column;
    }

    .results__container {
        align-items: stretch;

        flex-direction: column;

        width: 100%;
    }

    .results__column {
        max-width: 100%;

        width: 100%;
    }

    .results__desc a {
        bottom: 3.125rem;
    }

    .trust__row {
        grid-template-columns: repeat(3, 1fr);
    }

    .why__row {
        align-items: center;

        flex-direction: column;

        justify-content: center;

        text-align: center;
    }

    .why__item,
    .why__row {
        max-width: 100%;

        width: 100%;
    }

    .examples__info {
        margin-bottom: 1.25rem;
    }

    .order__row {
        align-items: center;

        flex-direction: column;
    }

    .blog__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog__nav {
        align-items: start;

        flex-direction: column;

        row-gap: 1.875rem;
    }

    .blog__buttons {
        flex-wrap: wrap;
    }

    .blog__label {
        align-self: end;
    }

    .answers__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .sidebar-article {
        display: none;
    }

    .social__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-reviews__container {
        align-items: start;
    }

    .hero-reviews__stars img {
        width: 1.125rem;
    }

    .hero-reviews__info {
        gap: 0.875rem;
    }

    .hero-reviews__mark {
        gap: 0.3125rem;
    }

    .hero-reviews__mark img {
        width: 0.8125rem;
    }

    .hero-reviews__caption {
        font-size: 0.75rem;
    }

    .hero-reviews__labling {
        align-items: start;

        flex-direction: column;

        font-size: 0.75rem;
    }

    .hero-reviews__labling span {
        font-size: 1.5rem;
    }

    .hero-case__container {
        align-items: center;

        flex-direction: column;

        padding: 1.25rem;

        row-gap: 3rem;
    }

    .goals__container {
        flex-direction: column;
    }

    .pages__title {
        text-align: center;
    }

    .pages__row {
        display: none;
    }

    .testimonial__container {
        align-items: start;

        flex-direction: column;
    }
}

@media (max-width: 61.9375rem) {
    .decissions__navigation {
        grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    }
}

@media (max-width: 61.9375em) {
    .info-calc__text {
        font-size: 0.875rem;
    }
}

@media (max-width: 47.99875em) {
    .hero__results {
        flex-direction: column;
    }

    .hero__column {
        align-items: center;

        background-color: #fff;

        display: flex;

        flex-direction: column;

        justify-content: center;

        position: relative;

        text-align: center;

        width: 100%;
    }

    .hero__desc a {
        position: absolute;

        right: 1.875rem;

        top: 50%;
    }

    .quiz__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .quiz__row-check {
        grid-template-columns: 1fr;
    }

    .quiz__final {
        padding: 4.1875rem 0.75rem;

        text-align: center;
    }

    .quiz__final-title {
        text-wrap: wrap;
    }

    .quiz__inp {
        width: 100%;
    }

    .item-decissions__image {
        max-width: 100%;
    }

    .team__slide {
        align-items: start;
    }

    .trust__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .why__row {
        text-align: left;
    }

    .img-ex {
        margin-bottom: -6.25rem;

        margin-right: 0;
    }

    .blog__row {
        align-items: center;

        justify-content: center;

        justify-items: center;
    }

    .answers__row,
    .blog__row {
        grid-template-columns: 1fr;
    }

    .end-article__container {
        flex-direction: column;
    }

    .social__row {
        grid-template-columns: 1fr;
    }

    .social__img img {
        width: 100%;
    }

    .reviews__row {
        grid-template-columns: 1fr;
    }

    .start__container {
        align-items: start;

        flex-direction: column;
    }

    .goals__column {
        padding: 2.5625rem 1.3125rem 2.5rem;
    }

    .auditory__container {
        flex-direction: column;
    }
}

@media (max-width: 34.375em) {
    .portfolio__column {
        flex: 0 1 calc(100% - 0.70833rem);
    }
}

@media (max-width: 29.99875em) {
    .page-nav__input {
        width: 20rem;
    }

    .quiz__item-button {
        width: 100%;
    }

    .services__row {
        grid-template-columns: 1fr;
    }

    .process__container {
        align-items: start;

        text-align: left;
    }

    .process__watch {
        justify-content: start;
    }

    .process__imgs {
        align-items: start;
    }

    .form__item {
        width: 100%;
    }

    .trust__row {
        grid-template-columns: 1fr;
    }

    .img-ex {
        margin-bottom: -12.5rem;
    }

    .end-article__share {
        align-items: start;

        flex-direction: column;
    }

    .contacts__row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 25em) {
    .hero-reviews__container {
        flex-direction: column;

        row-gap: 1.25rem;
    }
}

@media (max-width: 20em) {
    .title {
        font-size: 1.75rem;
    }

    .page__hero {
        margin-bottom: 5.1875rem;
    }

    .page__calc {
        margin-bottom: 4rem;

        padding-bottom: 4.25rem;

        padding-top: 4.25rem;
    }

    .hero__title {
        margin-bottom: 0.6875rem;
    }

    .hero__text {
        margin-bottom: 1.5rem;
    }

    .hero__btn {
        margin-bottom: 2.125rem;
    }

    .calc__title {
        margin-bottom: 0.6875rem;
    }

    .calc__subtitle {
        font-size: 0.875rem;
    }

    .quiz__asks {
        margin-bottom: 1.375rem;
    }

    .quiz__title {
        font-size: 1.125rem;

        margin-bottom: 1.375rem;
    }

    .quiz__msg {
        margin-bottom: 1.75rem;
    }

    .quiz__final-title {
        font-size: 2rem;

        margin-bottom: 1.0625rem;
    }

    .quiz__final-subtitle {
        font-size: 1rem;

        margin-bottom: 1.875rem;
    }

    .quiz__item-agree {
        font-size: 0.875rem;
    }

    .page__small-portfolio {
        margin-bottom: 5rem;
    }

    .portfolio-small__title {
        font-size: 1.75rem;
    }

    .portfolio-small__row {
        margin-bottom: 3.375rem;
    }

    .decissions__label {
        margin-bottom: 1.0625rem;
    }

    .item-decissions__text,
    .item-decissions__title {
        margin-bottom: 1.25rem;
    }

    .item-decissions__text p:not(:last-child) {
        margin-bottom: 0.625rem;
    }

    .banner {
        margin-bottom: 5rem;
    }

    .banner__title {
        font-size: 1.375rem;
    }

    .page__services {
        margin-bottom: 5rem;
    }

    .services__title {
        margin-bottom: 2.3125rem;
    }

    .services__label {
        font-size: 1.25rem;
    }

    .page__info {
        margin-bottom: 2.875rem;
    }

    .info__title {
        font-size: 1.75rem;

        margin-bottom: 2.25rem;
    }

    .info__labling {
        font-size: 1.5rem;

        margin-bottom: 1.875rem;
    }

    .info__heading {
        font-size: 1.25rem;

        margin-bottom: 0.75rem;
    }

    .info__text {
        font-size: 1rem;

        margin-bottom: 1.125rem;

        margin-bottom: 2.25rem;
    }

    .page__team {
        margin-bottom: 5rem;
    }

    .team__title {
        margin-bottom: 2.625rem;
    }

    .team__count {
        font-size: 2.5rem;

        margin-bottom: 0.25rem;
    }

    .team__text {
        font-size: 1rem;
    }

    .team__name {
        font-size: 1.5rem;
    }

    .team__role {
        font-size: 1.125rem;
    }

    .page__process {
        margin-bottom: 5.375rem;
    }

    .process__caption {
        margin-bottom: 1.5rem;
    }

    .process__text {
        margin-bottom: 1.25rem;
    }

    .page__shortly {
        margin-bottom: 5.375rem;
    }

    .shortly__title {
        font-size: 1.75rem;
    }

    .page__steps {
        margin-bottom: 4.3125rem;
    }

    .steps__labling {
        margin-bottom: 2.1875rem;
    }

    .page__true {
        margin-bottom: 5rem;
    }

    .true__title {
        margin-bottom: 3.75rem;
    }

    .page__small-reviews {
        margin-bottom: 4.625rem;
    }

    .reviews-small__title {
        font-size: 1.75rem;

        margin-bottom: 1.75rem;
    }

    .reviews-small__labling {
        margin-bottom: 1.1875rem;
    }

    .reviews-small__name {
        font-size: 1.25rem;
    }

    .page__own {
        margin-bottom: 4.625rem;
    }

    .page__form {
        margin-bottom: 3.6875rem;
    }

    .form__title {
        font-size: 1.25rem;
    }

    .form__options {
        margin-bottom: 1.625rem;

        margin-top: 0.6875rem;
    }

    .form__label {
        margin-bottom: 1.25rem;
    }

    .form__button {
        margin-bottom: 0.6875rem;
    }

    .page__hero-sample {
        margin-bottom: 0.9375rem;
    }

    .sample-hero__title {
        margin-bottom: 0.6875rem;
    }

    .sample-hero__list,
    .sample-hero__text {
        margin-bottom: 1.5rem;
    }

    .sample-hero__list li {
        font-size: 1rem;
    }

    .page__examples-about {
        margin-bottom: 1.8125rem;
    }

    .about-examples__text {
        font-size: 1rem;
    }

    .page__results {
        margin-bottom: 5rem;
    }

    .results__desc {
        font-size: 1rem;
    }

    .page__trust {
        margin-bottom: 5.1875rem;
    }

    .page__why {
        margin-bottom: 4.4375rem;
    }

    .why__title {
        margin-bottom: 2.1875rem;
    }

    .page__examples {
        margin-bottom: 3.5625rem;
    }

    .examples__labling {
        margin-bottom: 2.5rem;
    }

    .page__order {
        margin-bottom: 5rem;
    }

    .order__container {
        padding-bottom: 1.875rem;

        padding-top: 3.4375rem;
    }

    .order__caption {
        margin-bottom: 1.875rem;
    }

    .item-order__title {
        font-size: 1.25rem;
    }

    .blog {
        margin-bottom: 7.375rem;
    }

    .blog__title {
        margin-bottom: 1.875rem;
    }

    .blog__nav {
        margin-bottom: 1.9375rem;
    }

    .blog__pagination {
        margin-top: 1.5625rem;
    }

    .answers {
        margin-bottom: 6.25rem;
    }

    .answers__title {
        margin-bottom: 2.75rem;
    }

    .answers__info {
        font-size: 1rem;
    }

    .article-hero__img {
        margin-bottom: 2.25rem;
    }

    .article-hero__title {
        margin-bottom: 2rem;
    }

    .article-hero__label {
        font-size: 1.625rem;

        margin-bottom: 1.125rem;
    }

    .article-hero__list li,
    .article-hero__text,
    .end-article__text {
        font-size: 1rem;
    }

    .page__contacts {
        margin-bottom: 2.25rem;
    }

    .contacts {
        margin-top: 6.25e-8rem;
    }

    .contacts__title {
        margin-bottom: 1.6875rem;
    }

    .contacts__text {
        font-size: 1rem;
    }

    .page__social {
        margin-bottom: 3.3125rem;
    }

    .banner-contacts img {
        margin-bottom: 7.125rem;
    }

    .page__reviews-hero {
        margin-bottom: 1.125rem;
    }

    .hero-reviews__container {
        padding-left: 1.875rem;

        padding-right: 1.875rem;
    }

    .hero-reviews__stars {
        margin-bottom: 1rem;
    }

    .hero-reviews__title {
        margin-bottom: 3.5rem;
    }

    .hero-reviews__rating {
        font-size: 1.25rem;
    }

    .page__reviews {
        margin-bottom: 3.0625rem;
    }

    .reviews__info {
        font-size: 1rem;
    }

    .page__seo,
    .seo__item:not(:last-child),
    .seo__title {
        margin-bottom: 1.25rem;
    }

    .seo__label {
        margin-bottom: 0.9375rem;
    }

    .page__case-hero {
        margin-bottom: 4.625rem;
    }

    .hero-case__title {
        margin-bottom: 3.0625rem;
    }

    .hero-case__label {
        font-size: 1.5rem;

        margin-bottom: 1rem;
    }

    .hero-case__text,
    .start__text {
        font-size: 1rem;
    }

    .page__goals {
        margin-bottom: 4.375rem;
    }

    .goals__title {
        font-size: 1.625rem;
    }

    .page__auditory {
        padding-top: 4.5rem;
    }

    .auditory__text {
        margin-bottom: 2rem;
    }

    .auditory__label {
        font-size: 1.5rem;
    }

    .page__pages {
        margin-bottom: 4.1875rem;

        padding-bottom: 4.5rem;

        padding-top: 4.5rem;
    }

    .pages__title {
        margin-bottom: 3.6875rem;
    }

    .page__testimonial {
        margin-bottom: 5rem;
    }

    .testimonial__container {
        padding: 1.875rem;
    }

    .testimonial__text {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 104.6875em) {
    .title {
        font-size: clamp(1.75rem, 1.45479704796875rem + 1.4760147601vw, 3rem);
    }

    .page__hero {
        margin-bottom: clamp(5.1875rem, 4.62661439114375rem + 2.8044280443vw, 7.5625rem);
    }

    .page__calc {
        margin-bottom: clamp(4rem, 2.9815498155rem + 5.0922509225vw, 8.3125rem);

        padding-bottom: clamp(4.25rem, 3.65959409594375rem + 2.9520295203vw, 6.75rem);

        padding-top: clamp(4.25rem, 3.33487084870625rem + 4.5756457565vw, 8.125rem);
    }

    .hero__title {
        margin-bottom: clamp(0.6875rem, 0.3184963099625rem + 1.8450184502vw, 2.25rem);
    }

    .hero__text {
        margin-bottom: clamp(1.5rem, 1.32287822878125rem + 0.8856088561vw, 2.25rem);
    }

    .hero__btn {
        margin-bottom: clamp(2.125rem, 0.899907749075rem + 6.1254612546vw, 7.3125rem);
    }

    .calc__title {
        margin-bottom: clamp(0.6875rem, 0.48085793358125rem + 1.0332103321vw, 1.5625rem);
    }

    .calc__subtitle {
        font-size: clamp(0.875rem, 0.7273985239875rem + 0.7380073801vw, 1.5rem);
    }

    .quiz__asks {
        margin-bottom: clamp(1.375rem, 0.78459409594375rem + 2.9520295203vw, 3.875rem);
    }

    .quiz__title {
        font-size: clamp(1.125rem, 1.0069188191875rem + 0.5904059041vw, 1.625rem);

        margin-bottom: clamp(1.375rem, 1.16835793358125rem + 1.0332103321vw, 2.25rem);
    }

    .quiz__msg {
        margin-bottom: clamp(1.75rem, 1.42527675276875rem + 1.6236162362vw, 3.125rem);
    }

    .quiz__final-title {
        font-size: clamp(2rem, 1.763837638375rem + 1.1808118081vw, 3rem);

        margin-bottom: clamp(1.0625rem, 0.97393911439375rem + 0.442804428vw, 1.4375rem);
    }

    .quiz__final-subtitle {
        font-size: clamp(1rem, 0.8819188191875rem + 0.5904059041vw, 1.5rem);

        margin-bottom: clamp(1.875rem, 1.69787822878125rem + 0.8856088561vw, 2.625rem);
    }

    .quiz__item-agree {
        font-size: clamp(0.875rem, 0.8454797048rem + 0.147601476vw, 1rem);
    }

    .page__small-portfolio {
        margin-bottom: clamp(5rem, 4.261992619925rem + 3.6900369004vw, 8.125rem);
    }

    .portfolio-small__title {
        font-size: clamp(1.75rem, 1.513837638375rem + 1.1808118081vw, 2.75rem);
    }

    .portfolio-small__row {
        margin-bottom: clamp(3.375rem, 3.28643911439375rem + 0.442804428vw, 3.75rem);
    }

    .decissions__label {
        margin-bottom: clamp(1.0625rem, 0.85585793358125rem + 1.0332103321vw, 1.9375rem);
    }

    .item-decissions__text,
    .item-decissions__title {
        margin-bottom: clamp(1.25rem, 1.08763837638125rem + 0.8118081181vw, 1.9375rem);
    }

    .item-decissions__text p:not(:last-child) {
        margin-bottom: clamp(0.625rem, 0.4773985239875rem + 0.7380073801vw, 1.25rem);
    }

    .banner {
        margin-bottom: clamp(5rem, 4.261992619925rem + 3.6900369004vw, 8.125rem);
    }

    .banner__title {
        font-size: clamp(1.375rem, 1.19787822878125rem + 0.8856088561vw, 2.125rem);
    }

    .page__services {
        margin-bottom: clamp(5rem, 4.261992619925rem + 3.6900369004vw, 8.125rem);
    }

    .services__title {
        margin-bottom: clamp(2.3125rem, 1.82541512915rem + 2.4354243542vw, 4.375rem);
    }

    .services__label {
        font-size: clamp(1.25rem, 1.16143911439375rem + 0.442804428vw, 1.625rem);
    }

    .page__info {
        margin-bottom: clamp(2.875rem, 1.4875461254625rem + 6.9372693727vw, 8.75rem);
    }

    .info__title {
        font-size: clamp(1.75rem, 1.45479704796875rem + 1.4760147601vw, 3rem);

        margin-bottom: clamp(2.25rem, 2.1319188191875rem + 0.5904059041vw, 2.75rem);
    }

    .info__labling {
        font-size: clamp(1.5rem, 1.3819188191875rem + 0.5904059041vw, 2rem);

        margin-bottom: clamp(1.875rem, 1.7273985239875rem + 0.7380073801vw, 2.5rem);
    }

    .info__heading {
        font-size: clamp(1.25rem, 1.16143911439375rem + 0.442804428vw, 1.625rem);

        margin-bottom: clamp(0.75rem, 0.69095940959375rem + 0.295202952vw, 1rem);
    }

    .info__text {
        font-size: clamp(1rem, 0.94095940959375rem + 0.295202952vw, 1.25rem);

        margin-bottom: clamp(1.125rem, 1.03643911439375rem + 0.442804428vw, 1.5rem);

        margin-bottom: clamp(2.25rem, 2.1171586715875rem + 0.6642066421vw, 2.8125rem);
    }

    .page__team {
        margin-bottom: clamp(5rem, 3.0221402214rem + 9.889298893vw, 13.375rem);
    }

    .team__title {
        margin-bottom: clamp(2.625rem, 2.44787822878125rem + 0.8856088561vw, 3.375rem);
    }

    .team__count {
        margin-bottom: clamp(0.25rem, -1.019372693725rem + 6.3468634686vw, 5.625rem);
    }

    .team__text {
        font-size: clamp(1rem, 0.94095940959375rem + 0.295202952vw, 1.25rem);
    }

    .team__name {
        font-size: clamp(1.5rem, 1.3671586715875rem + 0.6642066421vw, 2.0625rem);
    }

    .team__role {
        font-size: clamp(1.125rem, 1.03643911439375rem + 0.442804428vw, 1.5rem);
    }

    .page__process {
        margin-bottom: clamp(5.375rem, 4.7255535055375rem + 3.2472324723vw, 8.125rem);
    }

    .process__caption {
        margin-bottom: clamp(1.5rem, 1.3966789667875rem + 0.5166051661vw, 1.9375rem);
    }

    .process__text {
        margin-bottom: clamp(1.25rem, 0.77767527675rem + 2.3616236162vw, 3.25rem);
    }

    .page__shortly {
        margin-bottom: clamp(5.375rem, 4.7255535055375rem + 3.2472324723vw, 8.125rem);
    }

    .shortly__title {
        font-size: clamp(1.75rem, 1.6319188191875rem + 0.5904059041vw, 2.25rem);
    }

    .page__steps {
        margin-bottom: clamp(4.3125rem, 3.89921586715625rem + 2.0664206642vw, 6.0625rem);
    }

    .steps__labling {
        margin-bottom: clamp(2.1875rem, 1.52329335793125rem + 3.3210332103vw, 5rem);
    }

    .page__true {
        margin-bottom: clamp(5rem, 4.261992619925rem + 3.6900369004vw, 8.125rem);
    }

    .true__title {
        margin-bottom: clamp(3.75rem, 3.41051660516875rem + 1.6974169742vw, 5.1875rem);
    }

    .page__small-reviews {
        margin-bottom: clamp(4.625rem, 2.67666051660625rem + 9.741697417vw, 12.875rem);
    }

    .reviews-small__title {
        font-size: clamp(1.75rem, 1.6319188191875rem + 0.5904059041vw, 2.25rem);

        margin-bottom: clamp(1.75rem, 0.5987084870875rem + 5.7564575646vw, 6.625rem);
    }

    .reviews-small__labling {
        margin-bottom: clamp(1.1875rem, 1.02513837638125rem + 0.8118081181vw, 1.875rem);
    }

    .reviews-small__name {
        font-size: clamp(1.25rem, 1.19095940959375rem + 0.295202952vw, 1.5rem);
    }

    .page__own {
        margin-bottom: clamp(4.625rem, 2.67666051660625rem + 9.741697417vw, 12.875rem);
    }

    .page__form {
        margin-bottom: clamp(3.6875rem, 2.19672509225rem + 7.4538745387vw, 10rem);
    }

    .form__title {
        font-size: clamp(1.25rem, 1.19095940959375rem + 0.295202952vw, 1.5rem);
    }

    .form__options {
        margin-bottom: clamp(1.625rem, 1.374077490775rem + 1.2546125461vw, 2.6875rem);

        margin-top: clamp(0.6875rem, 0.5546586715875rem + 0.6642066421vw, 1.25rem);
    }

    .form__label {
        margin-bottom: clamp(1.25rem, 1.028597785975rem + 1.1070110701vw, 2.1875rem);
    }

    .form__button {
        margin-bottom: clamp(0.6875rem, 0.52513837638125rem + 0.8118081181vw, 1.375rem);
    }

    .page__hero-sample {
        margin-bottom: clamp(0.9375rem, -0.4647140221375rem + 7.0110701107vw, 6.875rem);
    }

    .sample-hero__title {
        margin-bottom: clamp(0.6875rem, 0.37753690036875rem + 1.5498154982vw, 2rem);
    }

    .sample-hero__list,
    .sample-hero__text {
        margin-bottom: clamp(1.5rem, 1.3819188191875rem + 0.5904059041vw, 2rem);
    }

    .sample-hero__list li {
        font-size: clamp(1rem, 0.94095940959375rem + 0.295202952vw, 1.25rem);
    }

    .page__examples-about {
        margin-bottom: clamp(1.8125rem, 1.65013837638125rem + 0.8118081181vw, 2.5rem);
    }

    .about-examples__text {
        font-size: clamp(1rem, 0.94095940959375rem + 0.295202952vw, 1.25rem);
    }

    .page__results {
        margin-bottom: clamp(5rem, 4.57195571955625rem + 2.1402214022vw, 6.8125rem);
    }

    .results__desc {
        font-size: clamp(1rem, 0.79335793358125rem + 1.0332103321vw, 1.875rem);
    }

    .page__trust {
        margin-bottom: clamp(5.1875rem, 4.1985701107rem + 4.9446494465vw, 9.375rem);
    }

    .page__why {
        margin-bottom: clamp(4.4375rem, 3.90613468634375rem + 2.6568265683vw, 6.6875rem);
    }

    .why__title {
        margin-bottom: clamp(2.1875rem, 2.11369926199375rem + 0.36900369vw, 2.5rem);
    }

    .page__examples {
        margin-bottom: clamp(3.5625rem, 2.39644833948125rem + 5.8302583026vw, 8.5rem);
    }

    .examples__labling {
        margin-bottom: clamp(2.5rem, 1.45202952029375rem + 5.2398523985vw, 6.9375rem);
    }

    .page__order {
        margin-bottom: clamp(5rem, 4.6162361623625rem + 1.9188191882vw, 6.625rem);
    }

    .order__container {
        padding-bottom: clamp(1.875rem, 0.4875461254625rem + 6.9372693727vw, 7.75rem);

        padding-top: clamp(3.4375rem, 2.5371309963125rem + 4.5018450185vw, 7.25rem);
    }

    .order__caption {
        margin-bottom: clamp(1.875rem, 1.43219557195625rem + 2.2140221402vw, 3.75rem);
    }

    .item-order__title {
        font-size: clamp(1.25rem, 1.16143911439375rem + 0.442804428vw, 1.625rem);
    }

    .blog {
        margin-bottom: clamp(7.375rem, 6.45987084870625rem + 4.5756457565vw, 11.25rem);
    }

    .blog__title {
        margin-bottom: clamp(1.875rem, 1.32887453874375rem + 2.7306273063vw, 4.1875rem);
    }

    .blog__nav {
        margin-bottom: clamp(1.9375rem, 1.214252767525rem + 3.6162361624vw, 5rem);
    }

    .blog__pagination {
        margin-top: clamp(1.5625rem, 1.1934963099625rem + 1.8450184502vw, 3.125rem);
    }

    .answers {
        margin-bottom: clamp(6.25rem, 4.70018450184375rem + 7.7490774908vw, 12.8125rem);
    }

    .answers__title {
        margin-bottom: clamp(2.75rem, 2.3957564575625rem + 1.7712177122vw, 4.25rem);
    }

    .answers__info {
        font-size: clamp(1rem, 0.8819188191875rem + 0.5904059041vw, 1.5rem);
    }

    .article-hero__img {
        margin-bottom: clamp(2.25rem, 1.45295202951875rem + 3.9852398524vw, 5.625rem);
    }

    .article-hero__title {
        margin-bottom: clamp(2rem, 1.54243542435625rem + 2.2878228782vw, 3.9375rem);
    }

    .article-hero__label {
        font-size: clamp(1.625rem, 1.56595940959375rem + 0.295202952vw, 1.875rem);

        margin-bottom: clamp(1.125rem, 1.03643911439375rem + 0.442804428vw, 1.5rem);
    }

    .article-hero__list li,
    .article-hero__text {
        font-size: clamp(1rem, 0.9704797048rem + 0.147601476vw, 1.125rem);
    }

    .end-article__text {
        font-size: clamp(1rem, 0.94095940959375rem + 0.295202952vw, 1.25rem);
    }

    .page__contacts {
        margin-bottom: clamp(2.25rem, 1.55627306273125rem + 3.4686346863vw, 5.1875rem);
    }

    .contacts {
        margin-top: clamp(6.25e-8rem, -0.66420656480625rem + 3.3210331365vw, 2.8125rem);
    }

    .contacts__title {
        margin-bottom: clamp(1.6875rem, 0.964252767525rem + 3.6162361624vw, 4.75rem);
    }

    .contacts__text {
        font-size: clamp(1rem, 0.91143911439375rem + 0.442804428vw, 1.375rem);
    }

    .page__social {
        margin-bottom: clamp(3.3125rem, 2.73685424354375rem + 2.8782287823vw, 5.75rem);
    }

    .banner-contacts img {
        margin-bottom: clamp(6.1875rem, 7.346402214025rem + -1.1070110701vw, 7.125rem);
    }

    .page__reviews-hero {
        margin-bottom: clamp(1.125rem, 0.1508302583rem + 4.8708487085vw, 5.25rem);
    }

    .hero-reviews__container {
        padding-left: clamp(1.875rem, 1.43219557195625rem + 2.2140221402vw, 3.75rem);

        padding-right: clamp(1.875rem, 1.43219557195625rem + 2.2140221402vw, 3.75rem);
    }

    .hero-reviews__stars {
        margin-bottom: clamp(1rem, 0.66051660516875rem + 1.6974169742vw, 2.4375rem);
    }

    .hero-reviews__title {
        margin-bottom: clamp(3.5rem, 3.42619926199375rem + 0.36900369vw, 3.8125rem);
    }

    .hero-reviews__rating {
        font-size: clamp(1.25rem, 1.1023985239875rem + 0.7380073801vw, 1.875rem);
    }

    .page__reviews {
        margin-bottom: clamp(3.0625rem, 2.339252767525rem + 3.6162361624vw, 6.125rem);
    }

    .reviews__info {
        font-size: clamp(1rem, 0.8819188191875rem + 0.5904059041vw, 1.5rem);
    }

    .page__seo {
        margin-bottom: clamp(1.25rem, -0.21125461254375rem + 7.3062730627vw, 7.4375rem);
    }

    .seo__item:not(:last-child) {
        margin-bottom: clamp(1.25rem, 0.83671586715625rem + 2.0664206642vw, 3rem);
    }

    .seo__title {
        margin-bottom: clamp(1.25rem, 1.1319188191875rem + 0.5904059041vw, 1.75rem);
    }

    .seo__label {
        margin-bottom: clamp(0.9375rem, 0.84893911439375rem + 0.442804428vw, 1.3125rem);
    }

    .page__case-hero {
        margin-bottom: clamp(4.625rem, 4.344557195575rem + 1.4022140221vw, 5.8125rem);
    }

    .hero-case__title {
        margin-bottom: clamp(3.0625rem, 2.72301660516875rem + 1.6974169742vw, 4.5rem);
    }

    .hero-case__label {
        font-size: clamp(1.5rem, 1.1457564575625rem + 1.7712177122vw, 3rem);

        margin-bottom: clamp(1rem, 0.734317343175rem + 1.3284132841vw, 2.125rem);
    }

    .hero-case__text,
    .start__text {
        font-size: clamp(1rem, 0.9704797048rem + 0.147601476vw, 1.125rem);
    }

    .page__goals {
        margin-bottom: clamp(4.375rem, 3.4893911439125rem + 4.4280442804vw, 8.125rem);
    }

    .goals__title {
        font-size: clamp(1.625rem, 1.53643911439375rem + 0.442804428vw, 2rem);
    }

    .page__auditory {
        padding-top: clamp(4.5rem, 3.6439114391125rem + 4.2804428044vw, 8.125rem);
    }

    .auditory__text {
        margin-bottom: clamp(2rem, 1.82287822878125rem + 0.8856088561vw, 2.75rem);
    }

    .auditory__label {
        font-size: clamp(1.5rem, 1.3819188191875rem + 0.5904059041vw, 2rem);
    }

    .page__pages {
        margin-bottom: clamp(4.1875rem, 3.25761070110625rem + 4.6494464945vw, 8.125rem);

        padding-bottom: clamp(4.5rem, 3.6439114391125rem + 4.2804428044vw, 8.125rem);

        padding-top: clamp(4.5rem, 3.6439114391125rem + 4.2804428044vw, 8.125rem);
    }

    .pages__title {
        margin-bottom: clamp(3.6875rem, 3.3184963099625rem + 1.8450184502vw, 5.25rem);
    }

    .page__testimonial {
        margin-bottom: clamp(5rem, 4.04059040590625rem + 4.7970479705vw, 9.0625rem);
    }

    .testimonial__container {
        padding: clamp(1.875rem, 0.66466789668125rem + 6.0516605166vw, 7rem);
    }

    .testimonial__text {
        font-size: clamp(1rem, 0.9704797048rem + 0.147601476vw, 1.125rem);
    }
}

@media (min-width: 47.99875em) {
    .item-decissions__image {
        height: 48.8125rem;

        width: 58.0625rem;
    }
}

@media (min-width: 61.9375em) and (max-width: 75em) {
    .info-calc__text {
        font-size: clamp(0.875rem, -0.3104066985625rem + 1.9138755981vw, 1.125rem);
    }
}

@media (min-width: 61.99875em) and (min-width: 87.5em) {
    .menu__list {
        gap: 2.125rem;
    }
}

@media (min-width: 61.99875em) and (min-width: 75em) {
    .calc__content {
        gap: 6.4375rem;
    }
}

@media (min-width: 61.99875em) and (min-width: 62em) and (max-width: 87.5em) {
    .menu__list {
        gap: clamp(1.0625rem, -1.52083333333125rem + 4.1666666667vw, 2.125rem);
    }
}

@media (min-width: 61.99875em) and (min-width: 61.9375em) and (max-width: 75em) {
    .calc__content {
        gap: clamp(0.625rem, -26.935705741625rem + 44.4976076555vw, 6.4375rem);
    }
}

@media (min-width: 61.99875em) and (max-width: 62em) {
    .menu__list {
        gap: 1.0625rem;
    }
}

@media (min-width: 61.99875em) and (max-width: 61.9375em) {
    .calc__content {
        gap: 0.625rem;
    }
}

@media (min-width: 61.99875em) {
    .menu__list {
        align-items: center;

        display: flex;
    }

    .header .header__logo-mob,
    .menu__langs,
    .menu__mob {
        display: none;
    }

    .footer__container {
        padding: 4.125rem 2.5rem 0.625rem;
    }

    .calc__content {
        align-items: start;

        display: flex;
    }

    .quiz {
        max-width: 62.75rem;
    }

    .banner__container {
        height: 22.75rem;
    }

    .team__slide {
        align-items: center;

        display: grid;

        gap: 1.25rem;

        grid-template-columns: 1fr 29.6875rem 1fr;

        grid-template-rows: auto auto;

        row-gap: 1.25rem;
    }

    .team__column:first-child {
        grid-column: 1;

        grid-row: 1;
    }

    .team__column:nth-child(3) {
        grid-column: 1;

        grid-row: 2;
    }

    .team__column:nth-child(4) {
        grid-column: 3;

        grid-row: 1;
    }

    .team__column:nth-child(5) {
        grid-column: 3;

        grid-row: 2;
    }

    .team__img {
        grid-column: 2;

        grid-row: 1/3;

        height: 100%;

        width: 100%;
    }

    .reviews-small__nav {
        display: none;
    }

    .form__container {
        background-color: #f4f4fc;

        border-radius: 1.5rem;

        padding: 3.875rem 6.125rem;

        position: relative;
    }

    .form__form {
        margin: 0 auto;

        position: relative;

        z-index: 3;
    }

    .form__img-card {
        bottom: 0;

        position: absolute;

        right: 0;
    }

    .hero-case__img img {
        aspect-ratio: 728/682;

        border-radius: 1.5rem;

        height: 42.625rem;

        object-fit: cover;

        width: 45.5rem;
    }

    .pages__slider {
        display: none;
    }
}

@media (min-width: 62.5em) and (max-width: 75em) {
    .true__row {
        gap: clamp(3.125rem, -29.6875rem + 52.5vw, 9.6875rem);
    }
}

@media (min-width: 69.375em) {
    .info-calc__img {
        margin-top: -6.25rem;
    }
}

@media (min-width: 75em) {
    .info-calc__text {
        font-size: 1.125rem;
    }

    .true__row {
        gap: 9.6875rem;
    }

    .examples__more {
        display: none;
    }
}

@media (min-width: 90.625em) and (max-width: 93.75em) {
    .header__social {
        gap: clamp(0.3125rem, -8.75rem + 10vw, 0.625rem);
    }

    .header__info {
        gap: clamp(0.625rem, -41.0625rem + 46vw, 2.0625rem);
    }

    .header__call,
    .header__call a:not(:last-child),
    .header__locate,
    .header__time {
        gap: clamp(6.25e-8rem, -18.124998125rem + 19.999998vw, 0.625rem);
    }

    .header__langs {
        gap: clamp(0.3125rem, -26.875rem + 30vw, 1.25rem);
    }
}

@media (min-width: 93.75em) {
    .header__social {
        gap: 0.625rem;
    }

    .header__info {
        gap: 2.0625rem;
    }

    .header__call,
    .header__call a:not(:last-child),
    .header__locate,
    .header__time {
        gap: 0.625rem;
    }

    .header__langs {
        gap: 1.25rem;
    }
}

@media (min-width: 104.6875em) {
    .title {
        font-size: 3rem;
    }

    .page__hero {
        margin-bottom: 7.5625rem;
    }

    .page__calc {
        margin-bottom: 8.3125rem;

        padding-bottom: 6.75rem;

        padding-top: 8.125rem;
    }

    .hero__text,
    .hero__title {
        margin-bottom: 2.25rem;
    }

    .hero__btn {
        margin-bottom: 7.3125rem;
    }

    .calc__title {
        margin-bottom: 1.5625rem;
    }

    .calc__subtitle {
        font-size: 1.5rem;
    }

    .quiz__asks {
        margin-bottom: 3.875rem;
    }

    .quiz__title {
        font-size: 1.625rem;

        margin-bottom: 2.25rem;
    }

    .quiz__msg {
        margin-bottom: 3.125rem;
    }

    .quiz__final-title {
        font-size: 3rem;

        margin-bottom: 1.4375rem;
    }

    .quiz__final-subtitle {
        font-size: 1.5rem;

        margin-bottom: 2.625rem;
    }

    .quiz__item-agree {
        font-size: 1rem;
    }

    .page__small-portfolio {
        margin-bottom: 8.125rem;
    }

    .portfolio-small__title {
        font-size: 2.75rem;
    }

    .portfolio-small__row {
        margin-bottom: 3.75rem;
    }

    .decissions__label,
    .item-decissions__text,
    .item-decissions__title {
        margin-bottom: 1.9375rem;
    }

    .item-decissions__text p:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .banner {
        margin-bottom: 8.125rem;
    }

    .banner__title {
        font-size: 2.125rem;
    }

    .page__services {
        margin-bottom: 8.125rem;
    }

    .services__title {
        margin-bottom: 4.375rem;
    }

    .services__label {
        font-size: 1.625rem;
    }

    .page__info {
        margin-bottom: 8.75rem;
    }

    .info__title {
        font-size: 3rem;

        margin-bottom: 2.75rem;
    }

    .info__labling {
        font-size: 2rem;

        margin-bottom: 2.5rem;
    }

    .info__heading {
        font-size: 1.625rem;

        margin-bottom: 1rem;
    }

    .info__text {
        font-size: 1.25rem;

        margin-bottom: 1.5rem;

        margin-bottom: 2.8125rem;
    }

    .page__team {
        margin-bottom: 13.375rem;
    }

    .team__title {
        margin-bottom: 3.375rem;
    }

    .team__count {
        margin-bottom: 5.625rem;
    }

    .team__text {
        font-size: 1.25rem;
    }

    .team__name {
        font-size: 2.0625rem;
    }

    .team__role {
        font-size: 1.5rem;
    }

    .page__process {
        margin-bottom: 8.125rem;
    }

    .process__caption {
        margin-bottom: 1.9375rem;
    }

    .process__text {
        margin-bottom: 3.25rem;
    }

    .page__shortly {
        margin-bottom: 8.125rem;
    }

    .shortly__title {
        font-size: 2.25rem;
    }

    .page__steps {
        margin-bottom: 6.0625rem;
    }

    .steps__labling {
        margin-bottom: 5rem;
    }

    .page__true {
        margin-bottom: 8.125rem;
    }

    .true__title {
        margin-bottom: 5.1875rem;
    }

    .page__small-reviews {
        margin-bottom: 12.875rem;
    }

    .reviews-small__title {
        font-size: 2.25rem;

        margin-bottom: 6.625rem;
    }

    .reviews-small__labling {
        margin-bottom: 1.875rem;
    }

    .reviews-small__name {
        font-size: 1.5rem;
    }

    .page__own {
        margin-bottom: 12.875rem;
    }

    .page__form {
        margin-bottom: 10rem;
    }

    .form__title {
        font-size: 1.5rem;
    }

    .form__options {
        margin-bottom: 2.6875rem;

        margin-top: 1.25rem;
    }

    .form__label {
        margin-bottom: 2.1875rem;
    }

    .form__button {
        margin-bottom: 1.375rem;
    }

    .page__hero-sample {
        margin-bottom: 6.875rem;
    }

    .sample-hero__list,
    .sample-hero__text,
    .sample-hero__title {
        margin-bottom: 2rem;
    }

    .sample-hero__list li {
        font-size: 1.25rem;
    }

    .page__examples-about {
        margin-bottom: 5rem;
    }

    .about-examples__text {
        font-size: 1.25rem;
    }

    .page__results {
        margin-bottom: 6.8125rem;
    }

    .results__desc {
        font-size: 1.875rem;
    }

    .page__trust {
        margin-bottom: 9.375rem;
    }

    .page__why {
        margin-bottom: 6.6875rem;
    }

    .why__title {
        margin-bottom: 2.5rem;
    }

    .page__examples {
        margin-bottom: 8.5rem;
    }

    .examples__labling {
        margin-bottom: 6.9375rem;
    }

    .page__order {
        margin-bottom: 6.625rem;
    }

    .order__container {
        padding-bottom: 7.75rem;

        padding-top: 7.25rem;
    }

    .order__caption {
        margin-bottom: 3.75rem;
    }

    .item-order__title {
        font-size: 1.625rem;
    }

    .blog {
        margin-bottom: 11.25rem;
    }

    .blog__title {
        margin-bottom: 4.1875rem;
    }

    .blog__nav {
        margin-bottom: 5rem;
    }

    .blog__pagination {
        margin-top: 3.125rem;
    }

    .answers {
        margin-bottom: 12.8125rem;
    }

    .answers__title {
        margin-bottom: 4.25rem;
    }

    .answers__info {
        font-size: 1.5rem;
    }

    .article-hero__img {
        margin-bottom: 5.625rem;
    }

    .article-hero__title {
        margin-bottom: 3.9375rem;
    }

    .article-hero__label {
        font-size: 1.875rem;

        margin-bottom: 1.5rem;
    }

    .article-hero__list li,
    .article-hero__text {
        font-size: 1.125rem;
    }

    .end-article__text {
        font-size: 1.25rem;
    }

    .page__contacts {
        margin-bottom: 5.1875rem;
    }

    .contacts {
        margin-top: 2.8125rem;
    }

    .contacts__title {
        margin-bottom: 4.75rem;
    }

    .contacts__text {
        font-size: 1.375rem;
    }

    .page__social {
        margin-bottom: 5.75rem;
    }

    .banner-contacts img {
        margin-bottom: 6.1875rem;
    }

    .page__reviews-hero {
        margin-bottom: 5.25rem;
    }

    .hero-reviews__container {
        padding-left: 3.75rem;

        padding-right: 3.75rem;
    }

    .hero-reviews__stars {
        margin-bottom: 2.4375rem;
    }

    .hero-reviews__title {
        margin-bottom: 3.8125rem;
    }

    .hero-reviews__rating {
        font-size: 1.875rem;
    }

    .page__reviews {
        margin-bottom: 6.125rem;
    }

    .reviews__info {
        font-size: 1.5rem;
    }

    .page__seo {
        margin-bottom: 7.4375rem;
    }

    .seo__item:not(:last-child) {
        margin-bottom: 3rem;
    }

    .seo__title {
        margin-bottom: 1.75rem;
    }

    .seo__label {
        margin-bottom: 1.3125rem;
    }

    .page__case-hero {
        margin-bottom: 5.8125rem;
    }

    .hero-case__title {
        margin-bottom: 4.5rem;
    }

    .hero-case__label {
        font-size: 3rem;

        margin-bottom: 2.125rem;
    }

    .hero-case__text,
    .start__text {
        font-size: 1.125rem;
    }

    .page__goals {
        margin-bottom: 8.125rem;
    }

    .goals__title {
        font-size: 2rem;
    }

    .page__auditory {
        padding-top: 8.125rem;
    }

    .auditory__text {
        margin-bottom: 2.75rem;
    }

    .auditory__label {
        font-size: 2rem;
    }

    .page__pages {
        margin-bottom: 8.125rem;

        padding-bottom: 8.125rem;

        padding-top: 8.125rem;
    }

    .pages__title {
        margin-bottom: 5.25rem;
    }

    .page__testimonial {
        margin-bottom: 9.0625rem;
    }

    .testimonial__container {
        padding: 7rem;
    }

    .testimonial__text {
        font-size: 1.125rem;
    }
}

@media (any-hover: hover) {
    .btn-primary:hover {
        box-shadow: 0 0.25rem 0.25rem #2a2367;
    }

    .btn-bd:hover {
        background-color: #7e6fff;

        color: #fff;
    }

    .page-nav__back:hover {
        text-decoration: underline;
    }

    .menu__link:hover {
        color: #7e6fff;
    }

    .header__link:hover {
        transform: scale(1.1);
    }

    .footer__adress a:hover,
    .footer__btn:hover,
    .footer__link:hover,
    .footer__number:hover,
    .header__call a:hover,
    .header__lang:hover {
        text-decoration: underline;
    }

    .hero__desc a:hover {
        transform: scale(1.1);
    }

    .quiz__item-button:hover,
    .quiz__next:hover {
        box-shadow: none;
    }

    .info-calc__btn:hover {
        text-decoration: none;
    }

    .portfolio-small__more:hover {
        background-color: #7e6fff;

        color: #fff;
    }

    .portfolio-small__button:hover {
        background-color: #fff;

        color: #7e6fff;

        outline: 0.0625rem solid #7e6fff;
    }

    .item-portfolio__btn:hover {
        background-color: #7e6fff;

        color: #fff;
    }

    .form-banner__radio a:hover {
        text-decoration: none;
    }

    .form-banner__button:hover {
        box-shadow: none;
    }

    .info__video:hover img {
        transform: scale(1.05);
    }

    .process__watch:hover img,
    .reviews-small__video:hover {
        transform: scale(1.1);
    }

    .form__button:hover {
        background-color: #e5e3fc;

        color: #7e6fff;
    }

    .results__desc a:hover {
        transform: scale(1.1);
    }

    .blog__btn:hover,
    .examples__btn:hover,
    .item-blog__btn:hover,
    .nav__button:hover {
        background-color: #7e6fff;

        color: #fff;
    }

    .sidebar-article__link:hover {
        text-decoration: underline;
    }

    .sidebar-article__category:hover {
        background-color: #424858;

        color: #fff;
    }

    .end-article__link:hover {
        transform: scale(1.1);
    }

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

    .contacts__msg:hover,
    .social__link:hover {
        transform: scale(1.1);
    }

    .reviews__pag:hover {
        text-decoration: underline;
    }
}

.portfolio-small__row {
    min-height: 500px !important;
}

.video-popup {
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

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

    z-index: 9999;
}

.video-popup__content {
    position: relative;

    width: 90%;

    max-width: 900px;

    background: #000;
}

.video-popup__close {
    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 30px;

    color: #fff;

    background: none;

    border: none;

    cursor: pointer;
}

.video-popup__wrapper iframe {
    width: 100%;

    height: 500px;
}

.video-popup__overlay {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
}

.item-blog__img img {
    height: 500px;
    object-fit: cover;
}

.article-hero__img img {
    width: 100%;

    object-fit: cover;
}

.end-article__img img {
    width: 996px;

    max-width: 100%;

    object-fit: cover;
}

.banner-contacts__container iframe {
    width: 100%;

    margin-bottom: 50px;

    border-radius: 24px;
}

.reviews-pagination {
    display: flex;

    align-items: center;

    justify-content: center;
}

.reviews__pagination-wrapper {
    margin-top: 30px;

    text-align: center;
}

.reviews-pagination__link {
    margin: 0 5px;

    padding: 5px 10px;

    text-decoration: none;
}

.reviews-page.active {
    color: #9990f9;
}

.reviews-page.next {
    display: none;
}

.reviews-page.prev {
    display: none;
}

.page-numbers {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;
}

.next.page-numbers {
    display: none;
}

.prev.page-numbers {
    display: none;
}

.current {
    color: #9990f9;
}

/* Ховаємо слайдер до ініціалізації */
.swiper {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* Показуємо тільки після того, як Swiper запустився */
.swiper.swiper-initialized {
    opacity: 1;
    visibility: visible;
}

.footer__item:not(:last-child) {
    margin-bottom: 0.5rem;
}

[hidden] {
    display: none !important;
}

.steps__video {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.steps__video span {
    max-width: 252px;
}

.popup-thank {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.popup-thank.active {
    opacity: 1;
    pointer-events: all;
}
.popup-thank__content {
    background: #fff;
    padding: 40px 30px;
    border-radius: 16px;
    text-align: center;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    animation: scaleIn 0.3s ease;
}
.popup-thank__content h2 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #222;
}
.popup-thank__content p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #555;
}
.popup-thank__close {
    padding: 10px 25px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.2s;
}
.popup-thank__close:hover {
    background: #005d88;
}

@keyframes scaleIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.popup-vid {
    position: fixed;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-vid.active {
    display: flex;
}

.popup__overlay-vid {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
}

.popup__content-vid {
    position: relative;
    max-width: 900px;
    width: 90%;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    z-index: 10;
}

.popup__close-vid {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    color: #fff;
}

.popup__iframe-vid iframe {
    width: 100%;
    border: none;
    border-radius: 8px;
}

.services__column:hover .services__img img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}
.services__img img {
    transition: transform 0.3s ease;
}
.services__img {
    overflow: hidden;
}
.blog__more {
    text-align: center;
}
.blog__btn_all {
    margin: 0 auto;
    margin-top: 20px;
}
.order__column {
    flex: 0 1 33.333%;
    min-height: 100%;
}
.order__item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.order__row {
    align-items: stretch;
}

.team__count {
    margin-bottom: 2.625rem;
}

.reviews__review:hover .reviews__tag {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.reviews__review:hover .reviews__info {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.reviews__tag {
    transition: all 0.3s;
}

.reviews__info {
    transition: all 0.3s;
}

.screens__slide img {
    box-shadow: 20px 20px 10px rgba(42, 35, 103, 0.2);
    border-radius: 24px;
}
.screens__slide {
    padding: 30px;
}
.page__screens {
    margin-bottom: 100px;
}

.seo__text h2 {
    margin-bottom: 0.4rem;
}

.contacts__msg img {
    width: 43px;
}
.confident__subtitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #444;
}

/* Блоки контента */
.confident__block {
    margin-bottom: 30px;
}

/* Абзацы */
.confident__block p {
    margin-bottom: 12px;
}

/* Списки */
.confident__block ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 12px;
}

.confident__block ul li {
    margin-bottom: 8px;
}

.confident__title {
    margin-bottom: 15px;
}
.confident__caption {
    margin-bottom: 25px;
}

.form__agree span a {
    text-decoration: underline;
}
.form__agree span a:hover {
    text-decoration: none;
}

.article-hero__text {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    margin: 0;
}

/* Заголовки */
.article-hero__text h1,
.article-hero__text h2,
.article-hero__text h3,
.article-hero__text h4,
.article-hero__text h5,
.article-hero__text h6 {
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 24px;
    color: #000;
    font-size: 24px;
}

/* Параграфы */
.article-hero__text p {
    line-height: 28px;
    font-size: 18px;
}

/* Списки */
.article-hero__text ul,
.article-hero__text ol {
    padding-left: 1.5em;
    margin: 0 0 1em 0;
}

.article-hero__text li {
    margin-bottom: 0.5em;
    list-style: decimal;
}

/* Жирный и курсив */
.article-hero__text strong {
    font-weight: 700;
}

.article-hero__text em {
    font-style: italic;
}

/* Ссылки */
.article-hero__text a {
    color: #0073e6;
    text-decoration: underline;
}

.article-hero__text a:hover {
    color: #005bb5;
}

/* Медиа (картинки, видео) */
.article-hero__text img,
.article-hero__text video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em 0;
}

/* Цитаты */
.article-hero__text blockquote {
    border-left: 3px solid #ccc;
    padding-left: 1em;
    color: #555;
    margin: 1em 0;
    font-style: italic;
}

.article-hero__text .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* расстояние между колонками */
}

.article-hero__text .row .col {
    flex: 1 1 0;
    min-width: 100px; /* минимальная ширина колонки */
}

.media-row {
    display: grid;
    gap: 20px; /* расстояние между элементами */
    margin-bottom: 40px;
    align-items: center;
}

.media-row img,
.media-row iframe {
    width: 100%;
    height: auto;
    display: block;
}

.columns-1 {
    grid-template-columns: repeat(1, 1fr);
}
.columns-2 {
    grid-template-columns: repeat(2, 1fr);
}
.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}
.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}
.columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .media-row {
        grid-template-columns: repeat(1, 1fr);
    }
}

ol.shortly__list {
    margin-left: 15px;
}

.auditory__block-text ol:not(:last-child) {
    margin-bottom: 25px;
}
.auditory__block-text p:not(:last-child) {
    margin-bottom: 25px;
}

.auditory__block-text ol li:not(:last-child) {
    margin-bottom: 25px;
}

.auditory__block-text div:not(:last-child) {
    margin-bottom: 15px;
}
.auditory__block-text div div:not(:last-child) {
    margin-bottom: 15px;
}

.auditory__block-text h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.auditory__block-text h6 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px;
}
.auditory__block-text ul li:not(:last-child) {
    margin-bottom: 20px;
}

.auditory__block-text ul:not(:last-child) {
    margin-bottom: 25px;
}

.auditory__block {
    margin-bottom: 80px;
}

.shortly__popup {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1000;
}

.shortly__popup-content {
    position: relative;
    max-width: 900px;
    width: 90%;
    background: #000;
    border-radius: 16px;
    overflow: hidden;
}

.shortly__popup-inner iframe {
    width: 100%;
    height: 500px;
    display: block;
}

.shortly__popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 32px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
}

.shortly__popup-overlay {
    position: fixed;
    inset: 0;
}

.item-order__highlight {
    margin-bottom: 20px;
}

.item-order__bonuses h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.item-order__bonuses {
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.2;
}
.item-order__bonuses ul li:not(:last-child) {
    margin-bottom: 10px;
}
.item-order__bonuses ul li {
    margin-left: 20px;
    list-style-type: disc;
}
.item-order__terms h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.item-order__terms {
    margin-bottom: 20px;
    width: 40%;
    text-align: left;
}

.sample-hero__text h2 {
    margin-bottom: 20px;
}
.sample-hero__text p {
    font-size: 18px;
}
.sample-hero__text p:not(:last-child) {
    margin-bottom: 15px;
}

.about-examples__text:not(:last-child)::after {
    content: "";
}

/* ------------------------ HERO CASE ------------------------ */

.page__hero-case {
    margin-bottom: 30px;
}

.case-hero__container {
    display: flex;
    background-color: #f4f4fc;
    padding: 60px;
    justify-content: space-between;
    border-radius: 24px;
    row-gap: 20px;
}

@media (max-width: 991.98px) {
    .case-hero__container {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
}

.case-hero__content {
}

.case-hero__brand {
    margin-bottom: 32px;
}

@media (max-width: 767.98px) {
    .case-hero__brand {
        display: none;
    }
}

.case-hero__title {
    max-width: 670px;
    line-height: 1.3;
    margin-bottom: 30px;
}

.case-hero__caption {
    font-size: 20px;
    line-height: 1.31;
    margin-bottom: 57px;
}

.case-hero__buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 767.98px) {
    .case-hero__buttons {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.case-hero__button {
}

@media (max-width: 767.98px) {
    .case-hero__button {
        width: 100%;
    }
}

.case-hero__button-tg {
    border: 1px solid #25223c;
    color: #25223c;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 13px 16px;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .case-hero__button-tg {
        width: 100%;
    }
}

@media (any-hover: hover) {
    .case-hero__button-tg:hover {
        background-color: #25223c;
        color: #fff;
    }
}

.case-hero__results {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.case-hero__laptop {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.case-hero__laptop-img {
    display: block;
    width: 100%;
    height: auto;
}

.case-hero__screen {
    position: absolute;
    top: 14.9%;
    left: 11.9%;
    width: 75.97%;
    height: 68.8%;
    overflow: hidden;
}

.case-hero__screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ------------------------ GOALS ------------------------ */

.page__goals {
    margin-bottom: 21px;
}

.goals__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

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

.goals__goal {
    background-color: #9a8eff;
    padding: 42px;
    border-radius: 30px;
    position: relative;
}

@media (max-width: 767.98px) {
    .goals__goal {
        padding: 36px 13px;
    }
}

.goals__title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #fff !important;
}

.goals__text {
    line-height: 1.3;
    font-size: 20px;
    margin-bottom: 23px;
    max-width: 453px;
    color: #fff !important;
}

.goals__list {
    position: relative;
    z-index: 2;
}

.goals__list li {
    list-style-type: disc;
    max-width: 453px;
    line-height: 1.2;
    margin-left: 20px;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    .goals__list {
        margin-bottom: 10px;
    }
}

.goals__img {
}

@media (min-width: 991.98px) {
    .goals__img {
        position: absolute;
        bottom: 30px;
        right: 30px;
    }
}

@media (max-width: 991.98px) {
    .goals__img {
        text-align: right;
    }
}

.goals__problem {
    background-color: #3d3866;
    padding: 42px;
    border-radius: 30px;
    position: relative;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    .goals__problem {
        padding: 30px 13px;
    }
}

/* ------------------------ CLIENT ------------------------ */

.page__client {
    margin-bottom: 125px;
}

.client__container {
    border-radius: 30px;
    background-color: #f4f4fc;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

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

.client__content {
    max-width: 734px;
    display: flex;
    flex-direction: column;
    padding-top: 166px;
}

.client__title {
    margin-bottom: 16px;
}

.client__text {
    line-height: 1.2;
    flex: 1 1 auto;
    margin-bottom: 22px;
    font-size: 20px;
    max-width: 734px;
}

.client__info {
    display: flex;
    align-items: center;
    gap: 14px;
}

@media (max-width: 767.98px) {
    .client__info {
        flex-direction: column;
        align-items: stretch;
        display: inline-flex;
    }
}

.client__item {
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #7e6fff;
    gap: 4px;
}

@media (max-width: 767.98px) {
    .client__item {
        width: 60%;
    }
}

.client__ico {
    color: #7e6fff;
    display: flex;
    align-items: center;
    gap: 13px;
}

.client__img {
}

/* ------------------------ STRATEGY ------------------------ */

.page__strategy {
    margin-bottom: 72px;
}

.strategy__container {
}

.strategy__title {
    font-size: 68px;
    color: #7e6fff;
    text-align: center;
    line-height: 1.28;
    margin-bottom: 72px;
    max-width: 1468px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

.strategy__block {
    background-color: #f4f4fc;
    padding: 69px 57px;
    border-radius: 30px;
    position: relative;
}

@media (max-width: 991.98px) {
    .strategy__block {
        padding: 40px 30px;
    }
}

.strategy__caption {
    color: #2f2f37;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.21;
    max-width: 299px;
}

@media (max-width: 991.98px) {
    .strategy__caption {
        margin-bottom: 35px;
    }
}

.strategy__line {
    text-align: right;
    position: relative;
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .strategy__line {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .strategy__line img {
        width: 45px;
    }
}

@media (min-width: 991.98px) {
    .strategy__line {
        height: 237px;
    }
}

.strategy__line img {
    position: relative;
    z-index: 2;
}

.strategy__line::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../assets/img/case/strategy/line.webp") center / cover no-repeat;
    width: 100%;
    height: 100%;
}

@media (max-width: 991.98px) {
    .strategy__line::before {
        display: none;
    }
}

.strategy__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 33px;
    justify-content: space-between;
}

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

.strategy__item {
    position: relative;
    max-width: 400px;
    line-height: 1.31;
}

@media (min-width: 991.98px) {
    .strategy__item {
        max-width: 259px;
    }
}

.strategy__item::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 50px;
    width: 100%;
    background-color: #000;
    height: 1px;
}

@media (max-width: 991.98px) {
    .strategy__item::after {
        height: 100%;
        width: 1px;
        left: 30px;
        top: 50px;
    }

    .strategy__item {
        display: flex;
        align-items: center;
        font-size: 14px;
        gap: 7px;
    }

    .strategy__item:last-child::after {
        display: none;
    }
}

.strategy__count {
    background-color: #3d3866;
    color: #fff;
    font-weight: 600;
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 100%;
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .strategy__count {
        min-width: 55px;
        min-height: 55px;
    }
}

/* ------------------------ BA (BEFORE / AFTER) ------------------------ */

.page__ba {
    margin-bottom: 100px;
}

.ba__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 21px;
}

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

.ba__info {
    background-color: #f3f6fb;
    border-radius: 24px;
    padding: 20px 43px;
    padding-top: 56px;
}

@media (max-width: 991.98px) {
    .ba__info {
        padding-left: 19px;
    }
}

.ba__title {
    color: #2a2367;
    margin-bottom: 19px;
    font-weight: 600;
    font-size: 58px;
}

.ba__caption {
    font-size: 20px;
    margin-bottom: 33px;
}

.ba__img {
}

.ba__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

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

.ba__column {
}

.ba__before {
    padding: 11px 19px;
    min-height: 200px;
    border-radius: 20px 20px 0 0;
}

.ba__see {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.ba__label {
    font-size: 64px;
    font-weight: 500;
    color: #7e6fff;
}

.ba__labling {
    color: #7e6fff;
    font-weight: 700;
    font-size: 20px;
}

.ba__num {
    text-align: right;
    font-size: 64px;
    color: #7e6fff;
    margin-bottom: 29px;
}

.ba__after {
    padding: 11px 19px;
    padding-top: 29px;
    min-height: 200px;
    border-radius: 0 0 20px 20px;
}

.ba__res {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.ba__ico {
}

.ba__stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ba__percents {
    font-size: 25px;
    padding: 10px 20px;
    background-color: #7e6fff;
    border-radius: 40px;
    color: #fff;
}

/* Цветовые схемы BA-блоков */

.ba-1 .ba__before {
    background-color: #e7f0ff;
}

.ba-1 .ba__before .ba__label {
    color: #6077b5;
}

.ba-1 .ba__before .ba__labling {
    color: #6077b5;
}

.ba-1 .ba__before .ba__num {
    color: #6077b5;
}

.ba-1 .ba__after {
    background-color: #bfd2f2;
}

.ba-1 .ba__after .ba__label {
    color: #6077b5;
}

.ba-1 .ba__after .ba__labling {
    color: #6077b5;
}

.ba-1 .ba__after .ba__num {
    color: #6077b5;
}

.ba-2 .ba__before {
    background-color: #efedff;
}

.ba-2 .ba__after {
    background-color: #dcd9ff;
}

.ba-3 .ba__before {
    background-color: #f9effc;
}

.ba-3 .ba__after {
    background-color: #ecd0f4;
}

.ba-4 .ba__before {
    background-color: #f1f1f1;
}

.ba-4 .ba__after {
    background-color: #e3e3e3;
}

/* ------------------------ CASE TEXT ------------------------ */

.page__text-case {
}

.case-text {
    margin-bottom: 122px;
}

.case-text__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

@media (max-width: 767.98px) {
    .case-text__container {
        flex-direction: column;
    }
}

.case-text__content {
    gap: 30px;
}

.case-text__title {
    margin-bottom: 20px;
}

.case-text__text {
    line-height: 1.3;
    max-width: 711px;
}

.case-text__img img {
    border-radius: 24px;
}

/* ------------------------ GALLERY ------------------------ */

.gallery {
    margin-bottom: 121px;
}

.gallery__outer {
    width: 100%;
}

.gallery {
    position: relative;
}

.gallery__full {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
}

.gallery__slider {
    overflow: visible;
    margin-bottom: 30px;
}

.gallery__slide {
    transition: transform 0.4s ease;
    width: clamp(250px, 30vw, 400px);
}

.gallery__slide img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

/* ------------------------ END CASE ------------------------ */

.page__end-case {
    margin-bottom: 150px;
}

.case-end__container {
    background-color: #f3f6fb;
    padding: 24px 30px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    justify-content: space-between;
    gap: 27px;
}

@media (max-width: 767.98px) {
    .case-end__container {
        flex-direction: column;
    }
}

.case-end__img {
}

.case-end__content {
}

.case-end__title {
    margin-bottom: 16px;
}

.case-end__text {
    line-height: 1.3;
    max-width: 877px;
    font-size: 16px;
    margin-bottom: 48px;
}

.case-end__label {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}

.case-end__list li {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.3;
}

.case-end__list li:not(:last-child) {
    margin-bottom: 6px;
}

.about-examples__title {
    max-width: 100%;
}

.about-examples__text p {
    position: relative;
    margin: 0 0 24px;
    padding-left: 30px;
}

/* Кружок */
.about-examples__text p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7e6fff;
}

/* Линия вниз */
.about-examples__text p::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 16px;
    width: 2px;
    height: calc(100% + 24px);
    background-color: rgba(126, 111, 255, 0.4);
}

/* ========================= */
/* МОБИЛЬНАЯ ЛОГИКА          */
/* ========================= */

/* На телефонах — у последнего абзаца в списке: кружок остаётся, линия исчезает */
.about-examples__text:last-child p:last-child::after {
    content: none;
}

/* ========================= */
/* ДЕСКТОПНАЯ ЛОГИКА         */
/* ========================= */
@media (min-width: 768px) {
    /* У последнего абзаца в КАЖДОЙ колонке: убрать линию, но оставить кружок */
    .about-examples__text p:last-child::after {
        content: none;
    }
}
.gallery__slide {
    width: auto;
}

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

.gallery__slide {
    width: auto !important;
    flex-shrink: 0;
}

.gallery__slider,
.gallery__slider-bot {
    overflow: hidden;
}

.gallery__slider,
.gallery__slider-bot {
    width: 100% !important;
}

.gallery__wrapper {
    display: flex !important;
    align-items: center;
}

.gallery__slide {
    width: auto !important;
    flex-shrink: 0 !important;
}

.gallery__slide img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 992px) {
    .strategy__title {
        font-size: 34px;
    }
    .ba__title {
        font-size: 27px;
    }
    .case-hero__container {
        padding: 10px 30px;
    }
}