a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

li,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

:focus {
    outline: 0
}

audio,
img,
video {
    height: auto;
    max-width: 100%
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

iframe {
    border: 0
}

textarea {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    overflow: auto;
    resize: none;
    vertical-align: top
}

button,
input,
select,
textarea {
    border: none;
    margin: 0;
    outline: none
}

button,
input {
    line-height: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0;
    text-align: left
}

.test {
    color: #000;
    font-family: HelveticaNeueCyr;
    font-size: 20px
}

.breadcrumbs__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1428px;
    padding: 20px 64px;
    width: 100%
}

.breadcrumbs__link {
    color: #171717;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: left
}

.breadcrumbs__link:hover {
    color: #171717
}

.breadcrumbs__link svg {
    height: 16px;
    margin-left: 7px;
    width: 16px
}

.breadcrumbs__item {
    color: #171717;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: left
}

.breadcrumbs_center .breadcrumbs__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs_full .breadcrumbs__inner {
    padding: 20px 30px 0
}

.burger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2e2e2e;
    border-radius: 7px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 43px
}

.burger svg {
    height: 12px;
    width: 17px
}

.button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 55px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: normal;
    line-height: normal;
    padding: 0 30px;
    text-align: center
}

.button,
.button:active,
.button:hover {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.button:disabled {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    color: #888;
    cursor: default
}

.button:disabled:hover {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    color: #888
}

.button_blue {
    background-color: #7939ff;
    border-color: #7939ff;
    color: #fff
}

.button_blue:hover {
    background-color: #6921ff;
    border-color: #6921ff;
    color: #fff
}

.button_white {
    background-color: #fff;
    border-color: #fff;
    color: #282828
}

.button_white:hover {
    background-color: #6921ff;
    border-color: #6921ff;
    color: #fff
}

.button_gold {
    background-color: #ffa216;
    border-color: #ffa216;
    color: #171717
}

.button_black,
.button_gold:hover {
    background-color: #282828;
    border-color: #282828;
    color: #fff
}

.button_black:hover {
    background-color: #7939ff;
    border-color: #7939ff
}

.button_grey {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #282828
}

.button_grey:hover {
    background-color: #282828;
    border-color: #282828;
    color: #fff
}

.button_50 {
    height: 50px
}

.button_300 {
    width: 300px
}

.button_hidden {
    display: none
}

.footer {
    position: relative
}

.footer__inner {
    background-color: #282828;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    margin: 0 auto;
    padding: clamp(1.875rem, 7.902rem - 6.696vw, 4.688rem) 30px;
    width: 100%
}

.footer__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 30px
}

.footer__box .footer__text {
    margin: 0 auto 0 0;
    max-width: 270px
}

.footer__text {
    color: #fff;
    font-size: clamp(.875rem, .786rem + .238vw, 1rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.footer__text a {
    color: #fff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.footer__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .5px solid hsla(0, 0%, 100%, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 110px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0 0
}

.footer__bottom .social {
    margin: 0 0 0 auto
}

.footer .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 161px;
    flex: 0 0 161px;
    height: 36px;
    margin-bottom: 40px;
    width: 161px
}

.form_quiz {
    max-width: 875px
}

.form_quiz input[type=checkbox]:checked~svg {
    --color-1: #fabb1c;
    --color-2: #fabb1c
}

.form_quiz input[type=number] {
    max-width: 285px;
    width: 100%
}

.form_quiz .form__policy {
    margin-top: 20px
}

.form_quiz .form__title {
    margin-bottom: 30px
}

.form_quiz .form__text {
    color: #c8c8c8;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    margin-bottom: 10px;
    text-align: left
}

.form_quiz .form__text strong {
    font-weight: 400
}

.form_quiz button[type=submit] {
    width: 180px
}

.form__group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.form__wrapper {
    padding: 40px 60px
}

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

.form__fieldset_column {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    gap: 15px;
    margin-bottom: 20px
}

.form__fieldset_grid {
    display: grid;
    grid-template-columns: repeat(2, 300px);
    grid-gap: 15px 20px
}

.form__fieldset_row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.form__fieldset_images {
    display: grid;
    grid-template-columns: repeat(4, 177px);
    grid-gap: 24px 14px
}

.form__title {
    color: #282828;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 15px;
    text-align: left
}

.form__text {
    margin-bottom: 20px
}

.form label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    color: #282828;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    height: 50px;
    letter-spacing: normal;
    line-height: normal;
    padding: 0 12px;
    text-align: left
}

.form label svg {
    color: #c7c7c7;
    height: 26px;
    width: 26px;
    --color-1: #ededed;
    --color-2: #ededed
}

.form input[type=radio]:checked~svg {
    color: #fabb1c
}

.form input[type=email],
.form input[type=tel],
.form input[type=text] {
    background-color: #f4f4f4;
    border-radius: 10px;
    color: #282828;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    height: 55px;
    letter-spacing: normal;
    line-height: 1.35;
    padding: 0 18px;
    text-align: left;
    width: 100%;
    width: auto
}

.form input[type=email]::-webkit-input-placeholder,
.form input[type=tel]::-webkit-input-placeholder,
.form input[type=text]::-webkit-input-placeholder {
    color: #c8c8c8
}

.form input[type=email]::-moz-placeholder,
.form input[type=tel]::-moz-placeholder,
.form input[type=text]::-moz-placeholder {
    color: #c8c8c8
}

.form input[type=email]:-ms-input-placeholder,
.form input[type=tel]:-ms-input-placeholder,
.form input[type=text]:-ms-input-placeholder {
    color: #c8c8c8
}

.form input[type=email]::-ms-input-placeholder,
.form input[type=tel]::-ms-input-placeholder,
.form input[type=text]::-ms-input-placeholder {
    color: #c8c8c8
}

.form input[type=email]::placeholder,
.form input[type=tel]::placeholder,
.form input[type=text]::placeholder {
    color: #c8c8c8
}

.form input[type=number] {
    -moz-appearance: textfield;
    background-color: #f4f4f4;
    border-radius: 10px;
    color: #282828;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 55px;
    letter-spacing: normal;
    line-height: 1.35;
    padding: 0 18px;
    text-align: center
}

.form input[type=number]:focus,
.form input[type=number]:hover {
    -moz-appearance: number-input
}

.form input[type=number]::-webkit-inner-spin-button,
.form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form__policy label {
    border: none;
    color: #c8c8c8;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    height: auto;
    letter-spacing: normal;
    line-height: 1.35;
    padding: 0;
    text-align: left
}

.form__policy label a {
    color: #c8c8c8;
    display: inline-block;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.form__policy label svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
    --color-1: #f4f4f4;
    --color-2: #f4f4f4
}

.form__policy label input[type=checkbox]:checked~svg {
    --color-1: #f4f4f4;
    --color-2: #7939ff
}

.form__policy label input[type=checkbox] {
    display: none
}

.form__image {
    cursor: pointer;
    position: relative
}

.form__image img {
    border-radius: 5px;
    display: block;
    height: 166px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.form__image label {
    border: none;
    display: block;
    height: auto;
    margin-top: 12px;
    padding: 0
}

.form__image svg {
    display: none;
    height: 24px;
    left: 15px;
    position: absolute;
    top: -12px;
    width: 24px
}

.form__image_active svg {
    display: block
}

.form_popup {
    max-width: clamp(22.188rem, 14.375rem + 20.833vw, 33.125rem);
    padding: clamp(2.875rem, 2.563rem + .833vw, 3.313rem) clamp(1.75rem, .768rem + 2.619vw, 3.125rem)
}

.form_popup .select {
    height: 55px
}

.form_popup .button {
    width: 100%
}

.form_popup .form__title {
    font-size: clamp(1.375rem, 1.018rem + .952vw, 1.875rem);
    font-weight: 600;
    line-height: 1.05;
    margin-bottom: clamp(.75rem, .393rem + .952vw, 1.25rem)
}

.form_popup .form__text,
.form_popup .form__title {
    color: #282828;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center
}

.form_popup .form__text {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    font-weight: 400;
    line-height: 1.35
}

.form_popup .form__policy {
    padding: 25px 0 0
}

.form_feedback .form__policy {
    margin-top: 20px
}

.form_order {
    max-width: 936px
}

.form_order .select {
    height: 50px
}

.form_order .form__fieldset {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 18px
}

.form_order .form__policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 0
}

.form_order .form__policy label {
    font-size: 14px
}

.form__slider {
    height: 6px;
    margin: 30px 0;
    padding: 0 10px
}

.form__slider.noUi-target {
    background: rgba(0, 0, 0, 0);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 8px
}

.form__slider .noUi-connect {
    background-color: #7939ff
}

.form__slider .noUi-connects {
    background-color: #f4f4f4;
    border: none
}

.form__slider .noUi-handle {
    background-color: #7939ff;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    right: -10px
}

.form__slider .noUi-handle:after,
.form__slider .noUi-handle:before {
    display: none
}

.form__slider .noUi-handle:hover {
    background-color: #6820ff
}

.form__slider .noUi-marker {
    display: none
}

.form__slider .noUi-value-horizontal {
    color: #282828;
    font-size: 16px;
    top: 20px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.form .noUi-horizontal .noUi-handle {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 22px;
    top: -7px;
    width: 22px
}

.header {
    padding: 20px 64px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #282828;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1300px;
    padding: clamp(.625rem, .536rem + .238vw, .75rem) clamp(1.75rem, .143rem + 4.286vw, 4rem);
    position: relative;
    width: 100%;
    z-index: 1000
}

.header__slogan {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    opacity: .5;
    text-align: left
}

.header .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(7.063rem, 5.098rem + 5.238vw, 9.813rem);
    flex: 0 0 clamp(7.063rem, 5.098rem + 5.238vw, 9.813rem);
    
    width: clamp(7.063rem, 5.098rem + 5.238vw, 9.813rem)
}

.header .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 45px
}

.logo_white {
    --color-1: #fff;
    --color-2: #fff
}

.logo_black {
    --color-1: #282828;
    --color-2: #282828
}

.logo_color {
    --color-1: #fff;
    --color-2: #7939ff
}

.logo svg {
    height: 100%;
    width: 100%
}

.nav-mobile {
    background-color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    height: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 375px;
    padding: 20px 50px 36px
}

.nav-mobile>ul>li {
    margin-bottom: 12px
}

.nav-mobile>ul>li>a {
    color: #fff;
    font-size: clamp(1.125rem, 1.036rem + .238vw, 1.25rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.35;
    position: relative;
    text-align: left
}

.nav-mobile>ul>li>a:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 0
}

.nav-mobile>ul>li>a:hover:before {
    width: 100%
}

.nav-mobile__wrapper {
    background-color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    right: calc(clamp(20rem, 17.321rem + 7.143vw, 23.75rem)*-1);
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: clamp(20rem, 17.321rem + 7.143vw, 23.75rem);
    z-index: 1100
}

.nav-mobile__wrapper_active {
    right: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.nav-mobile__close {
    cursor: pointer;
    height: 18px;
    width: 18px
}

.nav-mobile__close svg {
    height: 100%;
    width: 100%
}

.nav-mobile__header {
    background-color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 46px 50px 20px
}

.nav-mobile__header .button_square {
    display: none
}

.nav-mobile__header .logo svg {
    height: 40px;
    width: 109px
}

.nav-mobile__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 35px;
    padding: 46px 50px 36px
}

.nav-mobile__contact p {
    color: #fff;
    font-size: clamp(.75rem, .661rem + .238vw, .875rem);
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.popup {
    display: none
}

.popup_quiz.fancybox__content,
.popup_review.fancybox__content {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    padding: 0
}

.popup_callback.fancybox__content {
    background-color: #fff;
    border-radius: 20px;
    padding: 0
}

.popup_thanks.fancybox__content {
    border-radius: 20px;
    padding: 46px 70px 46px 71px;
    width: 380px
}

.popup_thanks svg {
    height: 65px;
    margin-bottom: 10px;
    width: 65px
}

.popup__title {
    font-size: 26px;
    font-weight: 500
}

.popup__text,
.popup__title {
    color: #171717;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center
}

.popup__text {
    font-size: 16px;
    font-weight: 400
}

.popup__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.fancybox__container>.fancybox__backdrop {
    background-color: hsla(0, 0%, 9%, .65)
}

#preloader svg {
    --color-2: #7939ff;
    --color-1: #282828
}

.section {
    height: auto
}

.section_overflow {
    overflow: hidden
}

.section_black {
    background-color: #282828
}

.section_grey {
    background-color: #f4f4f4
}

.section_parallax {
    background-color: #7a7a7a;
    margin-bottom: -146px;
    overflow: hidden;
    position: relative
}

.section_parallax_1 {
    height: 600px
}

.section_decore {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272492%27 height=%27822%27 fill=%27none%27%3E%3Cpath fill=%27%232E2E2E%27 d=%27M55.735 364.972c-52.205 29.417-70.678 95.586-41.26 147.791s95.586 70.677 147.791 41.259zM1097 232.868l-107.883-11.534zM974.1 705.127l-12.622-107.764zM162.266 554.022c94.76-53.397 340.024-160.635 558.295-227.707C831 292.379 924.24 272.033 984.313 270.3c32.207-.929 38.187 4.225 32.137.835-5.32-2.989-14.81-10.243-21.454-23.461-6.518-12.962-6.186-23.47-5.879-26.34l215.773 23.069c3.16-29.577-.12-62.589-16.03-94.216-16.03-31.882-40.67-53.962-66.23-68.302-46.51-26.092-101.3-29.743-144.573-28.495-90.901 2.622-207.526 30.556-321.235 65.498-230.025 70.683-490.183 183.588-601.087 246.084zm826.851-332.688c-3.565 33.343-27.231 78.867-75.257 136.678-47.776 57.51-99.763 105.185-149.841 157.436-22.063 23.021-47.144 50.528-64.458 78.267-8.68 13.904-19.69 34.469-24.729 59.595-5.526 27.557-4.266 64.328 18.263 98.885 20.906 32.066 50.816 47.69 72.388 55.468 21.856 7.881 44.642 11.208 65.107 12.702 41.039 2.995 93.327-.119 156.131-7.475l-25.243-215.527c-58.857 6.894-94.865 8.054-115.089 6.578-10.166-.743-11.252-1.838-7.301-.413 3.668 1.322 21.641 8.457 35.787 30.154 15.769 24.188 15.445 48.711 12.722 62.293-2.236 11.151-6.059 16.015-3.956 12.645 4.251-6.809 15.114-20.141 37.044-43.023 37.91-39.555 106.105-103.939 160.095-168.921 53.73-64.681 113.4-152.082 124.11-252.274zm-2.396 591.556c214.019-25.066 551.819-158.561 844.829-291.83 295.71-134.496 569.63-279.974 660.19-341.155L2370.26.095c-74.55 50.37-334.42 189.656-628.55 323.436-296.84 135.008-604.93 253.301-780.232 273.832z%27/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.section__decore_1 {
    height: 1000px;
    position: absolute;
    top: -10%;
    width: 100%
}

.section__decore_1 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.section__inner {
    height: 100%;
    margin: 0 auto;
    max-width: 1428px;
    padding: clamp(3.75rem, 2.045rem + 4.545vw, 7.5rem) 64px;
    width: 100%
}

.section__inner_p0 {
    padding-bottom: 0;
    padding-top: 0
}

.section__inner_grey {
    background-color: #f4f4f4
}

.section__inner_r30 {
    border-radius: 30px
}

.section__inner_grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.section__inner_center .form {
    margin: 0 auto
}

.section__inner_quiz {
    background-color: #fff;
    border-radius: clamp(2.5rem, -.179rem + 7.143vw, 6.25rem);
    padding: clamp(3.75rem, 1.071rem + 7.143vw, 7.5rem) clamp(.625rem, -.805rem + 6.103vw, 4.688rem);
    position: relative;
    z-index: 20
}

.section__inner_decore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 180px;
    padding-top: clamp(11.875rem, 2.946rem + 23.81vw, 24.375rem)
}

.section__inner_step {
    background-color: #fff;
    border-radius: 0 0 clamp(2.5rem, -.179rem + 7.143vw, 6.25rem) clamp(2.5rem, -.179rem + 7.143vw, 6.25rem)
}

.section__inner_work {
    background-color: #282828;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    display: grid;
    grid-template-columns: 1fr 1.04fr;
    grid-gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.section__inner_footer {
    padding-bottom: 20px
}

.section__inner_top {
    padding-top: clamp(1.875rem, .982rem + 2.381vw, 3.125rem)
}

.section__inner_bottom {
    padding-bottom: 0
}

.section__inner .form_order {
    margin: 0 auto
}

.section__box_text {
    padding: 0 0 30px
}

.section__box_text h1 {
    font-size: clamp(1.875rem, 1.205rem + 1.786vw, 2.813rem)
}

.section__box_text h1,
.section__box_text h2,
.section__box_text h3 {
    color: #282828;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.05;
    margin-bottom: 30px;
    text-align: left
}

.section__box_text h2,
.section__box_text h3 {
    font-size: clamp(1.375rem, .839rem + 1.429vw, 2.125rem);
    margin-top: 30px
}

.section__box_text h4,
.section__box_text h5,
.section__box_text h6 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px
}

.section__box_text a,
.section__box_text li,
.section__box_text p,
.section__box_text span {
    color: #282828;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.section__box_text p {
    margin-bottom: 20px
}

.section__box_text ol {
    margin-bottom: 20px;
    padding: 0 0 0 20px
}

.section__box_text ol li {
    list-style-type: decimal
}

.section__box_text ul {
    margin-bottom: 20px;
    padding: 0 0 0 20px
}

.section__box_text ul li {
    list-style-type: disc
}

#steps {
    margin-bottom: calc(clamp(6.25rem, 1.786rem + 11.905vw, 12.5rem)*-1) !important
}

.title {
    padding: 0 0 clamp(1.5rem, .761rem + 1.97vw, 3.125rem)
}

.title h1,
.title h2 {
    font-size: clamp(1.875rem, .536rem + 3.571vw, 3.75rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.05
}

.title h1,
.title h2,
.title h3 {
    color: #282828;
    text-align: center
}

.title h3 {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    margin: 0 auto;
    max-width: 700px
}

.title_white h1,
.title_white h2 {
    color: #fff
}

.title_55 h1,
.title_55 h2 {
    font-size: clamp(1.875rem, .759rem + 2.976vw, 3.438rem)
}

.title_45 h1,
.title_45 h2 {
    font-size: clamp(1.875rem, 1.205rem + 1.786vw, 2.813rem)
}

.title_left h1,
.title_left h2 {
    text-align: left
}

.title_bold {
    font-weight: 700
}

.title_p0 {
    padding: 0
}

.title_p30 {
    padding: 0 0 clamp(.938rem, .268rem + 1.786vw, 1.875rem)
}

.title_scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title_scale h1,
.title_scale h2,
.title_scale h3 {
    max-width: clamp(22.188rem, -1.25rem + 62.5vw, 55rem)
}

.title_hot {
    padding-top: clamp(3.125rem, .893rem + 5.952vw, 6.25rem)
}

.top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 295px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 50%;
    max-width: 1400px;
    padding: 0 clamp(1.875rem, 7.902rem - 6.696vw, 4.688rem);
    position: fixed;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease;
    width: 100%;
    z-index: 100
}

.top__button {
    border-radius: 50px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
    height: clamp(3.125rem, 2.589rem + 1.429vw, 3.875rem);
    width: clamp(3.125rem, 2.589rem + 1.429vw, 3.875rem)
}

.top svg {
    color: #fff;
    cursor: pointer;
    height: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.tel {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px
}

.tel_header a {
    color: #fff;
    font-size: clamp(.938rem, .848rem + .238vw, 1.063rem);
    font-weight: 600;
    line-height: 1.16
}

.tel_header a,
.tel_header span {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right
}

.tel_header span {
    color: #939393;
    font-size: clamp(.75rem, .661rem + .238vw, .875rem);
    font-weight: 400;
    line-height: 1.26
}

.tel_footer a {
    color: #fff;
    font-size: clamp(1.25rem, 1.161rem + .238vw, 1.375rem);
    font-weight: 600;
    text-align: center
}

.tel_footer a,
.tel_footer span {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35
}

.tel_footer span {
    color: #939393;
    font-size: 14px;
    font-weight: 400;
    text-align: right
}

.tel_mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tel_mobile a {
    color: #fff;
    font-size: clamp(1.125rem, 1.036rem + .238vw, 1.25rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.social_black {
    --color-1: #fff;
    --color-2: #282828
}

.social_white {
    --color-1: #282828;
    --color-2: #fff
}

.social__item {
    height: 30px;
    width: 30px
}

.social svg {
    height: 100%;
    width: 100%
}

.slider .swiper-pagination {
    display: none
}

.slider .swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(0, 0, 0, .3);
    height: 10px;
    width: 10px
}

.slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #000
}

.slider .swiper-slide {
    height: auto
}

.slider_progress .swiper-pagination {
    display: block
}

.slider_action .slider__options {
    display: none
}

.slider_action .swiper {
    overflow: visible;
    overflow: initial
}

.slider_action .swiper-wrapper {
    padding: 0 0 60px
}

.slider_action .swiper-slide {
    height: auto;
    width: 310px
}

.slider_action .swiper-slide:not(:last-child) {
    margin-right: 20px
}

.slider_action .swiper-slide .news {
    height: 100%
}

.slider_action .swiper-pagination {
    bottom: 0;
    display: block
}

.slider_price {
    margin: 0 0 -40px
}

.slider_price .slider__options {
    display: none
}

.slider_price .swiper-slide {
    width: 310px
}

.slider_price .swiper-slide:not(:last-child) {
    margin-right: 20px
}

.slider_price .swiper-pagination {
    bottom: 0;
    display: block
}

.slider_price .swiper-wrapper {
    padding: 0 0 60px
}

.slider_price .swiper {
    overflow: visible;
    overflow: initial
}

.slider_quiz {
    background-color: #fff;
    border-radius: 20px
}

.slider_quiz .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.slider_quiz .swiper-slide {
    background-color: #fff
}

.slider_quiz .irs--round {
    height: 100px
}

.slider_quiz .irs--round .irs-max,
.slider_quiz .irs--round .irs-min {
    background-color: rgba(0, 0, 0, 0);
    bottom: -75px;
    color: #171717;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    top: auto
}

.slider_quiz .irs--round .irs-bar,
.slider_quiz .irs--round .irs-line {
    background-color: #7939ff;
    border-radius: 5px;
    height: 5px
}

.slider_quiz .irs--round .irs-handle {
    border-color: #7939ff;
    border-width: 6px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .14);
    height: 30px;
    top: 20px;
    width: 30px
}

.slider_quiz .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #7939ff;
    height: 5px
}

.slider_quiz .swiper-horizontal>.swiper-pagination-progressbar {
    background-color: #eaeaea;
    height: 5px
}

.slider_quiz .slider__options {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 60px 40px
}

.slider_quiz .slider__arrows {
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.slider_quiz .slider__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 10px;
    color: #c8c8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    width: 180px
}

.slider_quiz .slider__arrow_prev {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.slider_quiz .slider__arrow_next {
    background-color: #7939ff;
    color: #fff
}

.slider_quiz .slider__arrow_hidden {
    display: none
}

.slider__options {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.slider__options .slider__arrows,
.slider__options .slider__decore {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.slider__options .slider__decore img {
    width: 187px
}

.slider__options .slider__decore_mobile {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 62px
}

.slider__arrows {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slider__arrow {
    cursor: pointer
}

.slider__arrow svg {
    color: #f5f5f5;
    height: 42px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 42px
}

.slider__arrow_white svg {
    color: #fff
}

.slider__arrow_prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.slider__arrow:hover svg {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slider__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 20px 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 36px 60px
}

.slider__title {
    text-align: left
}

.slider__counter,
.slider__title {
    color: #171717;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.slider__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: right
}

.slider_review .swiper-wrapper {
    padding: 0 0 50px
}

.slider_review .slider__options {
    display: none
}

.slider_review .swiper-pagination {
    bottom: 0;
    display: block
}

.slider_review .slider__arrow {
    margin-bottom: 20px
}

.slider_review .swiper-slide {
    margin-right: 32px;
    width: calc(33.33333% - 21.33333px)
}

.slider_video .swiper-wrapper {
    padding: 0 0 50px
}

.slider_video .slider__options {
    display: none
}

.slider_video .swiper-pagination {
    bottom: 0;
    display: block
}

.slider_video .slider__arrow {
    margin-bottom: 20px
}

.slider_video .swiper-slide {
    margin-right: 32px;
    width: calc(33.33333% - 21.33333px)
}

.swiper_work {
    height: auto !important;
    overflow: visible !important;
    width: 100%
}

.swiper_work .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto !important
}

.swiper_work .swiper-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    height: auto;
    opacity: 1 !important
}

.swiper_work .swiper-slide>* {
    height: 100%;
    width: 100%
}

.swiper_work .swiper-pagination {
    margin: 20px 0 0;
    position: static
}

.swiper_work .swiper-pagination-bullet {
    background-color: #fff
}

.plan .plan__image {
    position: relative
}

.plan .plan__tags {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plan .plan__tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
    height: clamp(2.188rem, 1.741rem + 1.19vw, 2.813rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 12px;
    position: absolute
}

.plan .plan__tag svg {
    height: 18px;
    width: 18px
}

.plan .plan__tag span {
    color: #282828;
    font-size: clamp(.875rem, .786rem + .238vw, 1rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center
}

.plan .plan__tag_1 {
    left: 19%;
    top: 13%
}

.plan .plan__tag_2 {
    left: 21%;
    top: 43%
}

.feedback {
    background-color: #282828;
    border-radius: 30px;
    height: clamp(25rem, 90.625rem - 72.917vw, 55.625rem);
    overflow: hidden;
    position: relative
}

.feedback .plan {
    bottom: -172px;
    max-width: 718px;
    position: absolute;
    right: 0;
    right: -181px
}

.feedback__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    max-width: 720px;
    padding: clamp(3.5rem, 3.143rem + .952vw, 4rem) clamp(1.75rem, -.75rem + 6.667vw, 5.25rem);
    position: relative;
    z-index: 20
}

.feedback__title {
    font-size: clamp(1.875rem, 1.429rem + 1.19vw, 2.5rem);
    font-weight: 600;
    line-height: 1.05
}

.feedback__text,
.feedback__title {
    color: #fff;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left
}

.feedback__text {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    font-weight: 400;
    line-height: 1.35
}

.feedback .button_gold:hover {
    background-color: #fff;
    color: #282828
}

.hero {
    position: relative
}

.hero__image {
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    height: clamp(41.875rem, 37.589rem + 11.429vw, 47.875rem);
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.hero__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero__inner {
    gap: clamp(15rem, 10.089rem + 13.095vw, 21.875rem);
    padding: clamp(1.875rem, .682rem + 5.089vw, 3.125rem) clamp(.5rem, -1.955rem + 6.548vw, 3.938rem) 0;
    position: relative
}

.hero__content,
.hero__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hero__content {
    padding: 0 10px
}

.hero__tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #7939ff;
    border-radius: 27.3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 7px 25px
}

.hero__tag span {
    color: #fff;
    font-size: clamp(.875rem, .786rem + .238vw, 1rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center
}

.hero__tag svg {
    height: 18px;
    width: 18px
}

.hero .title {
    margin-bottom: 15px
}

.hero__text {
    color: #282828;
    font-size: clamp(1rem, .821rem + .476vw, 1.25rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: center
}

.select {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px 18px 9px;
    position: relative
}

.select,
.select.active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select.active {
    background-color: #fff;
    border-color: #7939ff
}

.select_form {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select_form .select__caption svg {
    -ms-flex-item-align: center;
    align-self: center
}

.select__name {
    color: #c8c8c8;
    font-size: clamp(.813rem, .768rem + .119vw, .875rem)
}

.select__caption,
.select__name {
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.select__caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    color: #282828;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%
}

.select__caption:before {
    background-color: rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 56px;
    left: -20px;
    position: absolute;
    top: -23px;
    width: calc(100% + 40px)
}

.select__caption span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select__caption svg {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 9.6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px
}

.select__caption.active svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select fieldset {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    z-index: 0
}

.select fieldset.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 20
}

.select label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-radius: initial;
    color: #282828;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.35;
    padding: 10px;
    text-align: left;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%
}

.select label:hover {
    background-color: rgba(121, 57, 255, .1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select label:has(input:checked) {
    background-color: rgba(121, 57, 255, .1);
    font-weight: 500
}

.calc {
    background-color: #fff;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: clamp(1.5rem, 1.054rem + 1.19vw, 2.125rem) clamp(1.25rem, .625rem + 1.667vw, 2.125rem);
    grid-gap: clamp(.625rem, .179rem + 1.19vw, 1.25rem) 20px;
    grid-template-areas: ". . . ." ". e2 e2 ." ". . e3 e3";
    width: 100%
}

.calc__item_full {
    display: grid;
    grid-area: e2;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(.625rem, .179rem + 1.19vw, 1.25rem)
}

.calc__item_final {
    grid-area: e3
}

.calc__title {
    color: #c8c8c8;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.calc__box {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calc__box_column {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.calc__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.calc__caption {
    color: #282828;
    text-align: left
}

.calc__caption,
.calc__value {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.35;
    white-space: nowrap
}

.calc__value {
    color: #7939ff;
    text-align: right
}

.calc__slider-container {
    margin-bottom: 5px;
    width: 100%
}

.calc__slider.noUi-target {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 8px
}

.calc__slider .noUi-connect {
    background-color: #7939ff
}

.calc__slider .noUi-connects {
    background-color: #f4f4f4;
    border: none
}

.calc__slider .noUi-handle {
    background-color: #7939ff;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    right: -10px
}

.calc__slider .noUi-handle:after,
.calc__slider .noUi-handle:before {
    display: none
}

.calc__slider .noUi-handle:hover {
    background-color: #6820ff
}

.calc__slider .noUi-tooltip {
    background: #7939ff;
    border: none;
    border-radius: 3px;
    bottom: 120%;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    padding: 5px;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.calc .noUi-horizontal .noUi-handle {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 16px;
    top: -4px;
    width: 16px
}

.calc .input-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 10px;
    color: #282828;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px 0 0;
    width: 74px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 55px;
    letter-spacing: normal;
    text-align: center
}

.calc input[type=number] {
    padding: 0;
    text-align: right;
    width: 100%
}

.tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tab__buttons {
    background-color: #f4f4f4;
    gap: 4px;
    margin: 0 auto 55px;
    padding: 4px
}

.tab__button,
.tab__buttons {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tab__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    color: #282828;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 43px;
    letter-spacing: normal;
    padding: 9px 50px 12px;
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 218px
}

.tab__button:hover {
    background-color: hsla(0, 0%, 100%, .45);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.tab__button_active {
    color: #212121
}

.tab__button_active,
.tab__button_active:hover {
    background-color: #fff
}

.tab__wrapper {
    width: 100%
}

.tab__content {
    display: none;
    width: 100%
}

.tab__content_active {
    display: block
}

.tab__box {
    display: grid;
    grid-auto-rows: 310px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(306px, 1fr));
    grid-gap: 40px 20px
}

.tab_object .tab__content_active {
    display: grid;
    grid-template-columns: 1fr 310px;
    grid-gap: 40px 20px;
    gap: 40px 20px
}

.tab_price .tab__buttons {
    background-color: #e0e0e0
}

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

.contact__image {
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    overflow: hidden
}

.contact__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

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

.contact__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f4f4f4;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: clamp(1.563rem, 1.116rem + 1.19vw, 2.188rem) clamp(1.75rem, 1.661rem + .238vw, 1.875rem)
}

.contact__item_black {
    background-color: #282828
}

.contact__item_black .contact__link {
    color: #fff
}

.contact__item_black .contact__link span {
    background-color: #7939ff;
    border-radius: 5px;
    padding: 4px 15px 4px 14px;
    white-space: nowrap
}

.contact__item_black .contact__title {
    color: #fff
}

.contact__item[href^="mailto:"] .contact__link {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.contact__title {
    color: #282828;
    font-size: clamp(1.125rem, .946rem + .476vw, 1.375rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.contact__title small {
    display: block;
    font-size: 18px;
    margin-bottom: clamp(.313rem, .089rem + .595vw, .625rem)
}

.contact__link,
.contact__title small {
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.contact__link {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.contact__link svg {
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(2.188rem, 1.875rem + .833vw, 2.625rem);
    flex: 0 0 clamp(2.188rem, 1.875rem + .833vw, 2.625rem);
    height: clamp(2.188rem, 1.875rem + .833vw, 2.625rem);
    width: clamp(2.188rem, 1.875rem + .833vw, 2.625rem)
}

.contact .social__item {
    height: 35px;
    width: 35px
}

.map {
    position: relative
}

.map__frame {
    border-radius: 30px;
    height: 450px;
    overflow: hidden
}

.map__frame div {
    height: 100%
}

.map iframe {
    height: 100% !important;
    width: 100%
}

.map__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    gap: clamp(1.25rem, -.696rem + 5.189vw, 2.625rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: clamp(.5rem, -.482rem + 2.619vw, 1.875rem);
    padding: clamp(2rem, 1.866rem + .357vw, 2.188rem) clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    position: absolute;
    top: 30px;
    width: 310px;
    z-index: 10
}

.map__title {
    font-size: clamp(1.125rem, .946rem + .476vw, 1.375rem);
    font-weight: 600
}

.map__text,
.map__title {
    color: #282828;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.map__text {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    font-weight: 400;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.map__image {
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    height: 42px;
    width: 42px
}

.map__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 50px
}

.accordion__item {
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 8px 15px 7px
}

.accordion__caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #282828;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.accordion__caption svg {
    color: #e0e0e0;
    height: 25px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 25px
}

.accordion__content {
    will-change: height
}

.accordion__content ul {
    padding: 10px 0
}

.accordion__content li {
    color: #4e4e4e;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.accordion__content li:not(:last-child) {
    margin-bottom: 6px
}

.accordion_full {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0
}

.accordion_full .accordion__item {
    background-color: #fff;
    border-radius: 15px;
    padding: 22px 30px
}

.accordion_full .accordion__caption span {
    font-size: clamp(1rem, .732rem + .714vw, 1.375rem);
    font-weight: 600
}

.accordion_full .accordion__caption svg {
    color: #f4f4f4;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(2.188rem, 1.875rem + .833vw, 2.625rem);
    flex: 0 0 clamp(2.188rem, 1.875rem + .833vw, 2.625rem);
    height: clamp(2.188rem, 1.875rem + .833vw, 2.625rem);
    width: clamp(2.188rem, 1.875rem + .833vw, 2.625rem)
}

.accordion_full .accordion__content p {
    color: #282828;
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.accordion_full .accordion__content p:first-child {
    padding: clamp(.938rem, .268rem + 1.786vw, 1.875rem) 0 0
}

.accordion_full .accordion__content p:last-child {
    padding: 0 0 10px
}

.advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    padding: clamp(2.5rem, 1.607rem + 2.381vw, 3.75rem) 0 0
}

.advantage__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding: clamp(1.875rem, .893rem + 2.619vw, 3.25rem) clamp(1.875rem, 1.429rem + 1.19vw, 2.5rem)
}

.advantage__item:not(:last-child) {
    position: relative
}

.advantage__item:not(:last-child):before {
    border: 1px dashed #c8c8c8;
    content: "";
    display: block;
    height: 1px;
    left: calc(50% + 44px);
    opacity: .4;
    position: absolute;
    top: calc(clamp(1.875rem, .893rem + 2.619vw, 3.25rem) + 17px);
    width: calc(100% - 50px);
    z-index: 10
}

.advantage__number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #282828;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 35px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1.35;
    margin-bottom: clamp(.938rem, .714rem + .595vw, 1.25rem);
    text-align: center;
    width: 35px
}

.advantage__title {
    font-size: clamp(1.125rem, .946rem + .476vw, 1.375rem);
    font-weight: 600
}

.advantage__text,
.advantage__title {
    color: #282828;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: center
}

.advantage__text {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    font-weight: 400
}

.team,
.team__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team__item {
    border: clamp(.188rem, -.125rem + .833vw, .625rem) solid #fff;
    border-radius: 50%;
    height: clamp(3.938rem, .054rem + 10.357vw, 9.375rem);
    margin-left: calc(clamp(1rem, .196rem + 2.143vw, 2.125rem)*-1);
    overflow: hidden;
    width: clamp(3.938rem, .054rem + 10.357vw, 9.375rem)
}

.team__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.team__item_blue {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #7939ff;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(.563rem, .027rem + 1.429vw, 1.313rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team__item_blue span {
    font-size: clamp(.938rem, -.089rem + 2.738vw, 2.375rem)
}

.work {
    background-color: #2e2e2e;
    border-radius: 30px;
    height: 100%;
    padding: 42px 30px
}

.work__image {
    height: 65px;
    margin-bottom: 35px;
    width: 65px
}

.work__text {
    color: #fff;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-align: left
}

.work-offer {
    background-color: #7939ff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27620%27 height=%27469%27 fill=%27none%27%3E%3Cpath fill=%27%238247FF%27 d=%27M-126.713 246.568c-24.954 21.381-27.851 58.942-6.471 83.897 21.381 24.954 58.943 27.851 83.897 6.47zm477.825-107.963-59.353-4.174zm-54.623 319.134-10.432-58.578zM-49.287 336.935C-8.142 301.682 99.5 230.111 194.827 185.573c49.106-22.943 86.529-34.604 107.418-35.52 10.449-.458 5.758 2.311-1.952-4.266-10.222-8.72-8.068-17.984-8.534-11.356l118.707 8.347c2.072-29.467-4.737-63.464-32.943-87.525-25.695-21.92-57.392-25.099-80.492-24.086C250.82 33.193 194.97 54.159 144.455 77.76 40.538 126.312-76.452 203.505-126.713 246.568zm341.046-202.504c-2.29 32.562-16.142 68.586-37.165 107.064-21.495 39.342-45.149 72.415-66.994 107.071-9.96 15.8-20.368 33.315-27.264 50.112-5.584 13.603-16.242 43.455-3.027 74.273 15.798 36.845 51.325 46.34 72.345 48.673 22.274 2.472 48.674-.215 77.266-5.307l-20.863-117.156c-25.479 4.537-38.323 4.739-43.276 4.189-6.208-.689 14.107-.127 23.897 22.705 7.206 16.803-.258 27.561 3.742 17.817 2.689-6.548 8.256-16.631 17.849-31.85 17.26-27.383 47.023-70.035 70.754-113.469 24.203-44.298 47.387-98.099 51.443-155.775zm15.161 381.886c53.342-9.499 117.98-38.702 181.986-73.732 65.512-35.856 136.006-81.018 202.549-127.035 131.79-91.139 254.315-190.01 295.179-231.987L901.366.556C868.847 33.96 754.131 127.523 623.769 217.675c-64.534 44.628-131.344 87.327-191.996 120.521-62.158 34.02-112.543 55.057-145.716 60.965z%27/%3E%3C/svg%3E");
    background-position-y: 100%;
    background-repeat: no-repeat;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: clamp(1.75rem, .768rem + 2.619vw, 3.125rem) clamp(2.625rem, 4.554rem - 2.143vw, 3.75rem) clamp(1.875rem, 1.429rem + 1.19vw, 2.5rem);
    position: relative
}

.work-offer__icon {
    height: 65px;
    margin-bottom: 35px;
    width: 65px
}

.work-offer__icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.work-offer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 20
}

.work-offer__title {
    color: #fff;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 15px;
    text-align: left
}

.work-offer__text {
    margin-bottom: 24px;
    max-width: 305px
}

.work-offer__text p {
    color: #fff;
    font-size: clamp(1rem, .821rem + .476vw, 1.25rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-align: left
}

.work-offer .button {
    max-width: 240px;
    width: 100%
}

.work-offer__caption {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    margin: clamp(7.813rem, 20.884rem - 14.524vw, 15.438rem) 0 0;
    text-align: left
}

.work-offer__image {
    bottom: 0;
    height: 100%;
    max-height: clamp(18rem, 14.259rem + 15.962vw, 28.625rem);
    position: absolute;
    right: 0
}

.work-offer__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.compare__buttons {
    display: grid;
    grid-template-columns: repeat(2, clamp(15.25rem, .875rem + 19.167vw, 18.125rem));
    grid-gap: 20px;
    gap: 20px
}

.compare__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 30px;
    color: #282828;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: clamp(.625rem, .341rem + 1.212vw, 1.25rem);
    pointer-events: none
}

.compare__button h3 {
    font-size: clamp(1.25rem, -.089rem + 3.571vw, 3.125rem);
    font-weight: 600;
    line-height: 1.05
}

.compare__button h3,
.compare__button p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center
}

.compare__button p {
    font-size: clamp(.875rem, .786rem + .238vw, 1rem);
    font-weight: 400;
    line-height: 1.2
}

.compare__button_active {
    background-color: #7939ff
}

.compare__button_active * {
    color: #fff
}

.compare__button_active[data-compare=off] {
    background-color: #fff
}

.compare__button_active[data-compare=off] * {
    color: #282828
}

.compare__item {
    display: grid;
    grid-template-columns: 1fr clamp(15.25rem, .875rem + 19.167vw, 18.125rem) clamp(15.25rem, .875rem + 19.167vw, 18.125rem);
    padding: clamp(.625rem, .179rem + 1.19vw, 1.25rem) 0;
    grid-gap: clamp(.5rem, -.036rem + 1.429vw, 1.25rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(.5rem, -.036rem + 1.429vw, 1.25rem)
}

.compare__item:first-child {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-template-columns: 1fr auto
}

.compare__item:not(:first-child) {
    border-bottom: 1px dashed #c8c8c8
}

.compare__item svg {
    height: clamp(1.563rem, 1.339rem + .595vw, 1.875rem);
    margin: 0 auto;
    width: clamp(1.563rem, 1.339rem + .595vw, 1.875rem)
}

.compare__item span {
    color: #282828;
    font-size: clamp(1rem, .732rem + .714vw, 1.375rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.review {
    background-color: #fff;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    height: 100%;
    padding: clamp(1.625rem, 1.268rem + .952vw, 2.125rem)
}

.review__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 20px
}

.review__image {
    border-radius: 35px;
    height: 65px;
    overflow: hidden;
    width: 65px
}

.review__image img {
    height: 100%;
    width: 100%
}

.review__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.review__title {
    color: #282828;
    font-weight: 600
}

.review__number,
.review__title {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.review__number {
    color: #c8c8c8;
    font-weight: 400
}

.review__intro {
    margin-bottom: 20px
}

.review__intro p {
    color: #282828;
    font-size: clamp(.875rem, .786rem + .238vw, 1rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.review__text {
    display: none
}

.review__text p {
    color: #282828;
    font-size: clamp(.875rem, .786rem + .238vw, 1rem)
}

.review__link,
.review__text p {
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.review__link {
    color: #7939ff;
    font-size: 16px;
    margin: auto 0 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.review_popup {
    max-width: 1070px;
    padding: 70px clamp(1.563rem, .893rem + 1.786vw, 2.5rem)
}

.review_popup .review__intro,
.review_popup .review__link {
    display: none
}

.review_popup .review__text {
    display: block;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px
}

.brand__title {
    margin-bottom: clamp(1.25rem, -.536rem + 4.762vw, 3.75rem)
}

.brand__title p {
    color: #c8c8c8;
    font-size: clamp(1.25rem, 1.161rem + .238vw, 1.375rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: center
}

.brand__title strong {
    color: #282828;
    font-weight: 600
}

.brand__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: clamp(.75rem, .393rem + .952vw, 1.25rem);
    gap: clamp(.75rem, .393rem + .952vw, 1.25rem);
    grid-auto-rows: clamp(2.813rem, 1.473rem + 3.571vw, 4.688rem)
}

.brand__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 96%, .5);
    border-radius: clamp(.313rem, .089rem + .595vw, .625rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px clamp(.625rem, -1.027rem + 4.405vw, 2.938rem)
}

.action {
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.price {
    background-color: #fff;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: clamp(3.5rem, 3.321rem + .476vw, 3.75rem) clamp(1.125rem, .5rem + 1.667vw, 2rem) clamp(1.875rem, 1.429rem + 1.19vw, 2.5rem);
    position: relative
}

.price__tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #7939ff;
    border-radius: 27.3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    gap: 12px;
    height: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: calc(50% - 105px);
    margin-bottom: 15px;
    max-width: 210px;
    padding: 5px 25.9px 6px 27px;
    position: absolute;
    top: 16px;
    width: 100%
}

.price__tag span {
    color: #f4f4f4;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center
}

.price__tag svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    height: 10px;
    width: 10px
}

.price__title {
    color: #282828;
    font-size: clamp(1.563rem, 1.473rem + .238vw, 1.688rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.16;
    margin-bottom: clamp(.938rem, .714rem + .595vw, 1.25rem);
    text-align: center
}

.price__text {
    margin-bottom: 30px
}

.price__text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35
}

.price__text p,
.price__value {
    color: #282828;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center
}

.price__value {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.16;
    margin-bottom: 5px
}

.price__description {
    color: #939393;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    margin-bottom: 40px;
    text-align: center;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.price__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin: auto 0 0
}

.price_open {
    height: auto
}

.step {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271300%27 height=%27522%27 fill=%27none%27%3E%3Cpath stroke=%27%23C8C8C8%27 stroke-dasharray=%275 5%27 d=%27M0 .56h1300M0 130.56h1300M0 260.56h1300M0 390.56h1300M0 520.56h1300%27 opacity=%27.4%27/%3E%3C/svg%3E");
    background-position-y: 64px;
    background-repeat: no-repeat;
    margin: 0 auto;
    min-height: 52vh
}

.step__scale {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 24px;
    position: relative;
    width: 100%
}

.step__item {
    color: #c8c8c8;
    font-size: clamp(.875rem, .696rem + .476vw, 1.125rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.step__cursor {
    height: 500px;
    left: 0;
    position: absolute;
    top: 30px;
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
    width: 20px
}

.step__cursor:before {
    background: #282828;
    content: "";
    height: 100%;
    left: calc(50% - 1px);
    position: absolute;
    top: 0;
    width: 1px
}

.step__cursor:after {
    background: #7939ff;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.step__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52vh;
    padding: 120px 0 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.step__card {
    background: #f0f0f0;
    background-color: #fff;
    border-radius: 30px;
    left: 0;
    padding: 30px clamp(1.25rem, -.179rem + 2.976vw, 2.5rem) clamp(1.875rem, 1.429rem + 1.19vw, 2.5rem);
    position: absolute;
    right: 0;
    width: 33%;
    z-index: 1
}

.step__card_gold {
    background: #ffa216
}

.step__card_black {
    background: #282828;
    color: #fff
}

.step__card_black .step__title h2 {
    color: #fff
}

.step__card_blue {
    background: #7939ff;
    color: #fff
}

.step__card_blue .step__title h2 {
    color: #fff
}

.step__card_white {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1)
}

.step__card:first-child {
    z-index: 1
}

.step__card:nth-child(2) {
    z-index: 2
}

.step__card:nth-child(3) {
    z-index: 3
}

.step__card:nth-child(4) {
    z-index: 4
}

.step__card:nth-child(n+5) {
    z-index: 4
}

.step__title h2 {
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(1.125rem, .946rem + .476vw, 1.375rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.35;
    margin-bottom: 20px;
    text-align: left
}

.step__content p {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem)
}

.container {
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.pin-spacer {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.step-mobile {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px
}

.step-mobile__card {
    background: #f0f0f0;
    background-color: #fff;
    border-radius: 30px;
    padding: 30px clamp(1.375rem, .571rem + 2.143vw, 2.5rem)
}

.step-mobile__card_gold {
    background: #ffa216
}

.step-mobile__card_black {
    background: #282828;
    color: #fff
}

.step-mobile__card_black .step-mobile__title h2 {
    color: #fff
}

.step-mobile__card_blue {
    background: #7939ff;
    color: #fff
}

.step-mobile__card_blue .step-mobile__title h2 {
    color: #fff
}

.step-mobile__card_white {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1)
}

.step-mobile__title h2 {
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(1.125rem, .946rem + .476vw, 1.375rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.35;
    margin-bottom: 20px;
    text-align: left
}

.step-mobile__content p {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem)
}

#step-mobile {
    display: none
}

.object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.object__image {
    border-radius: 30px;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.object__image:hover .object__zoom {
    opacity: 1
}

.object__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.object__tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 15px;
    letter-spacing: normal;
    line-height: 1.35;
    padding: 0 11px;
    text-align: center;
    top: 20px
}

.object__tag,
.object__zoom {
    height: 32px;
    position: absolute
}

.object__zoom {
    opacity: 0;
    right: 15px;
    top: 15px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 32px
}

.object__zoom svg {
    height: 100%;
    width: 100%
}

.object__title {
    color: #282828;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.35;
    margin-bottom: 3px;
    text-align: left
}

.object__description ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 8px
}

.object__description li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c8c8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    letter-spacing: normal;
    text-align: left
}

.object__description li:not(:last-child):after {
    background-color: #c8c8c8;
    border-radius: 30px;
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 5px;
    margin: 4px 0 0;
    width: 5px
}

.object__box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px 20px;
    gap: 40px 20px
}

.offer {
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    height: clamp(31.25rem, 91.518rem - 66.964vw, 59.375rem);
    overflow: hidden;
    position: relative
}

.offer__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.offer__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.offer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: clamp(3.938rem, 6.214rem - 2.53vw, 5rem) clamp(1.75rem, -.125rem + 5vw, 4.375rem);
    position: relative;
    width: 100%
}

.offer__content {
    background-color: #fff;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    max-width: 500px;
    padding: clamp(2.125rem, 4.804rem - 2.976vw, 3.375rem) clamp(1.5rem, -.408rem + 8.142vw, 3.5rem) clamp(1.875rem, .921rem + 4.071vw, 2.875rem)
}

.offer .title {
    padding: 0 0 clamp(.938rem, .639rem + 1.272vw, 1.25rem)
}

.offer__text {
    margin-bottom: 20px;
    max-width: 300px
}

.offer__text p {
    font-size: clamp(1rem, .881rem + .509vw, 1.125rem)
}

.offer__caption {
    color: hsla(0, 0%, 100%, .5);
    font-size: clamp(.5rem, .232rem + .714vw, .875rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left;
    text-transform: uppercase
}

.offer__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: clamp(1.75rem, -.125rem + 5vw, 4.375rem);
    top: clamp(3.938rem, 6.214rem - 2.53vw, 5rem)
}

.offer__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 3px solid #f4f4f4;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 68px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px
}

.offer__icon:not(:first-child) {
    margin-left: -10px
}

.offer__icon img {
    height: 32px;
    width: 32px
}

.quiz {
    display: grid;
    grid-template-columns: 310px 1fr;
    grid-gap: 20px
}

.quiz__offer {
    background-color: #7939ff;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: clamp(16.875rem, 12.474rem + 18.779vw, 29.375rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: clamp(2.063rem, 1.314rem + 3.192vw, 4.188rem) clamp(1.125rem, .707rem + 1.784vw, 2.313rem) clamp(2.063rem, 1.842rem + .939vw, 2.688rem)
}

.quiz__offer .logo {
    height: 31px;
    margin-bottom: clamp(.938rem, .268rem + 1.786vw, 1.875rem);
    width: 140px
}

.quiz__description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.quiz__description p {
    color: #fff;
    font-size: clamp(.75rem, .616rem + .357vw, .938rem)
}

.quiz__description p,
.quiz__option {
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.quiz__option {
    color: hsla(0, 0%, 100%, .5);
    font-size: clamp(.75rem, .482rem + .714vw, 1.125rem)
}

.quiz__value {
    color: #fff;
    font-size: clamp(1.5rem, 1.009rem + 1.31vw, 2.188rem);
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.quiz__main {
    background-color: #f4f4f4;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27967%27 height=%27247%27 fill=%27none%27%3E%3Cpath fill=%27%23fff%27 fill-opacity=%27.5%27 d=%27M15.726 244.61c-18.875 16.168-21.07 44.576-4.902 63.451s44.576 21.069 63.45 4.901zm463.28-117.152-44.889-3.157zm-53.988 315.344-7.888-44.303zM74.274 312.962C116 277.222 223.475 205.849 318.69 161.374c48.698-22.747 87.826-35.35 111.412-36.384 11.799-.517 11.387 2.268 7.642-.925-5.646-4.816-2.979-8.957-3.626.236l89.778 6.314c1.862-26.474-4.329-55.054-27.751-75.029-21.519-18.352-48.623-21.446-69.984-20.51-42.734 1.874-95.795 21.51-145.56 44.755C178.889 127.34 64.345 202.964 15.726 244.61zm359.843-188.661c-2.467 35.084-17.24 72.739-38.387 111.435-21.505 39.348-45.592 73.139-66.651 106.541-9.801 15.544-19.527 31.99-25.855 47.401-5.336 12.994-13.77 37.788-3.076 62.723 12.649 29.491 41.285 37.704 60.337 39.818 20.004 2.22 44.522-.146 72.421-5.113l-15.776-88.607c-25.544 4.548-39.812 5.036-46.72 4.269-7.859-.872 5.742-1.485 12.452 14.158 4.755 11.088-.522 17.015 3.616 6.939 3.144-7.658 9.208-18.482 18.732-33.588 17.591-27.9 46.299-68.936 69.495-111.38 23.553-43.097 45.387-94.2 49.19-148.282zm-1.211 362.805c50.379-8.97 112.611-36.878 175.658-71.376 64.187-35.121 133.433-79.46 198.969-124.769 130.092-89.943 250.287-187.024 289.707-227.508L1032.76.666c-33.109 34.002-147.397 127.069-276.409 216.265-64.017 44.259-130.478 86.736-190.988 119.846-61.649 33.732-113.104 55.468-148.233 61.722z%27/%3E%3C/svg%3E");
    background-position-y: 100%;
    background-repeat: no-repeat;
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    overflow: hidden;
    padding: clamp(2.063rem, 1.314rem + 3.192vw, 4.188rem) clamp(1.125rem, .707rem + 1.784vw, 2.313rem) clamp(2.063rem, 1.842rem + .939vw, 2.688rem);
    position: relative
}

.quiz__main .title {
    max-width: 590px;
    padding: 0 0 26px
}

.quiz__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 20
}

.quiz__content .button {
    max-width: 300px;
    width: 100%
}

.quiz__text {
    margin-bottom: 20px;
    max-width: 470px
}

.quiz__text p {
    color: #282828;
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem)
}

.quiz__caption,
.quiz__text p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.35;
    text-align: left
}

.quiz__caption {
    color: #c8c8c8;
    font-size: 14px;
    font-weight: 400;
    margin: auto 0 0
}

.quiz__image {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0
}

.quiz__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.video__image {
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem);
    overflow: hidden;
    position: relative
}

.video__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.video__play {
    height: 55px;
    left: calc(50% - 22.5px);
    position: absolute;
    top: calc(50% - 22.5px);
    width: 55px;
    z-index: 10
}

.offer-mini {
    border-radius: clamp(1.25rem, .804rem + 1.19vw, 1.875rem)
}

.offer-mini__images {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offer-mini__image {
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    height: 82px;
    width: 82px
}

.offer-mini__image_gold {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffa216;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offer-mini__image_gold p {
    color: #282828;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center
}

.offer-mini__image_gold p span {
    font-size: 18px;
    font-weight: 600
}

.offer-mini__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #7939ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    height: 82px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 22px;
    width: 82px
}

.offer-mini__logo svg {
    height: 100%;
    width: 100%
}

.offer-mini__title {
    font-size: 27px;
    font-weight: 600;
    line-height: 1.16
}

.offer-mini__text,
.offer-mini__title {
    color: #282828;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left
}

.offer-mini__text {
    font-size: clamp(1rem, .911rem + .238vw, 1.125rem);
    font-weight: 400;
    line-height: 1.35
}

.offer-mini__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    margin: 0 auto 0 0
}

.offer-mini_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    padding: clamp(2.5rem, 4.318rem - 2.424vw, 3.75rem) clamp(1.25rem, .966rem + 1.212vw, 1.875rem)
}

.offer-mini_column .offer-mini__image {
    margin-right: -16px;
    z-index: 10
}

.offer-mini_column .offer-mini__images {
    margin-bottom: 40px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.offer-mini_column .offer-mini__title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.offer-mini_column .offer-mini__text {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.offer-mini_column .button {
    margin: auto 0 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.offer-mini_row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1.25rem, .357rem + 2.381vw, 2.5rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: clamp(1.875rem, 4.602rem - 3.636vw, 3.75rem) clamp(1.25rem, .966rem + 1.212vw, 1.875rem)
}

.offer-mini_row .offer-mini__title {
    font-size: clamp(1.625rem, 1.369rem + 1.091vw, 2.188rem)
}

.offer-mini_row .offer-mini__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 74px;
    flex: 0 0 74px;
    height: 74px;
    margin-left: -15px;
    width: 74px
}

.offer-mini_row .offer-mini__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 74px;
    flex: 0 0 74px;
    height: 74px;
    padding: 18px;
    width: 74px
}

.offer-mini_grey {
    background-color: #f4f4f4
}

.offer-mini_blue {
    background-color: #7939ff
}

.offer-mini_blue .offer-mini__title {
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.offer-mini_blue .offer-mini__text {
    color: #fff
}

.offer-mini_blue .offer-mini__image,
.offer-mini_blue .offer-mini__logo {
    border: 3px solid #7939ff
}

.offer-mini_subs {
    background-color: #fff;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.offer-mini_subs .offer-mini__title {
    font-size: 22px
}

.offer-mini_subs .offer-mini__logo {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .09)
}

.offer-mini_subs .offer-mini__logo svg {
    color: red;
    height: 40px;
    width: 40px
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

::-webkit-scrollbar-track {
    background: #171717
}

::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 50px
}

* {
    font-family: Golos Text, sans-serif;
    min-height: 0;
    min-width: 0
}

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

article.main__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 108px 0 0;
    position: relative
}

article.main__inner.aside_active:before {
    animation: asideLoader 1s;
    -webkit-animation: asideLoader 1s;
    background-color: rgba(35, 35, 35, .2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.stop_scrolling {
    height: 100vh
}

.stop_scrolling:before {
    background-color: rgba(35, 35, 35, .2);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150
}

.stop_scrolling .section * {
    pointer-events: none
}

#category_side {
    background-color: #1e1e1e;
    display: none;
    height: 100%;
    overflow-y: auto;
    padding: 20px 12px;
    position: fixed;
    right: -280px;
    top: 0;
    width: 280px;
    z-index: 200
}

#category_side .button_catalog {
    margin: 0 0 20px auto
}

#category_side .social {
    margin: 30px 0 0
}

@-webkit-keyframes asideLoader {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes asideLoader {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media(min-width:1200px) and (max-width:1369.98px) {
    .test {
        color: #ff0
    }
}

@media(min-width:1024px) and (max-width:1199.98px) {
    .test {
        color: green
    }

    .slider_review .swiper-slide,
    .slider_video .swiper-slide {
        width: calc(50% - 16px)
    }

    .contact__items {
        grid-template-columns: 1fr
    }

    .work-offer__image {
        max-height: clamp(16rem, 7.738rem + 40.058vw, 33.375rem)
    }

    .offer-mini_column {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .offer-mini_column .offer-mini__images {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .offer-mini_column .offer-mini__title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 200px);
        flex: 0 0 calc(100% - 200px);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .stop_scrolling:before {
        display: block
    }
}

@media(min-width:768px) and (max-width:1023.98px) {
    .test {
        color: indigo
    }

    .breadcrumbs__inner {
        padding: 20px 64px
    }

    .form__wrapper {
        padding: 40px
    }

    .form__fieldset_grid {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .form__fieldset_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

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

    .slider__header {
        padding: 26px 40px
    }

    .slider__counter,
    .slider__title {
        font-size: 20px
    }

    .slider_review {
        margin-right: -20px
    }

    .slider_review .swiper-slide {
        width: calc(100% - 16px)
    }

    .slider_video {
        margin-right: -20px
    }

    .slider_video .swiper-slide {
        width: calc(50% - 16px)
    }

    .work-offer__image {
        max-height: clamp(16rem, 7.738rem + 40.058vw, 33.375rem)
    }

    .offer-mini_column {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .offer-mini_column .offer-mini__images {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .offer-mini_column .offer-mini__title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 200px);
        flex: 0 0 calc(100% - 200px);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    article.main__inner {
        padding: 90px 0 0
    }

    .stop_scrolling:before {
        display: block
    }

    #category_side {
        display: block
    }
}

@media(max-width:767.98px) {
    .test {
        color: red
    }

    .breadcrumbs__inner {
        padding: 16px
    }

    .breadcrumbs__link {
        font-size: 12px
    }

    .breadcrumbs__link svg {
        height: 14px;
        width: 14px
    }

    .breadcrumbs__item {
        font-size: 12px
    }

    .burger {
        height: 40px
    }

    .button {
        height: 50px;
        padding: 0 15px
    }

    .button_300 {
        width: 250px
    }

    .form_quiz button[type=submit] {
        width: 100%
    }

    .form__wrapper {
        padding: 28px 20px
    }

    .form__fieldset_column {
        gap: 10px
    }

    .form__fieldset_grid {
        grid-template-columns: 1fr;
        grid-gap: 10px
    }

    .form__fieldset_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

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

    .form__title {
        font-size: 16px;
        margin-bottom: 14px
    }

    .form label svg {
        height: 22px;
        width: 22px
    }

    .form input[type=email],
    .form input[type=number],
    .form input[type=tel],
    .form input[type=text] {
        height: 50px
    }

    .form__image img {
        height: 135px
    }

    .form_popup .form__policy label {
        font-size: 11px
    }

    .form_order .form__policy label {
        font-size: 12px
    }

    .form__slider {
        padding: 0
    }

    .form__slider .noUi-connects {
        width: 100%
    }

    .form__slider .noUi-value-horizontal._first {
        left: 8% !important
    }

    .form__slider .noUi-value-horizontal._last {
        left: 92% !important
    }

    .header__inner {
        gap: 10px;
        padding: 10px 16px
    }

    .header .tel_header {
        display: none
    }

    .header .button {
        font-size: clamp(.75rem, .563rem + 1vw, .875rem);
        height: 40px;
        padding: 0 20px
    }

    .nav-mobile {
        gap: 0;
        padding: 15px 44px 31px
    }

    .nav-mobile__header {
        height: 84px;
        padding: 44px 44px 15px
    }

    .nav-mobile__header .button_square {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 0 auto
    }

    .nav-mobile__header .logo svg {
        height: 30px;
        width: 82px
    }

    .nav-mobile__contact {
        padding: 44px 44px 31px
    }

    .popup_thanks.fancybox__content {
        border-radius: 15px;
        max-width: 310px;
        padding: 34px 25px
    }

    .popup_thanks svg {
        margin-bottom: 15px
    }

    .popup__title {
        font-size: 18px
    }

    .popup__text {
        font-size: 15px
    }

    .popup__box {
        gap: 5px
    }

    .fancybox__container.is-compact .fancybox__content>.f-button.is-close-btn {
        background-color: rgba(0, 0, 0, 0);
        top: -38px
    }

    .fancybox__container.is-compact #popup_quiz.fancybox__content>.f-button.is-close-btn {
        top: 6px
    }

    .fancybox__container.is-compact #popup_quiz.fancybox__content>.f-button.is-close-btn svg {
        color: #000
    }

    .section_parallax_1 {
        height: 430px
    }

    .section_decore {
        background-size: 200%
    }

    .section__decore_1 {
        height: 750px;
        top: -55%
    }

    .section__box_text h4,
    .section__box_text h5,
    .section__box_text h6 {
        font-size: 20px
    }

    .top {
        bottom: 111px;
        padding-left: 10px;
        padding-right: 10px
    }

    .slider .swiper-pagination .swiper-pagination-bullet {
        height: 7px;
        width: 7px
    }

    .slider_quiz .swiper-horizontal>.swiper-pagination-progressbar,
    .slider_quiz .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 5px
    }

    .slider_quiz .slider__options {
        display: block;
        padding: 0 28px 40px
    }

    .slider_quiz .slider__arrows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .slider_quiz .slider__arrow {
        width: 100%
    }

    .slider__options .slider__decore {
        display: none
    }

    .slider__options .slider__decore_mobile {
        display: block
    }

    .slider__header {
        padding: 40px 20px 30px
    }

    .slider__counter,
    .slider__title {
        font-size: 16px
    }

    .slider_review .swiper-wrapper {
        padding: 0 0 60px
    }

    .slider_review {
        margin-right: -16px
    }

    .slider_review .slider__arrow {
        padding-right: 16px
    }

    .slider_review .swiper-slide {
        width: calc(100% - 16px)
    }

    .slider_video .swiper-wrapper {
        padding: 0 0 20px
    }

    .slider_video {
        margin-right: -16px
    }

    .slider_video .slider__arrow {
        padding-right: 16px
    }

    .slider_video .swiper-slide {
        height: 270px;
        width: calc(100% - 16px)
    }

    .swiper_work {
        margin-left: -16px !important;
        margin-right: -16px !important;
        width: calc(100% + 32px) !important
    }

    .swiper_work .swiper-slide {
        margin-right: 0 !important
    }

    .swiper_work .swiper-slide:last-child {
        margin-right: 0 !important
    }

    .swiper_work .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }

    .swiper_work .swiper-slide {
        width: 280px !important
    }

    .swiper_work .swiper-pagination-bullet {
        height: 7px;
        width: 7px
    }

    .feedback {
        height: clamp(41.875rem, 28.755rem + 55.98vw, 55.625rem)
    }

    .hero__text {
        max-width: 87%
    }

    .select label,
    .select__caption {
        font-size: 15px
    }

    .calc__item_full {
        grid-template-columns: 1fr
    }

    .calc__slider-container {
        padding: 0
    }

    .tab__buttons {
        margin-bottom: 30px
    }

    .tab__button {
        font-size: 16px;
        width: 144px
    }

    .contact__items {
        grid-template-columns: 1fr;
        grid-gap: clamp(.938rem, .714rem + .595vw, 1.25rem)
    }

    .map__content {
        bottom: clamp(.625rem, .029rem + 2.545vw, 1.25rem);
        top: auto;
        width: calc(100% - 20px)
    }

    .work {
        border-radius: 20px
    }

    .work__image {
        height: 55px;
        width: 55px
    }

    .work__text {
        font-size: 16px
    }

    .work-offer {
        padding-left: 24px;
        padding-right: 24px
    }

    .work-offer__icon {
        display: none
    }

    .work-offer__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .work-offer__caption,
    .work-offer__text p,
    .work-offer__title {
        text-align: center
    }

    .work-offer__image {
        bottom: -32%;
        left: -41px;
        max-height: none;
        right: auto;
        width: 138%
    }

    .compare__item span {
        max-width: 250px
    }

    .brand__title {
        margin-bottom: 35px
    }

    .step__item span {
        display: none
    }

    .offer {
        height: clamp(42.5rem, 26.398rem + 68.702vw, 59.375rem)
    }

    .offer__inner {
        padding-bottom: clamp(1.875rem, .536rem + 3.571vw, 3.75rem);
        padding-top: clamp(3.438rem, .833rem + 11.111vw, 5rem)
    }

    .offer__content {
        padding-top: clamp(2.813rem, 2.276rem + 2.29vw, 3.375rem)
    }

    .offer__icon {
        height: 50px;
        width: 50px
    }

    .offer__icon img {
        height: 24px;
        width: 24px
    }

    .quiz__offer .logo {
        height: 24;
        width: 105px
    }

    .quiz__image {
        bottom: 0;
        max-height: clamp(22.75rem, 12.671rem + 43.003vw, 33.313rem);
        max-height: 329px;
        right: -29px
    }

    .offer-mini__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65px;
        flex: 0 0 65px;
        height: 65px;
        width: 65px
    }

    .offer-mini__image_gold p {
        font-size: 9px
    }

    .offer-mini__image_gold p span {
        font-size: 16px
    }

    .offer-mini__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65px;
        flex: 0 0 65px;
        height: 65px;
        padding: 16px;
        width: 65px
    }

    .offer-mini__text {
        text-align: center
    }

    .offer-mini__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .offer-mini_column {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px
    }

    .offer-mini_column .offer-mini__image {
        margin-right: -10px
    }

    .offer-mini_column .offer-mini__images {
        margin-bottom: 0
    }

    .offer-mini_column .offer-mini__text,
    .offer-mini_column .offer-mini__title {
        text-align: center
    }

    .offer-mini_column .button {
        width: 200px
    }

    .offer-mini_row .button {
        max-width: 250px
    }

    .offer-mini_row .offer-mini__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65px;
        flex: 0 0 65px;
        height: 65px;
        margin-left: -10px;
        width: 65px
    }

    .offer-mini_row .offer-mini__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65px;
        flex: 0 0 65px;
        height: 65px;
        padding: 16px;
        width: 65px
    }

    .offer-mini_subs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .offer-mini_subs .offer-mini__text p,
    .offer-mini_subs .offer-mini__title {
        text-align: center
    }

    article.main__inner {
        padding: 80px 0 0
    }

    .stop_scrolling:before {
        display: block
    }

    #category_side {
        display: block
    }
}

@media(min-width:0) and (max-width:1023.98px) {
    .footer__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__box .button {
        width: 100%
    }

    .footer__box .footer__text {
        margin: 0 auto;
        max-width: none;
        text-align: center
    }

    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .footer__bottom .social {
        margin: 0 auto
    }

    .footer .logo {
        margin: 0 auto 40px
    }

    .form_feedback .form__fieldset {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .form_order .form__fieldset {
        grid-template-columns: 1fr;
        grid-gap: 12px
    }

    .header {
        padding: 10px clamp(1rem, -1.863rem + 12.214vw, 4rem)
    }

    .section__inner {
        padding: clamp(3.75rem, 2.045rem + 4.545vw, 7.5rem) clamp(1rem, -1.863rem + 12.214vw, 4rem)
    }

    .section__inner_p0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .section__inner_decore {
        gap: 10px;
        padding-bottom: 180px;
        padding-top: clamp(11.875rem, 2.946rem + 23.81vw, 24.375rem)
    }

    .section__inner_footer {
        padding-bottom: 20px
    }

    .section__inner_top {
        padding-top: clamp(1.875rem, .982rem + 2.381vw, 3.125rem)
    }

    .section__inner_bottom {
        padding-bottom: 0
    }

    .plan .plan__tag_1 {
        left: 30%;
        top: 17%
    }

    .plan .plan__tag_2 {
        left: 48%;
        top: 32%
    }

    .feedback .plan {
        bottom: -248px;
        left: calc(50% - clamp(17.188rem, 7.049rem + 43.257vw, 27.813rem));
        max-width: none;
        right: auto;
        width: 100%;
        width: clamp(34.813rem, 14.953rem + 84.733vw, 55.625rem)
    }

    .feedback__content {
        max-width: none
    }

    .feedback__text,
    .feedback__title {
        text-align: center
    }

    .contact {
        grid-template-columns: 1fr;
        grid-gap: clamp(.938rem, .714rem + .595vw, 1.25rem)
    }

    .contact__image {
        height: clamp(14.375rem, 4.237rem + 43.257vw, 25rem)
    }

    .advantage {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .advantage__item:not(:last-child):before {
        bottom: -50px;
        height: 70px;
        left: 50%;
        top: auto;
        width: 1px
    }

    .review_popup {
        max-width: 570px
    }

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

    .step__cursor {
        height: 420px
    }

    .step__cursor:before {
        display: none
    }

    .step__cards {
        height: 44vh;
        height: 460px;
        padding: 20px 0 0
    }

    .container {
        overflow: auto
    }

    #steps {
        display: none
    }

    #step-mobile {
        display: block
    }

    #step-mobile .section__inner {
        bottom: -60px;
        padding-top: 0;
        position: relative
    }

    .offer__content {
        max-width: none
    }

    .offer .title h1,
    .offer .title h2 {
        text-align: center
    }

    .offer__text {
        max-width: none
    }

    .offer__text p {
        text-align: center
    }

    .offer__icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        right: auto;
        top: calc(clamp(2.813rem, 2.276rem + 2.29vw, 3.375rem) - 12.5px);
        width: 100%
    }

    .quiz__offer {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .quiz__main .title h1,
    .quiz__main .title h2 {
        text-align: center
    }

    .quiz__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .quiz__content .button {
        max-width: none
    }

    .quiz__text p {
        text-align: center
    }
}

@media(min-width:1px) and (max-width:1199.98px) {
    .header__slogan {
        display: none
    }

    .header .logo {
        margin: 0 auto 0 0
    }

    .section__inner_work {
        grid-template-columns: 1fr
    }

    .select__caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tab_object .tab__content_active {
        grid-template-columns: 1fr
    }

    .compare__buttons {
        background-color: #f4f4f4;
        gap: 0;
        grid-template-columns: repeat(2, 1fr);
        padding: clamp(.25rem, .136rem + .485vw, .5rem) clamp(.25rem, .08rem + .727vw, .625rem) clamp(.25rem, .023rem + .97vw, .75rem);
        width: 100%
    }

    .compare__button,
    .compare__buttons {
        border-radius: clamp(.625rem, .057rem + 2.424vw, 1.875rem)
    }

    .compare__button {
        pointer-events: all
    }

    .compare__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .compare__item:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .compare__item:first-child .title {
        width: 100%
    }

    .compare__item:first-child .compare__button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .compare__item svg:first-of-type {
        display: none
    }

    .compare__item svg.active {
        display: block
    }

    .compare__item svg.noactive {
        display: none
    }

    .compare__item span {
        text-align: center
    }

    .offer-mini_row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .offer-mini_row .button {
        width: 100%
    }

    .offer-mini_subs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px
    }

    .offer-mini_subs .button {
        width: 100%
    }
}

@media(min-width:1024px) {
    .swiper_work .swiper-wrapper {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .swiper_work .swiper-slide {
        height: auto !important
    }
}

@media(max-width:1023px) {
    .swiper_work .swiper-wrapper {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .swiper_work {
        overflow-x: hidden !important;
        overflow-y: visible !important
    }

    .swiper_work .swiper-pagination {
        display: block !important
    }
}

@media(min-width:1px) and (max-width:1369.98px) {
    .calc {
        grid-template-areas: unset;
        grid-template-columns: 1fr
    }

    .calc__item_final,
    .calc__item_full {
        grid-area: unset
    }
}

@media m_768max {
    .step {
        background-position-y: 61px;
        height: 460px
    }
}

@media(min-width:1200px) and (max-width:1439.98px) {
    .step__cards {
        height: 68vh
    }
}

@media(min-height:551px)and (max-height:768px) {
    .step__cards {
        height: 83vh
    }
}

@media(max-width:1024px) {
    .step__card {
        left: 0 !important;
        margin: 0;
        right: auto;
        width: 100%
    }
}

@media(max-width:1199px) {
    .quiz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .quiz__offer {
        margin-bottom: 45px;
        margin-top: clamp(2.5rem, 1.078rem + 6.068vw, 5.625rem);
        width: clamp(12.5rem, 9.371rem + 13.35vw, 19.375rem)
    }

    .quiz__caption {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .quiz__image {
        max-height: clamp(18.75rem, 7.373rem + 48.544vw, 43.75rem)
    }
}