@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
    border: 0
}

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

:focus,
:active {
    outline: none
}

a:focus,
a:active {
    outline: none
}

nav,
footer,
header,
aside {
    display: block
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input,
button,
textarea {
    font-family: inherit;
    border-radius: 0
}

button {
    background-color: #fff0
}

textarea {
    resize: none
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

body.lock {
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none;
    -webkit-overflow-scrolling: touch
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(../fonts/Inter-Medium.woff2) format("woff2"), url(../fonts/Inter-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: proximanova_regular;
    font-display: swap;
    src: url(../fonts/proximanova_regular.woff2) format("woff2"), url(../fonts/proximanova_regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.paragraph {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    line-height: 140%
}

.caption {
    color: rgb(0 0 0 / .35);
    font-size: 12px;
    line-height: 130%
}

.h1 {
    color: rgb(0 0 0 / .85);
    font-size: 48px;
    line-height: 105%;
    letter-spacing: .96px
}

.h2 {
    color: rgb(0 0 0 / .85);
    font-size: 40px;
    line-height: 115%
}

.h3 {
    color: rgb(0 0 0 / .85);
    font-size: 32px;
    line-height: 120%
}

.h3 a {
    color: rgb(0 0 0 / .85);
    font-size: 32px;
    line-height: 120%
}

.h4 {
    color: rgb(0 0 0 / .85);
    font-size: 24px;
    line-height: 110%
}

.h5 {
    color: rgb(0 0 0 / .85);
    font-size: 20px;
    line-height: 110%
}

.text14 {
    color: #141517;
    font-size: 14px;
    line-height: 140%
}

.card__name,
.card__name a {
    color: rgb(0 0 0 / .85);
    font-size: 18px;
    line-height: 135%
}

.button__name {
    color: rgb(0 0 0 / .85);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%
}

.btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid #423C39;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%
}

.btn_dark {
    background-color: #0d34ba;
    color: #fff
}

.btn_dark:active {
    background-color: #0d34ba !important
}

.btn_dark:hover {
    background-color: rgb(0 0 0 / .85)
}

.btn_light {
    background-color: #fff0;
    color: rgb(0 0 0 / .85);
    border: 1px solid #848382
}

.btn_light:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

.btn_light:active {
    border: 1px solid rgb(0 0 0 / .15) !important
}

.input {
    height: 48px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 32px;
    color: rgb(0 0 0 / .85);
    font-size: 14px;
    line-height: 140%
}

.input::-webkit-input-placeholder {
    color: rgb(0 0 0 / .35)
}

.input::-moz-placeholder {
    color: rgb(0 0 0 / .35)
}

.input:-ms-input-placeholder {
    color: rgb(0 0 0 / .35)
}

.input::-ms-input-placeholder {
    color: rgb(0 0 0 / .35)
}

.input::placeholder {
    color: rgb(0 0 0 / .35)
}

.input.error {
    border: 1px solid #FB6868
}

.section {
    margin-bottom: 120px
}

.section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.swiper {
    position: relative
}

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

.collapse:not(.collapse_show) {
    display: none
}

.collapse.active {
    display: block
}

.body {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%
}

.checkbox input {
    display: none
}

.checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.checkbox__box {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid rgb(0 0 0 / .15)
}

.checkbox__box svg {
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.checkbox__span {
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.checkbox:hover .checkbox__span {
    color: rgb(0 0 0 / .85)
}

.checkbox input:checked+label .checkbox__box svg {
    opacity: 1
}

.checkbox input:checked+label .checkbox__span {
    color: rgb(0 0 0 / .85)
}

.radio input {
    display: none
}

.radio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.radio span {
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.radio__circle {
    width: 14px;
    height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px;
    border-radius: 50%;
    position: relative
}

.radio__circle::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff0;
    border: 1px solid rgb(0 0 0 / .85);
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0
}

.radio:hover span {
    color: rgb(0 0 0 / .85)
}

.radio input:checked+label span {
    color: rgb(0 0 0 / .85)
}

.radio input:checked+label .radio__circle::after {
    opacity: 1
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 11
}


.header__row {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 171px;
}
.header__logo img{
    width: 100%;
}
#lt {
    font-size: 45px
}

.header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header__link {
    white-space: nowrap;
    position: relative;
}

.header__link::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ecfafd;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.header__link:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

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

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

.header__burger {
    display: none
}

.header-action__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f3faff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.header-action__icon svg {
    width: 20px;
    height: 20px
}

.header-action:hover .header-action__icon {
    background-color: rgb(66 60 57 / .12)
}

.header-action__label {
    white-space: nowrap
}

.header__burger.active {
    background-color: #423C39
}

.header__burger.active span {
    opacity: 0
}

.header__burger.active::before,
.header__burger.active::after {
    background-color: #fff
}

.header__burger.active::before {
    -webkit-transform: translateX(-25%) rotate(45deg) translateY(6px);
    -ms-transform: translateX(-25%) rotate(45deg) translateY(6px);
    transform: translateX(-25%) rotate(45deg) translateY(6px)
}

.header__burger.active::after {
    -webkit-transform: rotate(-45deg) translate(-10%, -9px);
    -ms-transform: rotate(-45deg) translate(-10%, -9px);
    transform: rotate(-45deg) translate(-10%, -9px)
}

.header-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100dvh - 72px);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.header-menu.active {
    top: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header-menu__wrapper {
    background-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;
    height: 100%;
    padding: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 56px;
    gap: 32px;
    overflow-y: auto
}

.header-menu__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header-menu__list li:first-child .header-menu__link {
    padding-top: 0
}

.header-menu__list li:last-child .header-menu__link {
    padding-bottom: 0;
    border: 0
}

.header-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 4px;
    border-bottom: 1px solid #f3faff
}

.header-menu__footer {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-menu__phone {
    color: #423C39;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 32px
}

.header-menu__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 72px
}

.header-menu__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    background-color: rgb(66 60 57 / .12)
}

.header-menu__copy {
    color: #848382;
    font-size: 12px;
    line-height: 100%
}

.footer__upper {
    border-radius: 8px;
    background: #f3faff;
    margin-top: 25px
}

.footer__row {
    padding-top: 40px;
    padding-bottom: 54px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.footer__subtitle {
    color: rgb(0 0 0 / .85)
}

.footer__subtitle svg {
    display: none
}

.footer__items {
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.footer__items_address {
    gap: 40px
}

.footer__link {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    position: relative;
    line-height: 140%
}

.footer__link::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.footer__link:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.footer__address {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__down {
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: 4px;
    border-radius: 8px 8px 0 0;
    background: var(--brown-quarternary, #f3faff)
}

.footer__grid {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 20px
}

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

.footer__logo svg:nth-child(1) {
    width: 50px
}

.footer__logo svg:nth-child(2) {
    width: 105px
}

.footer__callback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.footer__callback a {
    color: #423C39
}

.footer__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.footer__media {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(66 60 57 / .12);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.footer__media_phone {
    display: none
}

.footer__media svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.footer__media:hover svg path {
    fill: rgb(0 0 0 / .65)
}

.footer__media:active {
    background-color: #D7D7D7
}

.footer__media:active svg path {
    fill: rgb(0 0 0 / .65)
}

.footer__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 32px;
    border: 1px solid rgb(0 0 0 / .15);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: rgb(0 0 0 / .85);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 115%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.footer__order:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

.footer__icon {
    height: 40px;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background-color: rgb(66 60 57 / .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__copy {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative
}

.footer__caption {
    color: #848382;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 100%;
    white-space: nowrap
}

.footer__caption_politics {
    text-decoration: underline
}

.footer__caption a {
    color: rgb(0 0 0 / .85)
}

.form__wrapper {
    border-radius: 8px;
    background: #D1E8CB;
    padding: 32px;
    position: relative;
    overflow: hidden
}

.form__images {
    position: absolute;
    bottom: 32px;
    left: -80px;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px
}

.form__row {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 180px
}

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

.form__title span {
    white-space: nowrap
}

.form__title span:first-child {
    color: #423C39
}

.form__title span:last-child {
    color: #423C39A6
}

.form__content {
    max-width: 437px;
    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
}

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

.form-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.form-main__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.form-main__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.form-main__input {
    width: 100%
}

.form-main__policy a {
    color: rgb(0 0 0 / .65);
    text-decoration: underline
}

.our-works__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.our-works__btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.our-works__main {
    display: -ms-grid;
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 32px
}

.our-works__footer {
    display: none
}

.work-item {
    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
}

.work-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    aspect-ratio: 650/500;
    object-fit: cover;
    position: relative;
    background: #f2f2f2;
    border-radius: 8px
}

.work-item__wrapper img {
    width: 100%;
    aspect-ratio: 650/500;
    object-fit: contain
}

.work-item__wrapper img:nth-child(2) {
    position: absolute
}

.work-item__circle {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.work-item__circle svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.work-item__circle:hover {
    background-color: #848382
}

.work-item__circle:hover svg path {
    stroke: #fff
}

.work-item__circle:active {
    background-color: #f3faff
}

.work-item__circle:active svg path {
    stroke: rgb(0 0 0 / .85)
}

.MY__LIST {
    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
}

.MY__LINK {
    position: relative
}

.MY__LINK::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.MY__LINK:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

body.lock {
    overflow: hidden
}

.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / .603);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
    z-index: 99999
}

.modal__content {
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    background-color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: default
}

.modal__close {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 35px;
    right: 15px
}

.modal.open {
    opacity: 1;
    visibility: visible
}

.modal.open .modal__content {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1
}

.form-modal_green .form-modal__content {
    background-color: #a4d2f2
}

.form-modal_blue .form-modal__content {
    background-color: #a4d2f2
}

.form-modal_yellow .form-modal__content {
    background-color: #F7F2DC
}

.form-modal__content {
    padding: 48px;
    width: 783px
}

.form-modal__close {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #423C39;
    border-radius: 10px;
}

.form-modal__title {
    color: #423C39;
    font-size: 40px;
    line-height: 115%;
    margin-bottom: 12px
}

.form-modal__title p:last-child {
    color: #423C39A6
}

.form-modal__inputs {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

.form-modal__input:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.form-modal__footer {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.broadcrumbs {
    padding: 8px 0
}

.broadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: auto
}

.broadcrumbs__item:last-child .broadcrumbs__link::after {
    display: none
}

.broadcrumbs__link {
    overflow: hidden;
    color: rgb(0 0 0 / .35);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap
}

.broadcrumbs__link::after {
    content: "/";
    color: rgb(0 0 0 / .35)
}

.material-card {
    position: relative;
    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
}

.material-card__image {
    border-radius: 8px;
    overflow: hidden
}

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

.material-card__link {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: rgb(241 239 236 / .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.material-card__link:hover {
    background-color: #f3faff
}

.material-card__link:active {
    background-color: #D7D7D7
}

.material-card__name {
    color: rgb(0 0 0 / .65)
}

.hero {
    margin-bottom: 16px
}

.hero__wrapper {
    background-color: #F7F2DC;
    border-radius: 8px;
    padding: 32px
}

.hero-swiper__pagination {
    bottom: 32px;
    left: 32px;
    position: relative;
    top: 0px !important;
    margin-bottom: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.hero-swiper__pagination .swiper-pagination-bullet {
    margin: 0 !important;
    padding: 0 !important;
    width: 10px !important;
    height: 10px !important;
    background: #fff;
    border: 1px solid #D9D9D9;
    opacity: 1;
    cursor: pointer
}

.hero-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px !important;
    height: 12px !important;
    background: #D9D9D9
}

.hero-swiper__pagination .current {
    color: rgb(0 0 0 / .65)
}

.hero-swiper__pagination .total {
    color: rgb(0 0 0 / .35)
}

.hero-slide {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px
}

.hero-slide__image {
    max-height: 424px;
    border-radius: 8px;
    overflow: hidden
}

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

.hero-slide__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: 45px
}

.hero-slide__header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.hero-slide__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.hero-slide__subtitle {
    max-width: 257px
}

.hero-slide__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.hero-slide__circle {
    width: 271px;
    height: 271px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 271px;
    flex: 0 0 271px;
    border-radius: 50%;
    overflow: hidden
}

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

.home-features {
    margin-top: 16px
}

.home-features__row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.home-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    gap: 16px;
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 42px;
    padding-right: 40px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15)
}

.home-feature__icon {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f3faff;
    border-radius: 50%
}

.home-feature__main {
    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
}

.home-nav {
    margin-top: 120px
}

.home-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
    padding: 8px;
    border-radius: 73px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid rgb(0 0 0 / .15)
}

.nav-link:hover {
    border: 1px solid rgb(0 0 0 / .65)
}

.nav-link__icon {
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px
}

.nav-link__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.nav-link__arrow {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-price__header {
    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
}



.price-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.price-category__header {
    border-radius: 8px;
    padding: 15px 24px;
    background-color: #f3faff
}

.price-category__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.price-category__item {
    background-color: #ecfafd;
    border-radius: 8px;
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-category__item span:last-child {
    white-space: nowrap
}

.price-form__wrapper {
    border-radius: 8px;
    background: #F7F2DC;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    position: sticky;
    top: 80px
}

.price-form__image img {
    width: 65%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.price-form__image{
    text-align: center;
}
.price-form__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: 24px
}

.price-form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.price-form__title span {
    white-space: nowrap;
    font-size: 26px;
    line-height: 1.4;
}

.price-form__title span:first-child {
    color: #423C39
}

.price-form__title span:last-child {
    color: #423C39A6
}

.price-form__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.price-form__inputs {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 16px
}

.price-form__input_file label {
    cursor: pointer;
    height: 48px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 32px;
    color: rgb(0 0 0 / .85);
    font-size: 14px;
    line-height: 140%;
    background-color: #fff;
    color: rgb(0 0 0 / .35)
}

.price-form__input_file input {
    display: none
}

.price-form__input:last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.price-form__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.sofa-animate__wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    top: 30px
}

.home-production__wrapper {
    padding-left: calc((100vw - 1440px + 48px) / 2)
}

.home-production__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.production-swiper {
    height: 300px;
    width: 100%;
    overflow: hidden;
    padding-right: 24px
}

.production-swiper__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

.production-swiper__btn {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background-color: #f3faff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin: unset;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.production-swiper__btn:hover {
    background-color: #848382
}

.production-swiper__btn svg {
    width: unset;
    height: unset;
    -o-object-fit: unset;
    object-fit: unset
}

.production-swiper__btn::after {
    font-size: 0;
    display: none
}

.production-swiper__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 450px
}

.production-swiper__image {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 100%
}

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

.home-calc__card {
    border-radius: 8px;
    background: #ecfafd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    padding: 24px
}

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

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

.home-calc__subtitle {
    padding: 4px 16px;
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative
}

.home-calc__subtitle::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgb(0 0 0 / .85);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0
}

.home-calc__subtitle.active {
    color: rgb(0 0 0 / .85)
}

.home-calc__subtitle.active::after {
    opacity: 1
}

.home-calc__wrapper {
    overflow: hidden
}

.home-calc__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 16px
}

.home-calc__navigation .link {
    display: none
}

.home-calc__btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px;
    cursor: pointer
}

.calc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.calc-content__wrapper {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.calc-content__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.calc-content__title span:first-child {
    color: rgb(0 0 0 / .35)
}

.calc-type {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.calc-type__main {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    max-width: 100%;
    width: 100%;
    -ms-grid-row-align: center;
    align-self: center
}

.calc-type__item input {
    display: none
}

.calc-type__item input:checked+label {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-type__card {
    position: relative;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 148px;
    padding: 16px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.calc-type__card:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-type__image {
    width: 170px
}

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

.calc-type__title {
    font-size: 16px;
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.calc-chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.calc-chars__main {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.calc-chars__main.grid-three-column {
    grid-template-columns: repeat(3, 1fr)
}

.calc-chars__card {
    padding-top: 24px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 74px 26px 1fr;
    grid-template-rows: 74px 26px 1fr;
    justify-items: center;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid rgb(66 60 57 / .12)
}

.calc-chars__icon {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    height: 74px
}

.calc-chars__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
    grid-template-rows: repeat(3, minmax(auto, 1fr));
    width: 100%
}

.calc-chars__item {
    width: 100%
}

.calc-chars__item input {
    display: none
}

.calc-chars__item label {
    color: rgb(0 0 0 / .85);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 12px;
    border-radius: 32px;
    border: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    cursor: pointer
}

.calc-chars__item label:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-chars__item input:checked+label {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-materials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.calc-materials__main {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 24px;
    grid-column-gap: 16px;
    width: 100%
}

.calc-materials__card {
    padding: 20px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15)
}

.calc-materials__card input {
    display: none
}

.calc-materials__card label {
    width: 100%;
    color: rgb(0 0 0 / .85);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    padding: 12px;
    font-weight: 500;
    line-height: 115%;
    border-radius: 32px;
    border: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

.calc-materials__card label:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-materials__card input:checked+label {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-materials__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%
}

.calc-materials__details {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.calc-materials__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px
}

.calc-materials__item:nth-child(7) {
    -ms-grid-column: 2;
    grid-column: 2
}

.calc-materials__item input {
    display: none
}

.calc-materials__item label {
    padding: 16px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 100%;
    border-radius: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid rgb(0 0 0 / .15);
    cursor: pointer
}

.calc-materials__item label:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

.calc-materials__item input:checked+label {
    border: 1px solid var(--black-primary, rgb(0 0 0 / .85))
}

.calc-materials__image {
    border-radius: 50%;
    overflow: hidden
}

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

.calc-materials__span {
    color: rgb(0 0 0 / .65);
    text-align: center
}

.home-materials__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-materials__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.home-materials__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 80px
}

.home-materials__footer {
    display: none
}

.home-materials__desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 553px;
    flex: 0 0 553px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: justify;
    -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;
    gap: 30px
}

.home-materials__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.home-materials__item {
    width: 136px;
    height: 136px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 136px;
    flex: 0 0 136px;
    border-radius: 50%
}

.home-materials__item.text {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgb(0 0 0 / .15)
}

.home-materials__item.text span:nth-child(1) {
    color: rgb(0 0 0 / .85);
    text-align: center;
    font-size: 24px
}

.home-materials__item.text span a {
    color: rgb(0 0 0 / .85)
}

.home-materials__item.text span:nth-child(2) {
    color: rgb(0 0 0 / .35);
    font-size: 16px
}

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

.home-materials__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 688px;
    flex: 0 1 688px;
    border-radius: 8px;
    overflow: hidden
}

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

.home-reviews__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-reviews__content {
    position: relative
}

.home-reviews__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.home-reviews__footer {
    display: none
}

.reviews-slide {
    padding: 32px;
    border-radius: 8px;
    background: #ecfafd;
    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;
    max-width: 453px
}

.reviews-slide__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reviews-slide__image {
    border-radius: 50%;
    overflow: hidden;
    width: 88px;
    height: 88px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 88px;
    flex: 0 0 88px
}

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

.reviews-slide__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px
}

.reviews-slide__post {
    color: rgb(0 0 0 / .35)
}

.reviews-slide__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: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.reviews-slide__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: rgb(0 0 0 / .65);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical
}

.reviews-slide__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.reviews-swiper__btn {
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / .05);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / .05);
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.reviews-swiper__btn:hover {
    background-color: #D7D7D7
}

.reviews-swiper__btn:active {
    background-color: #f3faff
}

.reviews-swiper__btn svg {
    width: 8px
}

.reviews-swiper__btn svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.reviews-swiper__btn::after {
    display: none
}

.reviews-swiper__btn_prev {
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.reviews-swiper__btn_next {
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.home-trust__swiper {
    height: 168px
}

.home-trust__slide {
    max-width: 336px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.home-trust__slide:hover {
    border: 1px solid rgb(0 0 0 / .85)
}

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

.home-faq__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-faq__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.home-faq__footer {
    display: none
}

.home-faq__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.faq-item__header {
    padding: 15px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    background: #ecfafd;
    cursor: pointer;
    gap: 25px
}

.faq-item__header.active .faq-item__icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.faq-item__title {
    color: rgb(0 0 0 / .85);
    font-size: 18px;
    line-height: 120%
}

.faq-item__icon {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.faq-item__wrapper {
    margin-top: 4px;
    padding: 15px 24px;
    border-radius: 8px;
    background: #ecfafd
}

.faq-item__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.faq-item__image {
    border-radius: 8px;
    overflow: hidden;
    max-width: 195px
}

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

.faq-item__text {
    margin-top: 16px;
    margin-bottom: 24px
}

.faq-item__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.home-articles__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-articles__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.home-articles__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 404px repeat(2, 1fr);
    gap: 16px
}

.home-articles__footer {
    display: none
}

.home-articles__item {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.home-articles__item:hover {
    background-color: #D1E8CB
}

.home-articles__item_big {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    gap: 24px
}

.home-articles__item_big .home-article__image {
    border-radius: 8px 8px 0 0
}

.home-articles__item_big .home-article__content {
    padding-left: 24px;
    padding-bottom: 24px;
    max-width: 628px
}

.home-articles__item_big .home-article__name {
    margin-top: 12px;
    margin-bottom: 24px
}

.home-articles__item_big .home-article__date {
    color: rgb(0 0 0 / .35)
}

.home-articles__item_medium {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.home-articles__item_medium .home-article__image {
    border-radius: 8px 8px 0 0
}

.home-articles__item_medium .home-article__content {
    padding-left: 16px;
    padding-bottom: 24px;
    padding-right: 16px;
    max-width: 400px
}

.home-articles__item_medium .home-article__name {
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 110%;
    color: rgb(0 0 0 / .85)
}

.home-articles__item_medium .home-article__date {
    color: rgb(0 0 0 / .35);
    line-height: 140%
}

.home-articles__item_medium .home-article__label {
    color: rgb(0 0 0 / .65);
    line-height: 140%
}

.home-articles__item_small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 24px
}

.home-articles__item_small .home-article__image {
    border-radius: 0 8px 8px 0
}

.home-articles__item_small .home-article__content {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
    max-width: 255px
}

.home-articles__item_small .home-article__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 158px;
    flex: 0 0 158px;
    width: 158px
}

.home-articles__item_small .home-article__name {
    margin-top: 10px;
    margin-bottom: 16px;
    color: rgb(0 0 0 / .85);
    font-size: 18px;
    line-height: 110%
}

.home-articles__item_small .home-article__date {
    color: rgb(0 0 0 / .35);
    line-height: 140%
}

.home-articles__item_small .home-article__label {
    color: rgb(0 0 0 / .65);
    line-height: 140%
}

.home-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15)
}

.home-article__image {
    overflow: hidden
}

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

.home-article__name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical
}

.home-article__date {
    white-space: nowrap
}

.running-line__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    margin-left: 28px;
    margin-right: 28px
}

.running-line__item span {
    color: rgb(0 0 0 / .35)
}

.runeline {
    overflow: hidden;
    background-color: #ecfafd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

.marquee-0 {
    --space: 0rem;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center
}

.marquee {
    --duration: 15s;
    --gap: var(--space);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    max-width: 100vw
}

.marquee:hover {
    z-index: 99
}

.marquee__group {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite
}

.marquee:hover .marquee__group {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.marquee__group a:hover {
    background: #B8FF65;
    color: #282828
}

.marquee__group span {
    margin: 7px
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}

.services-hero {
    margin-bottom: 40px
}


.services-hero__wrapper {
    min-height: 360px;
    padding-top: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    overflow: hidden
}

.services__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.services__link input {
    display: none
}

.services__link input:checked+label {
    color: rgb(0 0 0 / .85)
}

.services__link input:checked+label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.services__link label {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 4px 16px;
    position: relative;
    color: rgb(0 0 0 / .35);
    cursor: pointer
}

.services__link label::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.services__wrapper {
    display: none
}

.services__wrapper.active {
    display: block
}

.services-tab__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.services-tab__card {
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.services-tab__card:hover {
    background-color: rgb(211 211 211 / .5)
}

.services-card {
    padding: 16px;
    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
}

.services-card__image {
    max-width: 60%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

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

.services-card__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: 12px;
    max-width: 75.5813953488%
}

.services-card__text {
    color: rgb(0 0 0 / .65);
    line-height: 140%
}

.services-banner {
    margin-top: 12px
}

.services-banner.section {
    margin-top: 12px
}

.services-process.section {
    margin-top: 120px
}

@media (max-width:650px) {
    .services-process.section {
        margin-top: 64px
    }
}

.services-banner__wrapper {
    border-radius: 8px;
    background: #E8CCD1;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    overflow: hidden;
    padding: 32px;
    height: 322px
}

.services-banner__image {
    position: absolute;
    bottom: 0;
    left: 0
}

.services-banner__image img {
    max-width: 400px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.services-banner__content {
    -ms-grid-column: 2;
    grid-column: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.services-banner__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.services-banner__title span:nth-child(1) {
    color: #423C39
}

.services-banner__title span:nth-child(2) {
    color: #423C39A6
}

.services-banner__text {
    max-width: 314px;
    color: rgb(0 0 0 / .65);
    line-height: 140%
}

.services-process__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.services-process__header {
    text-align: center
}

.services-process__content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.services-process__card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 40px;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15)
}

.services-process__icon {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f3faff;
    border-radius: 50%
}

.services-process__text {
    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
}

.services-form .form__wrapper {
    background-color: #F7F2DC
}

.service-hero__wrapper {
    height: 440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    background: #F7F2DC;
    overflow: hidden
}

.pd-hero__text {
    display: flex;
    flex-direction: column
}

.service-hero__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    pointer-events: none;
    padding: 0 15px
}

.service-hero__image img,
.service-hero__image svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.service-hero__text {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    text-align: center;
    position: relative;
    max-width: 663px
}

.service-hero__subtitle {
    max-width: 403px;
    margin-top: 14px;
    margin-bottom: 32px
}

.service-hero__btns {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.service-hero__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px;
    text-align: center
}

.service-actions {
    margin-top: 55px
}

.service-actions__wrapper {
    background-color: #BAD9E5;
    border-radius: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 48px 24px
}

.service-actions__output {
    position: relative
}

.service-actions__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    width: 356px;
    height: 155px
}

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

.service-actions__image.active {
    opacity: 1
}

.service-actions__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-actions__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    color: rgb(0 0 0 / .85);
    font-size: 20px;
    line-height: 110%;
    border-bottom: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    gap: 24px
}

.service-actions__item span {
    display: block;
    padding-bottom: 12px;
    position: relative
}

.service-actions__item span::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: calc(100% + 15px);
    height: 1px;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.service-actions__item svg {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-40px) translateY(10px);
    -ms-transform: translateX(-40px) translateY(10px);
    transform: translateX(-40px) translateY(10px);
    opacity: 0
}

.service-actions__item.active span::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.service-actions__item.active svg {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.service-repair__wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.service-repair__title {
    font-size: 24px;
    line-height: 115%;
    position: sticky;
    top: 80px;
    padding-right: 100px
}

.service-repair__title span:nth-child(1) {
    color: rgb(0 0 0 / .85)
}

.service-repair__title span:nth-child(2) {
    color: #423C39A6
}

.service-repair__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.service-repair__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 44px;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15)
}

.service-repair__item.active {
    background-color: #F2F2F2;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
}

.service-repair__item.active .service-repair__image {
    width: 231px;
    height: 231px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 231px;
    flex: 0 0 231px
}

.service-repair__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-repair__list .service-repair__info {
    display: block
}

.service-repair__list .service-repair__info .service-repair__subtitle {
    margin-bottom: 15px
}

.service-repair__subtitle {
    color: rgb(0 0 0 / .85);
    font-size: 32px;
    line-height: 120%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.service-repair__text {
    color: rgb(0 0 0 / .65);
    max-width: 350px
}

.service-repair__image {
    border-radius: 8px;
    overflow: hidden;
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

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

.service-materials__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px
}

.service-materials__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.service-materials__content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.service-materials__footer {
    display: none
}

.service-form .form__content {
    max-width: unset
}

.portfolio-hero {
    margin-bottom: 40px
}

.portfolio-hero__wrapper {
    height: 360px;
    border-radius: 8px;
    background-color: #BAD9E5;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center
}

.portfolio-hero__image {
    position: absolute
}

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

.portfolio-hero__image_left {
    top: 0;
    left: 0;
    height: 100%
}

.portfolio-hero__image_right {
    bottom: 0;
    right: 0;
    height: 100%
}

.portfolio-hero__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolio-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.portfolio-content__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio-content__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-content__tabs li input {
    display: none
}

.portfolio-content__tabs li label {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    font-weight: 500;
    line-height: 115%;
    white-space: nowrap;
    height: 42px;
    padding: 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

.portfolio-content__tabs a {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    font-weight: 500;
    line-height: 115%;
    white-space: nowrap;
    height: 42px;
    padding: 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid rgb(0 0 0 / .15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

.portfolio-content__tabs a.active {
    border: 1px solid rgb(0 0 0 / .85)
}

.portfolio-content__tabs li input:checked+label {
    border: 1px solid rgb(0 0 0 / .85)
}

.portfolio-content__filters {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px
}

.portfolio-content__filters.hidden {
    display: none
}

.portfolio-content__clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap
}

.portfolio-content__clear .icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #423C39
}

.portfolio-content__checked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio-content__checked li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap
}

.portfolio-content__checked li .icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #f3faff
}

.portfolio-content__products {
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-bottom: 72px
}

.portfolio-filter__open {
    display: none
}

.portfolio-filter__header {
    display: none
}

.portfolio-filter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-filter__section {
    position: relative
}

.portfolio-filter__section:last-child .portfolio-filter__dropdown {
    right: 0;
    left: unset
}

.portfolio-filter__section.active .portfolio-filter__subheader svg {
    rotate: 180deg
}

.portfolio-filter__section.active .portfolio-filter__dropdown {
    opacity: 1;
    pointer-events: all
}

.portfolio-filter__subheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 12px 16px
}

.portfolio-filter__subheader svg {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.portfolio-filter__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1
}

.portfolio-filter__list {
    padding: 24px;
    background-color: #fff;
    row-gap: 12px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

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

.portfolio-filter__item {
    min-width: none
}

.portfolio-filter__footer {
    display: none
}

.portfolio-pagination {
    max-width: 191px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.portfolio-pagination__btn {
    padding: 0 40px;
    white-space: nowrap
}

.portfolio-pagination__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.portfolio-pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-pagination__page {
    padding: 0 8px;
    color: rgb(0 0 0 / .5);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.portfolio-pagination__page.active {
    color: rgb(0 0 0 / .8)
}

.portfolio-pagination__page:hover {
    color: rgb(0 0 0 / .8)
}

.portfolio-pagination__next {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: rgb(241 239 236 / .6);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.portfolio-pagination__next:hover {
    background-color: #f3faff
}

.portfolio-pagination__next:active {
    background-color: #D7D7D7
}

.portfolio-detail__hero .service-hero__wrapper {
    background-color: #F2F2F2
}

@media (min-width:768px) {
    .portfolio-detail__hero .service-hero__wrapper {
        flex-direction: row;
        -ms-flex-direction: row
    }
}

@media (max-width:768px) {
    .portfolio-detail__hero .service-hero__wrapper img {
        width: 100%
    }
}

.portfolio-detail__actions .service-actions__wrapper {
    background-color: #D1E8CB
}

.portfolio-detail__actions .service-actions__image {
    width: 250px;
    height: 110px
}

.portfolio-detail__actions .service-actions__image img {
    -o-object-fit: contain;
    object-fit: contain
}

.portfolio-detail__slider .home-trust__title {
    text-align: center;
    max-width: 717px;
    margin: 0 auto
}

.portfolio-detail__slider .home-production__header {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 32px
}

.portfolio-detail__slider .production-swiper__btns {
    position: absolute;
    right: 0;
    bottom: 0
}

.portfolio-detail__form .form__wrapper {
    background-color: #BAD9E5
}

.portfolio-detail__form .form__content {
    max-width: unset
}

.portfolio-detail__swiper {
    height: 294px
}

.portfolio-detail__slide {
    max-width: 453px;
    border-radius: 8px;
    background: #F2F2F2;
    overflow: hidden
}

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

.portfolio-swiper__btn {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background-color: #f3faff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin: unset;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.portfolio-swiper__btn:hover {
    background-color: #848382
}

.portfolio-swiper__btn svg {
    width: unset;
    height: unset;
    -o-object-fit: unset;
    object-fit: unset
}

.portfolio-swiper__btn::after {
    font-size: 0;
    display: none
}

.portfolio-new__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 102px
}

.portfolio-new__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 367px;
    flex: 0 0 367px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.portfolio-new__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.portfolio-new__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.portfolio-new__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background: #F2F2F2
}

.portfolio-new__image {
    height: 100%
}

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

.portfolio-detail__swiper {
    padding-right: 24px
}

.materials__hero .service-hero__wrapper {
    background-color: #D1E8CB
}

.materials__hero .service-hero__subtitle {
    max-width: 420px
}

.materials__hero .service-hero__images {
    padding: 0 56px
}

.materials-content {
    margin-top: 32px
}

.materials-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.materials-content__header {
    max-width: 295px;
    position: relative
}

.materials-content__main {
    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;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    max-width: 100%
}

.materials-content__filters {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.materials-content__clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap
}

.materials-content__clear .icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #423C39
}

.materials-content__checked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.materials-content__checked li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap
}

.materials-content__checked li .icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #f3faff
}

.materials-content__sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 72px
}

.materials-filter {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 13;
    background-color: #fff
}

.materials-filter__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / .15);
    cursor: pointer
}

.materials-filter__open svg {
    display: none
}

.materials-filter__open.active .materials-filter__icon::before {
    opacity: 0
}

.materials-filter__icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #f3faff;
    position: relative
}

.materials-filter__icon::after,
.materials-filter__icon::before {
    content: "";
    width: 11px;
    height: 1px;
    display: block;
    position: absolute;
    background-color: #423C39;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.materials-filter__icon::after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.materials-filter__icon::before {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(0, 50%) rotate(90deg);
    -ms-transform: translate(0, 50%) rotate(90deg);
    transform: translate(0, 50%) rotate(90deg)
}

.materials-filter__header {
    display: none
}

.materials-filter__main {
    padding-top: 20px
}

.materials-filter__section {
    padding: 20px 0;
    border-bottom: 1px solid rgb(0 0 0 / .15)
}

.materials-filter__section:nth-child(1) {
    padding-top: 0
}

.materials-filter__section:last-child {
    border: 0
}

.materials-filter__section .radio {
    padding-left: 2px
}

.materials-filter__subheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.materials-filter__subheader svg {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.materials-filter__subheader.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.materials-filter__list {
    padding-top: 20px;
    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
}

.materials-filter__footer {
    display: none
}

.materials-section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.materials-section__title {
    padding-bottom: 10px
}

.materials-section__btn {
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.materials-section__btn svg {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.materials-section__btn.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.materials-section__description {
    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: 924px;
    padding-top: 40px
}

.materials-section__description p {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%
}

.materials-section__description a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.materials-section__content {
    margin-top: 40px
}

.materials-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 24px
}

.materials-section__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 218px;
    flex: 0 0 218px
}

.material-hero {
    margin-top: 32px
}

.material-hero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.material-hero__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px
}

.material-hero__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.material-hero__info {
    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;
    max-width: 664px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 664px;
    flex: 0 0 664px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

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

.material-hero__tab input {
    display: none
}

.material-hero__tab label {
    padding: 4px 16px;
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    position: relative
}

.material-hero__tab label::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgb(0 0 0 / .85);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.material-hero__tab input:checked+label {
    color: rgb(0 0 0 / .85)
}

.material-hero__tab input:checked+label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.material-hero__item {
    display: none
}

.material-hero__description.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.material-hero__description .detail-preview-text {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    max-height: 68px;
    transition: 1s
}

.material-hero__description .detail-full-text {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%;
    transition: 1s;
    display: flex;
    gap: 8px;
    flex-direction: column
}

.material-hero__content a.read-more-btn {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    line-height: 140%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-top: 8px
}

.material-hero__params.active {
    display: block
}

.material-hero__params ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.material-hero__params li {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 96px
}

.material-hero__params li span:first-child {
    color: rgb(0 0 0 / .6)
}

.material-hero__params li span:last-child {
    color: rgb(0 0 0 / .8)
}

.material-slider__swiper {
    height: 460px
}

.material-slider__slide {
    width: 130px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

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

.material-slider__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px
}

.material-slider__btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgb(255 255 255 / .7);
    cursor: pointer
}

.material-slider__btn svg {
    width: 8px;
    height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8px;
    flex: 0 0 8px
}

.material-slider__btn::after {
    display: none
}

.material-modal {
    z-index: 100
}

.material-modal__wrapper {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 250px;
    height: 100%;
    width: 100%;
    padding-top: 70px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 32px;
    position: relative;
    border-radius: 0;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.material-modal__wrapper::-webkit-scrollbar {
    display: none
}

.material-modal__close {
    position: absolute;
    top: 17px;
    right: 24px;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #f3faff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.material-modal__close:hover {
    background-color: #848382
}

.material-modal__btns {
    position: absolute;
    bottom: 32px;
    right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.material-modal__btn {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3faff;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: 0;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    position: relative
}

.material-modal__btn svg {
    width: 14px
}

.material-modal__btn::after {
    display: none
}

.material-modal__btn:hover {
    background-color: #848382
}

.material-modal__swiper {
    -webkit-box-flex: 0;
    min-width: 0;
    max-height: 100vh;
    margin: 0
}

.material-modal__swiper .swiper-slide {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.material-modal__swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.material-modal__swiper_thumbs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin: 0
}

.material-modal__swiper_thumbs .swiper-slide {
    width: 100%;
    max-height: 80px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #fff0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

.material-modal__swiper_thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #000
}

.material-modal__swiper_thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.material-form .form__wrapper {
    min-height: 220px
}

.material-form .form__row {
    height: 100%
}

.material-form .form__main {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 451px;
    gap: 40px
}

.material-form .form__main p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical
}

.material-form .form__image {
    height: 50px
}

.material-form .form__image svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.type-hero .service-hero__wrapper {
    background-color: #BAD9E5
}

.type-hero .service-hero__images {
    padding-right: 40px;
    height: 120px
}

.type-hero .service-hero__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.type-hero .service-hero__image:first-child {
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%)
}

.type-hero .service-hero__image:first-child svg:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 244px;
    flex: 0 0 244px
}

.type-hero .service-hero__image:last-child {
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%)
}

.type-hero .service-hero__image:last-child svg:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px
}

.type-info__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.type-info__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 613px;
    flex: 0 1 613px
}

.type-info__image {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 690px;
    flex: 0 1 690px
}

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

.calculator__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 96px
}

.calculator__wrapper .calc-type__main {
    max-width: 100%
}

.calculator__wrapper .calc-content__type {
    padding: 32px
}

.calculator__wrapper .calc-chars__main {
    width: 100%
}

.calculator__wrapper .calc-chars__card {
    border: 0
}

.calculator__wrapper .calc-materials__card {
    border: 0
}

.calculator__wrapper .calc-materials__details {
    padding-top: 32px;
    padding-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px
}

.calculator__card {
    background-color: #F2F2F2;
    border-radius: 8px
}

.calculator__btn {
    max-width: 340px;
    margin: 0 auto;
    margin-top: 72px
}

.calculator-result .calc-materials__item label,
.calculator-result .calc-type__card {
    border: 0;
    cursor: default
}

.calculator-result .calc-type__card {
    height: 216px
}

.calculator-result .calc-type__image {
    width: 66.3716814159%
}

.calculator-result__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.calculator-result__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.calculator-result__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: 40px
}

.calculator-result__list {
    max-width: 452px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.calculator-result__card {
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15)
}

.calculator-result__item {
    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;
    padding: 12px
}

.calculator-result__item span:nth-child(2) {
    color: rgb(0 0 0 / .35)
}

.calculator-result__detail {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.calculator-result__footer {
    max-width: 425px;
    color: #423C39;
    font-size: 40px;
    line-height: 115%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgb(0 0 0 / .15);
    padding-top: 24px
}

.calculator-form {
    padding: 32px;
    border-radius: 8px;
    background-color: #D1E8CB;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-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: 24px;
    position: sticky;
    top: 80px
}

.calculator-form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.calculator-form__title span:nth-child(1) {
    color: #423C39
}

.calculator-form__title span:nth-child(2) {
    color: #423C39A6
}

.calculator-form__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.calculator-form__inputs {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.calculator-form__input:last-child {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.calculator-form__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.calculator-form__politics a {
    text-decoration: underline;
    color: rgb(0 0 0 / .65)
}

.contacts {
    margin-top: 32px
}

.contacts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.contacts__row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.contacts__main {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.contacts__item {
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    padding: 24px;
    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
}

.contacts__link {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

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

.contacts-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contacts-item__graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.contacts-item__image {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px
}

.contacts-item__image svg {
    width: 100%;
    height: 100%
}

.contacts-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%
}

.contacts-item__icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background: #f3faff
}

.contacts-item__icon svg {
    width: 8px;
    height: 14px
}

.contacts-item__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px
}

.contacts-item__main p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts-item__main p.caption span {
    white-space: nowrap
}

.contacts-item__main a {
    position: relative;
    white-space: nowrap
}

.contacts-item__main a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.contacts-item__main a:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.contacts-form {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    position: relative;
    border-radius: 8px;
    background-color: #f3faff;
    padding: 24px;
    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
}

.contacts-form__images {
    position: absolute;
    right: 0;
    top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.contacts-form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts-form__title span:nth-child(1) {
    color: #423C39
}

.contacts-form__title span:nth-child(2) {
    color: #423C39A6
}

.contacts-map__wrapper {
    height: 480px;
    border-radius: 8px;
    overflow: hidden
}

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

.delivery {
    margin-top: 32px
}

.delivery__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
    row-gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery__title {
    white-space: nowrap
}

.delivery__subtitle {
    max-width: 220px
}

.delivery__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.delivery__form .form__wrapper {
    background-color: #D1E8CB
}

.delivery-item {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #ecfafd;
    padding: 32px;
    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;
    position: relative;
    height: 362px;
    border-radius: 8px
}

.delivery-item:hover .delivery-item__icon svg path {
    stroke-opacity: .35
}

.delivery-item:nth-child(1):hover {
    background-color: #BAD9E5
}

.delivery-item:nth-child(2):hover {
    background-color: #F7F2DC
}

.delivery-item:nth-child(3):hover {
    background-color: #E8CCD1
}

.delivery-item:nth-child(4):hover {
    background-color: #D1E8CB
}

.delivery-item:nth-child(5):hover {
    background-color: #F7F2DC
}

.delivery-item:nth-child(6):hover {
    background-color: #BAD9E5
}

.delivery-item__text {
    max-width: 421px
}

.delivery-item__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    position: absolute;
    right: 40px;
    bottom: 40px
}

.delivery-item__icons svg {
    width: 100%;
    height: 100%
}

.delivery-item__icons svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    stroke: rgb(0 0 0 / .15);
    stroke-opacity: .15
}

.delivery-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 119px;
    flex: 0 1 119px;
    max-width: 119px
}

.delivery-conditions__content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.delivery-conditions__card {
    padding: 32px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgb(0 0 0 / .15)
}

.delivery-conditions__label {
    padding: 24px;
    border-radius: 8px;
    background: #f3faff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.delivery-conditions__example {
    -ms-grid-row-span: 2;
    grid-row: span 2
}

.delivery-example {
    padding: 32px;
    border-radius: 8px;
    background-color: #F7F2DC;
    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
}

.delivery-example__text {
    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
}

.delivery-rules__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.delivery-rules__desc {
    max-width: 688px
}

.delivery-rules__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: 24px
}

.delivery-rules__list {
    display: -ms-grid;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: 16px
}

.delivery-rules__card {
    border-radius: 8px;
    padding: 24px;
    border: 1px solid rgb(0 0 0 / .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px
}

.trends {
    margin-top: 16px
}

.trends__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px;
    padding-bottom: 60px
}

.trends__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.trends__item {
    width: 109px;
    height: 72px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 109px;
    flex: 0 0 109px
}

.trends__item input {
    display: none
}

.trends__item input:checked+label {
    border: 1px solid #000
}

.trends__label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #fff0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.trends__main .trends__footer {
    display: none
}

.trends__link {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.trend {
    display: none
}

.trend.active {
    display: block
}

.trend__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 125px
}

.trend__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px
}

.trend__caption {
    color: rgb(0 0 0 / .65)
}

.trend__image {
    width: 575px;
    height: 384px;
    border-radius: 4px;
    overflow: hidden
}

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

.trend__info {
    max-width: 540px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 540px;
    flex: 0 1 540px
}

.trend__title {
    color: rgb(0 0 0 / .85)
}

.trend__rating {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #423C39A6
}

.trend__description {
    color: rgb(0 0 0 / .65);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.articles {
    margin-top: 32px
}

.articles__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.articles__header {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px
}

.articles__form .form__wrapper {
    background-color: #F7F2DC
}

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

.articles__list input {
    display: none
}

.articles__list label,
.articles__list a {
    position: relative;
    color: rgb(0 0 0 / .4);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 4px 16px;
    cursor: pointer;
    white-space: nowrap
}

.articles__list label::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.articles__list label,
.articles__list a.active {
    color: #020202
}

.articles__list label,
.articles__list a.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.articles__list input:checked+label {
    color: #020202
}

.articles__list input:checked+label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.articles__pagination {
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px
}

.articles-all__hero {
    margin-bottom: 56px
}

.articles-all__small {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.articles-all__small.swiper {
    display: none
}

.articles-tab {
    display: none
}

.articles-tab.active {
    display: block
}

.articles-tab__main {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 56px
}

.articles-tab__form {
    margin: 56px 0
}

.articles-card {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.articles-card:hover {
    background-color: #D1E8CB
}

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

.articles-card__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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px
}

.articles-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.articles-card__text {
    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
}

.articles-card__caption {
    color: rgb(0 0 0 / .65)
}

.articles-card__date {
    color: rgb(0 0 0 / .35);
    line-height: 140%
}

.articles-shared__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 56px;
    margin-top: 56px;
    gap: 16px
}

.articles-shared__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 56px
}

.article {
    margin-top: 32px
}

.article__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article__right {
    height: calc(100vh - 80px - 40px - 35px - 16px)
}

.article__left,
.article__right {
    position: sticky;
    top: 80px
}

.article__btn {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background: rgb(244 242 240 / .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.article__btn svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.article__btn:hover svg path {
    stroke: rgb(0 0 0 / .65)
}

.article__btn:active {
    background-color: #D7D7D7
}

.article__btn:active svg path {
    fill: rgb(0 0 0 / .65)
}

.article__captions {
    max-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.article__caption {
    color: rgb(0 0 0 / .35);
    line-height: 140%;
    padding: 6px 12px;
    border-radius: 32px;
    border: 1px solid rgb(0 0 0 / .15);
    text-align: center
}

.article__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 688px;
    flex: 0 0 688px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.article__main .article__captions {
    display: none
}

.article__main .article-fixed__footer {
    display: none
}

.article__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.article__category {
    color: rgb(0 0 0 / .35);
    line-height: 140%
}

.article__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: 40px
}

.article__subtitle {
    color: #423C39A6
}

.article__text {
    color: rgb(0 0 0 / .65)
}

.article__text li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px
}

.article__text li+li {
    margin-top: 16px
}

.article__example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.article__images {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.article__image {
    border-radius: 8px;
    overflow: hidden
}

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

.article__annotation {
    color: rgb(0 0 0 / .65)
}

.article__card {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.article__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.article-section {
    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
}

.article-section__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: 40px
}

.article-card__text {
    max-width: 550px;
    color: rgb(0 0 0 / .85);
    font-size: 18px;
    line-height: 110%
}

.article-form {
    border-radius: 8px;
    background: #D1E8CB;
    padding: 24px;
    position: relative
}

.article-form__image {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 81px
}

.article-form__image svg,
.article-form__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article-form__title span:nth-child(1) {
    color: rgb(0 0 0 / .85)
}

.article-form__title span:nth-child(2) {
    color: rgb(0 0 0 / .65)
}

.article-form__text {
    margin-top: 12px;
    margin-bottom: 20px;
    color: rgb(0 0 0 / .65);
    max-width: 437px
}

.article-form__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.article-form__inputs {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

.article-form__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.article-form__footer span {
    color: rgb(0 0 0 / .35)
}

.article-form__footer span a {
    color: rgb(0 0 0 / .65);
    text-decoration: underline
}

.article-fixed {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100vh - 80px - 40px - 35px - 16px)
}

.article-fixed__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.article-fixed__footer {
    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
}

.article-fixed__footer span {
    color: rgb(0 0 0 / .65)
}

.article-read__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.article-read__link {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 40px
}

.article-read__wrapper {
    padding-left: calc((100vw - 1440px + 48px) / 2);
    padding-right: calc((100vw - 1440px + 48px) / 2)
}

.article-read__footer {
    display: none
}

.article-feedback__wrapper {
    padding: 32px;
    border-radius: 8px;
    background-color: #F7F2DC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 150px;
    position: relative;
    overflow: hidden
}

.article-feedback__image {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) translateX(10%);
    -ms-transform: translateY(-50%) translateX(10%);
    transform: translateY(-50%) translateX(10%)
}

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

.article-feedback__title {
    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: 0 1 521px;
    flex: 0 1 521px
}

.article-feedback__title span:nth-child(1) {
    color: rgb(0 0 0 / .85)
}

.article-feedback__title span:nth-child(1) {
    color: rgb(0 0 0 / .65)
}

.article-feedback__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.article-feedback__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.article-feedback__footer span {
    color: rgb(0 0 0 / .35)
}

.article-feedback__footer span a {
    color: rgb(0 0 0 / .65);
    text-decoration: underline
}

.about-hero .service-hero__wrapper {
    background-color: #BAD9E5
}

.about-hero .service-hero__images {
    padding: 0 24px;
    height: 94px
}

.about-hero .service-hero__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    height: 100%
}

.about-hero .service-hero__image svg {
    width: unset
}

.about-alternate {
    margin-top: 16px
}

.about-alternate__wrapper {
    border-radius: 8px;
    background: #F2F2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 49px 0;
    gap: 20px
}

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

.about-alternate__title {
    text-align: center;
    font-size: 40px;
    line-height: 115%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 791px;
    flex: 0 1 791px
}

.about-alternate__title span:nth-child(1) {
    color: rgb(0 0 0 / .8)
}

.about-alternate__title span:nth-child(2) {
    color: rgb(0 0 0 / .5)
}

.about-advantages__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 24px
}

.about-advantages__title {
    color: rgb(0 0 0 / .8);
    font-size: 40px;
    line-height: 115%
}

.about-advantages__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

.about-advantages__btn {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background-color: #ecfafd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    margin: 0
}

.about-advantages__btn::after {
    display: none
}

.about-advantages__btn svg {
    width: 8px
}

.about-advantages__content {
    padding-left: calc((100vw - 1440px + 48px) / 2)
}

.about-advantages__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 453px;
    height: auto
}

.about-advantages__image {
    border-radius: 8px;
    overflow: hidden
}

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

.about-advantages__subtitle {
    margin-top: 24px;
    margin-bottom: 12px;
    color: rgb(0 0 0 / .85)
}

.about-advantages__text {
    color: rgb(0 0 0 / .6)
}

.about-info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.about-info__list input {
    display: none
}

.about-info__list label {
    padding: 4px 16px;
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    white-space: nowrap;
    position: relative
}

.about-info__list label::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / .85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.about-info__list input:checked+label {
    color: rgb(0 0 0 / .85)
}

.about-info__list input:checked+label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.about-tab {
    display: none
}

.about-tab.active {
    display: block
}

.about-tab__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.about-tab__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 430px;
    flex: 0 0 430px
}

.about-tab__title {
    color: rgb(0 0 0 / .8)
}

.about-tab__text {
    margin-top: 32px;
    margin-bottom: 40px;
    color: rgb(0 0 0 / .65)
}

.about-tab__link {
    padding: 0 40px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: rgb(0 0 0 / .85)
}

.about-tab__video {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 922px;
    flex: 1 1 922px;
    position: relative;
    max-height: 522px;
    border-radius: 8px;
    overflow: hidden
}

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

.about-tab__video svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: auto
}

.team-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    max-width: 336px;
    border-radius: 8px;
    padding-bottom: 16px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    height: auto
}

.team-slide__image {
    height: 390px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-color: #F2F2F2
}

.team-slide__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top
}

.team-slide__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 0 16px
}

.team-slide__name {
    color: rgb(0 0 0 / .85);
    font-size: 18px;
    line-height: 110%
}

.team-slide__post {
    color: rgb(0 0 0 / .3);
    line-height: 140%
}

.team-slide__description {
    padding: 0 16px;
    color: rgb(0 0 0 / .6);
    line-height: 140%
}

.about-form .form__wrapper {
    background-color: #F7F2DC
}

.status {
    margin-top: 32px
}

.status__wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px
}

.status__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.status__title span:nth-child(1) {
    color: #423C39
}

.status__title span:nth-child(2) {
    color: rgb(66 60 57 / .6)
}

.status__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.status__content p {
    color: rgb(0 0 0 / .85);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%
}

.status__line {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    width: 22px;
    position: relative
}

.status__line::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 14px;
    bottom: 60px;
    width: 1px;
    background-color: #F2F2F2
}

.status__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.status-step {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #F2F2F2;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    max-width: 452px;
    position: relative;
    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
}

.status-step::before {
    content: "";
    position: absolute;
    top: 12px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: -22px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.status-step__title {
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.status-step__text {
    color: rgb(0 0 0 / .35);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    line-height: 140%
}

.status-step.active {
    background-color: #F2F2F2
}

.status-step.active::before {
    border: 1px solid #000;
    background-color: #000
}

.status-step.active .status-step__title {
    color: rgb(0 0 0 / .85)
}

.status-step.active .status-step__text {
    color: rgb(0 0 0 / .6)
}

.status-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.status-form__wrapper {
    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;
    padding: 32px 0;
    background-color: #D1E8CB;
    border-radius: 8px;
    overflow: hidden
}

.status-form__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 32px;
    gap: 24px
}

.status-form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.status-form__title span {
    white-space: nowrap
}

.status-form__title span:nth-child(1) {
    color: #423C39
}

.status-form__title span:nth-child(2) {
    color: #423C39A6
}

.status-form__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1
}

.status-form__main {
    padding: 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.status-form__inputs {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.status-form__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.reviews-page {
    margin-top: 32px
}

.reviews-page__title {
    text-align: center;
    margin-bottom: 40px
}

.reviews-page__subtitle {
    color: rgb(0 0 0 / .4);
    font-size: 32px;
    line-height: 110%
}

.reviews-page__header {
    margin-bottom: 24px
}

.reviews-page__form .form__wrapper {
    background-color: #F7F2DC
}

.reviews-page__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.reviews-page__pagination {
    margin: 0 auto;
    margin-top: 72px;
    margin-bottom: 120px
}

.reviews-slider__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px
}

.reviews-slider__wrapper {
    padding-left: calc((100vw - 1440px + 48px) / 2)
}

.reviews-slider__slide {
    max-width: 336px
}

.reviews-slider__video {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

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

.reviews-slider__video svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.reviews-slider__name {
    margin-top: 8px;
    margin-bottom: 4px
}

.reviews-slider__theme {
    color: rgb(0 0 0 / .35)
}

.reviews-modal__content {
    max-width: 696px;
    padding: 48px;
    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
}

.reviews-modal__close {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    background: #f3faff;
    cursor: pointer
}

.reviews-modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px
}

.reviews-modal__image {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    border-radius: 50%;
    overflow: hidden
}

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

.reviews-modal__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.reviews-modal__name {
    color: rgb(0 0 0 / .85);
    text-align: left;
    font-size: 24px;
    line-height: 110%
}

.reviews-modal__service {
    color: rgb(0 0 0 / .35);
    font-size: 14px;
    line-height: 140%
}

.reviews-modal__text {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%;
    max-height: 60vh;
    overflow: auto
}

.reviews-modal__date {
    color: rgb(0 0 0 / .35);
    line-height: 140%
}

.review {
    border-radius: 8px;
    background: #F2F2F2;
    padding: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 1fr;
    grid-template-columns: 300px 1fr;
    gap: 22px
}

.review__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px
}

.review__image {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    border-radius: 50%;
    overflow: hidden
}

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

.review__main {
    padding: 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.review__name {
    color: rgb(0 0 0 / .85)
}

.review__post {
    color: rgb(0 0 0 / .35)
}

.review__text {
    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;
    max-width: 669px
}

.review__paragraph {
    overflow: hidden;
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%
}

.review__attachments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.review__attachment {
    width: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px
}

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

.review__date {
    color: rgb(0 0 0 / .35);
    line-height: 140%
}

.sales-page {
    margin-top: 32px
}

.sales-page__wrapper {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

.sales-page__title {
    text-align: center
}

.sales-page__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 56px
}

.sales-page__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / .15);
    min-height: 367px
}

.sales-page__image {
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

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

.sales-page__text {
    padding: 24px 16px;
    color: rgb(0 0 0 / .85);
    font-size: 24px;
    line-height: 110%
}

.sales-action {
    padding: 24px;
    background-color: #D1E8CB;
    border-radius: 8px
}

.sales-action__title {
    font-size: 32px;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sales-action__title span:nth-child(1) {
    color: #423C39
}

.sales-action__title span:nth-child(2) {
    color: rgb(0 0 0 / .5)
}

.sales-action__text {
    margin-top: 16px;
    margin-bottom: 32px;
    color: rgb(0 0 0 / .6)
}

.tranks {
    margin-top: 8px
}

.tranks__wrapper {
    border-radius: 8px;
    background: #D1E8CB;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    height: 600px;
    padding: 12px
}

.tranks__wrapper.pink {
    background-color: #E8CCD1
}

.tranks__image svg,
.tranks__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tranks__main {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px
}

.tranks__text {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

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

.wrapper {
    font-family: "proximanova_regular", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    padding-top: 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.main.active {
    margin-top: 4px
}

.container {
    max-width: 1440px;
    padding: 0 24px;
    margin: 0 auto
}

.calculator-result__form .calculator-result__subtitle.h2 {
    display: none
}

@media (max-width:1440px) {
    .header__row {
        gap: calc(16px + 16 * (100vw - 1200px) / 240)
    }

    .header__link {
        font-size: calc(14px + 2 * (100vw - 1200px) / 240)
    }

    .home-production__wrapper {
        padding-left: 24px
    }

    .services-hero__wrapper {
        padding-top: calc(56px + 32 * (100vw - 768px) / 672);
        min-height: calc(224px + 136 * (100vw - 768px) / 672)
    }

    .service-hero__wrapper {
        height: calc(256px + 184 * (100vw - 768px) / 672)
    }

    .service-hero__text {
        max-width: calc(350px + 313 * (100vw - 768px) / 672)
    }

    .service-hero__title {
        font-size: calc(25px + 23 * (100vw - 768px) / 672)
    }

    .service-hero__subtitle {
        font-size: calc(10px + 6 * (100vw - 768px) / 672);
        max-width: calc(240px + 163 * (100vw - 768px) / 672)
    }

    .service-hero__images {
        height: calc(153px + 58 * (100vw - 768px) / 672)
    }

    .service-hero__images.sc {
        height: calc(153px + 110 * (100vw - 768px) / 672)
    }

    .service-hero__btns {
        gap: calc(6px + 6 * (100vw - 768px) / 672)
    }

    .service-hero__link {
        padding: 0 calc(20px + 20 * (100vw - 768px) / 672);
        height: calc(27px + 23 * (100vw - 768px) / 672);
        font-size: calc(9px + 7 * (100vw - 768px) / 672)
    }

    .service-repair__text {
        color: rgb(0 0 0 / .65);
        max-width: calc(215px + 135 * (100vw - 992px) / 448)
    }

    .service-repair__item.active .service-repair__image {
        width: calc(170px + 60 * (100vw - 992px) / 448);
        height: calc(170px + 60 * (100vw - 992px) / 448);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(170px + 60 * (100vw - 992px) / 448);
        flex: 0 0 calc(170px + 60 * (100vw - 992px) / 448)
    }

    .portfolio-hero__wrapper {
        height: calc(224px + 136 * (100vw - 768px) / 672)
    }

    .portfolio-detail {
        height: calc(190px + 100 * (100vw - 768px) / 672)
    }

    .portfolio-detail__slide {
        max-width: calc(296px + 157 * (100vw - 768px) / 672)
    }

    .materials__hero .service-hero__images {
        height: calc(64px + 38 * (100vw - 768px) / 672);
        padding: 0 calc(24px + 32 * (100vw - 768px) / 672)
    }

    .materials-section__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(178px + 40 * (100vw - 992px) / 448);
        flex: 0 0 calc(178px + 40 * (100vw - 992px) / 448)
    }

    .material-hero__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(505px + 159 * (100vw - 992px) / 448);
        flex: 0 0 calc(505px + 159 * (100vw - 992px) / 448);
        max-width: calc(505px + 159 * (100vw - 992px) / 448)
    }

    .type-hero .service-hero__images {
        height: calc(72px + 68 * (100vw - 768px) / 672)
    }

    .type-hero .service-hero__image:first-child svg:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(144px + 137 * (100vw - 768px) / 672);
        flex: 0 0 calc(144px + 137 * (100vw - 768px) / 672)
    }

    .type-hero .service-hero__image:last-child {
        -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
        transform: translateX(30%)
    }

    .type-hero .service-hero__image:last-child svg:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(38px + 38 * (100vw - 768px) / 672);
        flex: 0 0 calc(38px + 38 * (100vw - 768px) / 672)
    }

    .contacts__item {
        padding: calc(14px + 10 * (100vw - 992px) / 448)
    }

    .contacts-form__title {
        font-size: calc(27px + 5 * (100vw - 992px) / 448)
    }

    .trend__wrapper {
        gap: calc(62px + 63 * (100vw - 992px) / 448)
    }

    .articles-card__title {
        font-size: calc(32px + 8 * (100vw - 992px) / 448)
    }

    .article-read__wrapper {
        padding-left: 24px;
        padding-right: 24px
    }

    .article-feedback__wrapper {
        gap: calc(32px + 118 * (100vw - 992px) / 448)
    }

    .about-advantages__content {
        padding-left: 24px
    }

    .about-advantages__slide {
        max-width: calc(297px + 156 * (100vw - 768px) / 672)
    }

    .about-advantages__subtitle {
        font-size: calc(20px + 4 * (100vw - 768px) / 672)
    }

    .about-advantages__text {
        font-size: calc(14px + 2 * (100vw - 768px) / 672)
    }

    .team-slide {
        max-width: calc(297px + 39 * (100vw - 768px) / 672)
    }

    .team-slide__image {
        height: 390px
    }

    .reviews-slider__wrapper {
        padding-left: 24px
    }
}

@media (max-width:1200px) {
    .header__row {
        gap: 16px
    }

    .header__list {
        gap: calc(8px + 8 * (100vw - 992px) / 208)
    }

    .header__link {
        font-size: calc(12px + 3 * (100vw - 992px) / 208)
    }

    .header__actions {
        gap: calc(8px + 8 * (100vw - 992px) / 208)
    }

    .header-action__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(32px + 16 * (100vw - 992px) / 208);
        flex: 0 0 calc(32px + 16 * (100vw - 992px) / 208);
        width: calc(32px + 16 * (100vw - 992px) / 208);
        height: calc(32px + 16 * (100vw - 992px) / 208)
    }

    .header-action__icon svg {
        width: calc(16px + 4 * (100vw - 992px) / 208);
        height: calc(16px + 4 * (100vw - 992px) / 208)
    }

    .header-action__label {
        font-size: calc(13px + 3 * (100vw - 992px) / 208)
    }

    .form__row {
        gap: calc(30px + 150 * (100vw - 992px) / 208)
    }

    .hero-slide__circle {
        width: calc(144px + 127 * (100vw - 992px) / 208);
        height: calc(144px + 127 * (100vw - 992px) / 208);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(144px + 127 * (100vw - 992px) / 208);
        flex: 0 0 calc(144px + 127 * (100vw - 992px) / 208)
    }

    .home-articles__item_small .home-article__image {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: unset
    }

    .home-articles__content {
        -ms-grid-rows: unset;
        grid-template-rows: unset;
        grid-template-columns: repeat(2, 1fr)
    }

    .home-articles__item_big {
        grid-row: unset;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        max-height: 614px
    }

    .home-articles__item_medium {
        -ms-grid-row-span: 2;
        grid-row: span 2
    }

    .material-modal__wrapper {
        gap: 80px
    }

    .type-info__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px
    }

    .type-info__description {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset;
        gap: 32px
    }

    .type-info__image {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        height: unset
    }

    .calculator-form__inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calculator-form__input:last-child {
        grid-column: unset
    }

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

    .article-feedback__image {
        display: none
    }
}

@media (max-width:992px) {
    .section__wrapper {
        gap: 32px
    }
   
    .header__actions {
        gap: 12px
    }

    .header__row {
        height: 72px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__list {
        display: none
    }

    .header__burger {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #f3faff;
        position: relative;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .header__burger span {
        display: block;
        width: 14px;
        height: 2px;
        background-color: rgb(0 0 0 / .85);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        border-radius: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .header__burger::before,
    .header__burger::after {
        content: "";
        display: block;
        display: block;
        width: 14px;
        height: 2px;
        background-color: rgb(0 0 0 / .85);
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .header__burger::before {
        top: 18px
    }

    .header__burger::after {
        bottom: 18px
    }

    .header-action__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        width: 48px;
        height: 48px
    }

    .header-action__icon svg {
        width: 20px;
        height: 20px
    }

    .header-action__label {
        display: none
    }

    .header-menu {
        display: block
    }

    .form__wrapper {
        padding: 24px
    }

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

    .form__images {
        bottom: unset;
        top: 80px;
        left: unset;
        right: -100px
    }

    .form__content {
        max-width: unset
    }

    .our-works__main {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .hero__wrapper {
        padding: 24px
    }

    .hero-slide__title {
        font-size: 25px
    }

    .hero-slide__subtitle {
        font-size: 10px
    }

    .hero-slide__icon svg {
        width: calc(24px + 24 * (100vw - 768px) / 224);
        height: calc(24px + 24 * (100vw - 768px) / 224)
    }

    .hero-slide__text {
        gap: 8px
    }

    .hero-slide__circle {
        width: 144px;
        height: 144px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 144px;
        flex: 0 0 144px
    }

    .home-price__main {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 24px
    }

    .home-price__content {
        gap: 24px
    }

    .price-form__wrapper {
        position: unset;
        top: unset
    }

    .home-production__wrapper {
        padding-left: 16px
    }

    .home-production__header {
        margin-bottom: 32px
    }

    .production-swiper {
        padding-right: 16px
    }

    .calc-type {
        gap: 24px
    }

    .calc-type__main {
        grid-template-columns: repeat(2, 1fr);
        max-width: 486px
    }

    .calc-chars {
        gap: 24px
    }

    .calc-chars__main {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calc-chars__card {
        padding-bottom: 24px;
        gap: 16px
    }

    .calc-chars__list {
        gap: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calc-materials {
        gap: 24px
    }

    .calc-materials__card {
        padding: 16px
    }

    .calc-materials__list label {
        padding: 12px 6px
    }

    .calc-materials__grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .calc-materials__item:nth-child(7) {
        grid-column: unset
    }

    .calc-materials__item:nth-child(9) {
        -ms-grid-column: 2;
        grid-column: 2
    }

    .home-materials__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px
    }

    .home-materials__desc {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        gap: 56px
    }

    .home-materials__image {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .reviews-slide {
        max-width: 350px
    }

    .home-articles__item_small .home-article__content {
        max-width: unset;
        padding-right: 16px
    }

    .home-articles__item_small .home-article__image {
        display: none
    }

    .running-line__item {
        margin-left: 20px;
        margin-right: 20px
    }

    .services-card__image {
        max-width: unset
    }

    .services-card__content {
        max-width: unset
    }

    .services-banner__header {
        gap: 0
    }

    .services-banner__icon {
        position: absolute;
        top: 0;
        right: 0
    }

    .services-banner__title {
        max-width: 100px
    }

    .services-banner__image {
        width: 273px
    }

    .services-process__wrapper {
        gap: 32px
    }

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

    .service-actions__output {
        display: none
    }

    .service-actions__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .service-repair__text {
        color: rgb(0 0 0 / .65);
        max-width: unset
    }

    .service-repair__item {
        gap: 65px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .service-repair__item.active {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .service-repair__item.active .service-repair__image {
        width: 200px;
        height: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }

    .service-repair__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: calc(300px + 300 * (100vw - 650px) / 342)
    }

    .service-repair__title {
        position: unset;
        top: unset;
        padding-right: 0;
        max-width: 736px
    }

    .service-repair__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 32px
    }

    .service-repair__subtitle {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

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

    .service-form .form__images {
        top: 40px;
        height: 48px
    }

    .service-form .form__images svg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .service-form .form__image {
        height: 100%
    }

    .portfolio-content__tabs {
        gap: 8px
    }

    .portfolio-detail__slider .home-trust__title {
        text-align: left;
        max-width: 523px;
        margin: unset
    }

    .portfolio-detail__slider .production-swiper__btns {
        position: relative;
        right: unset;
        bottom: unset
    }

    .portfolio-detail__form .form__images {
        top: 40px;
        height: 48px
    }

    .portfolio-detail__form .form__images svg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .portfolio-detail__form .form__image {
        height: 100%
    }

    .portfolio-new__wrapper {
        gap: 40px
    }

    .portfolio-new__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 367px;
        flex: 0 1 367px
    }

    .portfolio-detail__swiper {
        padding-right: 16px
    }

    .materials-content__wrapper {
        gap: 24px
    }

    .materials-content__sections {
        gap: 64px
    }

    .materials-filter {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background-color: #fff;
        z-index: 12
    }

    .materials-filter.active {
        top: 0
    }

    .materials-filter__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px;
        border-bottom: 1px solid rgb(0 0 0 / .15)
    }

    .materials-filter__title {
        font-size: 24px
    }

    .materials-filter__close {
        border-radius: 10px;
        background: #f3faff;
        width: 48px;
        height: 48px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .materials-filter__main {
        overflow-y: auto;
        height: calc(100% - 81px - 114px)
    }

    .materials-filter__section {
        padding-left: 16px;
        padding-right: 16px
    }

    .materials-filter__section:last-child {
        border-bottom: 1px solid rgb(0 0 0 / .15)
    }

    .materials-filter__subheader span {
        font-size: 16px
    }

    .materials-filter__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        padding: 32px 16px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff
    }

    .materials-filter__open {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 12px 16px;
        gap: 8px;
        border-radius: 32px;
        background: rgb(244 242 240 / .8);
        border: 0
    }

    .materials-filter__open svg {
        display: block
    }

    .materials-filter__icon {
        display: none
    }

    .materials-section__list {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    .materials-section__item {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .materials-section__content {
        margin-top: 32px
    }

    .materials-section__description {
        padding-top: 32px
    }

    .material-hero__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .material-hero__main {
        gap: 32px
    }

    .material-hero__info {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset
    }

    .material-slider__btns {
        padding: 0 16px
    }

    .material-modal__wrapper {
        padding-left: 12px;
        padding-right: 12px
    }

    .material-modal__close {
        width: 32px;
        height: 32px;
        top: 12px;
        right: 12px
    }

    .material-modal__btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        top: 12px;
        left: 12px
    }

    .material-modal__btn {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .material-form .form__wrapper {
        height: unset
    }

    .material-form .form__main {
        max-width: unset;
        gap: 20px
    }

    .material-form .form__main p {
        max-width: 437px
    }

    .material-form .form__images {
        top: 130px
    }

    .type-info__image {
        width: 100%
    }

    .calculator__wrapper .calc-type__main {
        max-width: 486px
    }

    .calculator__wrapper .calc-materials__details {
        padding-top: 24px;
        padding-bottom: 30px
    }

    .calculator__wrapper {
        gap: 64px
    }

    .calculator__btn {
        margin-top: 64px
    }

    .calculator-result__wrapper {
        gap: 32px
    }

    .calculator-result__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 64px
    }

    .calculator-form__inputs {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    .calculator-form__input:last-child {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .contacts {
        margin-bottom: 0
    }

    .contacts__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 96px
    }

    .contacts__item {
        padding: 24px
    }

    .contacts-form__title {
        font-size: 32px
    }

    .delivery__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .delivery-item {
        height: 300px
    }

    .delivery-conditions__content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .delivery-conditions__example {
        grid-row: unset
    }

    .delivery-conditions__card_1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .delivery-conditions__card_2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .delivery-conditions__card_3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .delivery-conditions__card_4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .delivery-conditions__card_5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .delivery-conditions__card_6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .delivery-rules__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: unset;
        grid-template-rows: unset;
        grid-auto-flow: unset
    }

    .trends__main {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto
    }

    .trends__main .trends__footer {
        display: block
    }

    .trends__footer {
        display: none
    }

    .trends__link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

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

    .trend__rating {
        margin-top: 32px;
        margin-bottom: 16px
    }

    .trend__info {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .trend__image {
        width: 547px;
        height: 329px
    }

    .articles-all__hero {
        margin-bottom: 16px
    }

    .articles-all__small {
        display: none
    }

    .articles-all__small.swiper {
        display: block;
        padding-right: 16px
    }

    .articles-tab__main {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px
    }

    .articles-tab__form {
        margin: 40px 0
    }

    .articles-card {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 24px
    }

    .articles-card__title {
        font-size: 40px
    }

    .articles-card__content {
        padding-top: 0;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px
    }

    .articles-card__image {
        max-height: 414px
    }

    .articles-card__icon {
        display: none
    }

    .articles-card__header {
        margin-bottom: 15px
    }

    .articles-shared__list {
        margin-top: 16px;
        margin-bottom: 16px;
        grid-template-columns: repeat(2, 1fr)
    }

    .articles-shared__list .home-article:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .articles-shared__grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px
    }

    .article__main .article-fixed__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        margin-top: 32px
    }

    .article__left,
    .article__right {
        display: none
    }

    .article__main {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset
    }

    .article__main .article__captions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: unset
    }

    .article__content {
        gap: 32px
    }

    .article-section__content {
        gap: 32px
    }

    .article-read__header {
        margin-bottom: 32px
    }

    .article-read__slide {
        max-width: 352px
    }

    .article-read__wrapper {
        padding-left: 16px;
        padding-right: 0
    }

    .article-feedback__wrapper {
        padding: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .article-feedback__title {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .about-hero .service-hero__images {
        padding: 0 16px;
        height: 56px
    }

    .about-alternate__wrapper {
        padding: 48px 16px
    }

    .about-alternate__image {
        display: none
    }

    .about-alternate__title {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .about-advantages__content {
        padding-left: 16px
    }

    .about-advantages__header {
        margin-bottom: 32px
    }

    .about-advantages__subtitle {
        margin-top: 20px;
        margin-bottom: 8px
    }

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

    .about-tab__info {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .about-tab__video {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .about-tab__text {
        margin-top: 32px;
        margin-bottom: 24px
    }

    .status {
        margin-top: 24px
    }

    .status__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 96px
    }

    .status-form__wrapper {
        padding: 24px 0
    }

    .status-form__header {
        padding-left: 24px
    }

    .status-form__main {
        padding: 0 24px
    }

    .reviews-page__pagination {
        margin-bottom: 96px
    }

    .reviews-slider__wrapper {
        padding-left: 16px
    }

    .review {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 24px
    }

    .review__text {
        max-width: unset
    }

    .sales-page__wrapper {
        gap: 32px
    }

    .sales-page__list {
        row-gap: 16px;
        grid-template-columns: repeat(2, 1fr)
    }

    .sales-action {
        padding: 32px 12px
    }

    .main {
        padding-top: 72px
    }

    .container {
        padding: 0 16px
    }

    .calculator-result__title.h1 {
        display: none
    }

    .calculator-result__form .calculator-result__subtitle.h2 {
        display: block
    }

    .calculator-result__form {
        display: flex;
        flex-direction: column;
        gap: 24px;
        order: 2
    }
}

@media (max-width:768px) {
    .section {
        margin-bottom: 96px
    }

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

    .footer__oktta {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .footer__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 40px
    }

    .footer__row {
        padding-bottom: 40px;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 40px
    }

    .footer__items {
        padding-top: 16px
    }

    .form__images {
        gap: 22px
    }

    .form__image:nth-child(1) svg {
        width: 128px;
        height: 49px
    }

    .form__image:nth-child(2) svg {
        width: 160px;
        height: 49px
    }

    .hero-slide {
        gap: 22px
    }

    .hero-slide__content {
        gap: 20px
    }

    .hero-slide__circle {
        width: 96px;
        height: 96px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 96px;
        flex: 0 0 96px
    }

    .hero-slide__icon svg {
        width: 24px;
        height: 24px
    }

    .home-features__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .home-feature {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 24px;
        padding: 24px
    }

    .home-nav {
        margin-top: 96px
    }

    .production-swiper {
        height: 190px
    }

    .production-swiper__slide {
        width: 300px
    }

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

    .calc-type__card {
        height: 120px
    }

    .calc-type__title {
        bottom: 10px
    }

    .calc-type__image {
        width: 120px
    }

    .calc-materials__details {
        grid-column: unset
    }

    .calc-materials__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: unset;
        grid-column-gap: unset;
        gap: 16px
    }

    .reviews-slide {
        max-width: 297px;
        gap: 16px;
        padding: 20px;
        padding-bottom: 22px
    }

    .reviews-slide__header {
        gap: 8px
    }

    .reviews-slide__author {
        gap: 5px
    }

    .reviews-slide__image {
        width: 60px;
        height: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }

    .reviews-slide__content {
        gap: 20px
    }

    .reviews-slide__link {
        gap: 8px
    }

    .home-trust__swiper {
        height: 148px
    }

    .home-trust__slide {
        max-width: 297px
    }

    .services-hero__wrapper {
        padding-top: 53px;
        height: calc(380px - 156 * (100vw - 390px) / 378);
        min-height: unset
    }

    .services-tab__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .services-card {
        padding: 24px
    }

    .services-card__image {
        max-width: 60%
    }

    .services-card__content {
        max-width: 70.7482993197%
    }

    .services-banner__wrapper {
        height: 224px;
        padding: 24px
    }

    .services-banner__title {
        font-size: 25px;
        max-width: unset
    }

    .services-banner__header {
        gap: 16px
    }

    .services-banner__icon {
        position: relative;
        top: unset;
        right: unset
    }

    .services-banner__icon svg {
        width: 24px;
        height: 24px
    }

    .services-banner__text {
        font-size: 10px;
        max-width: 224px
    }

    .service-hero__wrapper {
        height: 256px
    }

    .service-hero__text {
        max-width: 350px
    }

    .service-hero__title {
        font-size: 25px
    }

    .service-hero__subtitle {
        font-size: 10px;
        max-width: 240px
    }

    .service-hero__images {
        height: 153px
    }

    .service-hero__btns {
        gap: 6px
    }

    .service-hero__link {
        padding: 0 20px;
        height: 27px;
        font-size: 9px
    }

    .portfolio-hero {
        margin-bottom: 32px
    }

    .portfolio-hero__wrapper {
        height: calc(448px - 224 * (100vw - 390px) / 378)
    }

    .portfolio-hero__title {
        font-size: 25px
    }

    .portfolio-hero__image_left {
        height: calc(184px + 40 * (100vw - 390px) / 378)
    }

    .portfolio-hero__image_right {
        height: calc(171px + 53 * (100vw - 390px) / 378)
    }

    .portfolio-content__tabs {
        gap: 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .portfolio-content__tabs li label {
        padding: 0 24px
    }

    .portfolio-filter {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background-color: #fff;
        z-index: 12;
        overflow-y: auto
    }

    .portfolio-filter.active {
        top: 0
    }

    .portfolio-filter__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 16px;
        border-bottom: 1px solid rgb(0 0 0 / .15)
    }

    .portfolio-filter__close {
        height: 48px;
        width: 48px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        border-radius: 10px;
        background-color: #f3faff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .portfolio-filter__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        border-radius: 32px;
        background-color: #f3faff;
        height: 48px;
        padding: 0 16px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .portfolio-filter__open:hover,
    .portfolio-filter__open:active {
        background-color: rgb(66 60 57 / .12)
    }

    .portfolio-filter__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 0
    }

    .portfolio-filter__section {
        width: 100%;
        border-bottom: 1px solid rgb(0 0 0 / .15);
        padding: 0 16px
    }

    .portfolio-filter__subheader {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 0
    }

    .portfolio-filter__dropdown {
        position: relative;
        top: unset;
        left: unset;
        width: unset;
        pointer-events: unset;
        opacity: unset;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: unset
    }

    .portfolio-filter__list {
        padding: 0;
        padding-bottom: 20px
    }

    .portfolio-filter__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        padding: 32px 16px
    }

    .portfolio-detail__swiper {
        height: 190px
    }

    .portfolio-detail__slide {
        max-width: 296px
    }

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

    .portfolio-new__text {
        gap: 24px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .portfolio-new__title {
        margin-bottom: 8px
    }

    .portfolio-new__descr {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .portfolio-new__content {
        height: calc(228px + 152 * (100vw - 390px) / 378)
    }

    .portfolio-new__image {
        height: 100%
    }

    .materials__hero .service-hero__images {
        height: 64px;
        padding: 0 24px
    }

    .type-hero .service-hero__images {
        height: 72px;
        padding-right: 17px
    }

    .type-hero .service-hero__image {
        gap: 10px
    }

    .type-hero .service-hero__image:first-child svg:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 144px;
        flex: 0 0 144px
    }

    .type-hero .service-hero__image:last-child {
        -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
        transform: translateX(30%)
    }

    .type-hero .service-hero__image:last-child svg:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38px;
        flex: 0 0 38px
    }

    .calculator__wrapper .calc-content__type {
        padding: 24px 12px
    }

    .contacts-map__wrapper {
        height: calc(320px + 80 * (100vw - 390px) / 378)
    }

    .delivery-item__icons {
        right: 32px;
        bottom: 32px
    }

    .about-advantages__slide {
        max-width: 297px
    }

    .about-advantages__subtitle {
        font-size: 20px
    }

    .about-advantages__text {
        font-size: 14px
    }

    .team-slide {
        max-width: 297px;
        gap: 12px;
        padding-bottom: 12px
    }

    .team-slide__image {
        height: 390px
    }

    .team-slide__description {
        font-size: 12px;
        padding: 0 12px
    }

    .team-slide__main {
        padding: 0 12px
    }

    .sales-action__title {
        font-size: 28px
    }

    .sales-action__text {
        font-size: 14px
    }
}

@media (max-width:650px) {
    input {
        font-size: 16px !important
    }

    .paragraph {
        font-size: 14px
    }

    .caption {
        font-size: 10px
    }

    .h1 {
        font-size: 32px
    }

    .h2 {
        font-size: 28px
    }

    .h3 {
        font-size: 24px
    }

    .h4 {
        font-size: 18px
    }

    .card__name {
        font-size: 16px
    }

    .button__name {
        font-size: 14px
    }

    .section {
        margin-bottom: 64px
    }

    .section__wrapper {
        gap: 24px
    }

 

    .header__row {
        height: 62px
    }

    .header__logo {
        width: calc(150px + 20 * (100vw - 390px) / 260);
        height: calc(42px + 7 * (100vw - 390px) / 260)
    }

    .header__burger span,
    .header__burger::before,
    .header__burger::after {
        width: 11px
    }

    .header__burger::before {
        top: 35%
    }

    .header__burger::after {
        bottom: 35%
    }

    .header__burger.active::before {
        -webkit-transform: translateX(1%) rotate(45deg) translateY(7px);
        -ms-transform: translateX(1%) rotate(45deg) translateY(7px);
        transform: translateX(1%) rotate(45deg) translateY(7px)
    }

    .header__burger.active::after {
        -webkit-transform: rotate(-45deg) translate(16%, -8px);
        -ms-transform: rotate(-45deg) translate(16%, -8px);
        transform: rotate(-45deg) translate(16%, -8px)
    }

    .header-menu {
        height: calc(100dvh - 62px)
    }

    .header-menu__wrapper {
        padding-top: 24px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 20px
    }

    .header-menu__link {
        font-size: 16px
    }

    .header-menu__social {
        margin-bottom: 48px
    }

    .header-menu__label {
        font-size: 12px
    }

    .footer__down {
        padding-bottom: 12px;
        padding-top: 32px
    }

    .footer__copy {
        padding-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .form__images {
        display: none
    }

    .our-works__footer {
        display: block
    }

    .our-works__footer .our-works__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: unset
    }

    .our-works__btn {
        display: none
    }

    .hero {
        padding-top: 2px;
        margin-bottom: 12px
    }

    .hero__wrapper {
        padding: 16px 12px
    }

    .hero-swiper__pagination {
        left: 12px;
        bottom: 16px;
        text-align: left
    }

    .hero-swiper__pagination .current {
        font-size: 12px
    }

    .hero-swiper__pagination .total {
        font-size: 12px
    }

    .hero-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .hero-slide__content {
        gap: 4px
    }

    .hero-slide__subtitle {
        font-size: 14px
    }

    .home-nav {
        margin-top: 64px
    }

    .home-nav__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .nav-link {
        border-radius: 50px;
        gap: 10px
    }

    .nav-link__icon {
        width: 48px;
        height: 48px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px
    }

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

    .nav-link span {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .nav-link__arrow {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .nav-link__arrow svg {
        width: 16px;
        height: 16px
    }

    .home-price__header {
        gap: 8px
    }

    .home-price__subtitle {
        font-size: 14px
    }

    .home-price__wrapper {
        gap: 24px
    }

    .price-category__header {
        padding: 12px
    }

    .price-category__item {
        padding: 12px
    }

    .price-category__item span {
        font-size: 14px
    }

    .price-form__wrapper {
        padding: 24px 12px;
        gap: 16px
    }

    .price-form__content {
        gap: 16px
    }

    .price-form__inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 12px
    }

    .price-form__input:last-child {
        grid-column: unset
    }

    .price-form__main {
        gap: 12px
    }

    .price-form__footer {
        gap: 12px
    }

    .home-production__wrapper {
        padding-left: 12px
    }

    .home-production__header {
        margin-bottom: 24px
    }

    .production-swiper {
        padding-right: 12px
    }

    .calc-materials__grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .home-materials__header .home-materials__link {
        display: none
    }

    .home-materials__footer {
        display: block
    }

    .home-materials__footer .home-materials__link {
        max-width: unset
    }

    .home-materials__content {
        gap: 24px
    }

    .home-materials__desc {
        gap: 48px
    }

    .home-materials__item {
        width: 112px;
        height: 112px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 112px;
        flex: 0 0 112px
    }

    .home-materials__item.text span:nth-child(1) {
        font-size: 19px
    }

    .home-materials__item.text span:nth-child(2) {
        font-size: 13px
    }

    .home-reviews__link {
        display: none
    }

    .home-reviews__footer {
        display: block
    }

    .home-reviews__footer .home-reviews__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: unset
    }

    .reviews-swiper__btn {
        display: none;
        width: 32px;
        height: 32px
    }

    .home-faq__link {
        display: none
    }

    .home-faq__footer {
        display: block
    }

    .home-faq__footer .home-faq__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: unset
    }

    .home-articles__footer {
        display: block
    }

    .home-articles__footer .home-articles__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home-articles__link {
        max-width: unset;
        display: none
    }

    .home-articles__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
    }

    .home-articles__item_big {
        gap: 20px
    }

    .home-articles__item_big .home-article__image {
        max-height: calc(260px + 100 * (100vw - 390px) / 260)
    }

    .home-articles__item_big .home-article__content {
        padding-left: 12px;
        padding-bottom: 20px;
        padding-right: 16px
    }

    .home-articles__item_big .home-article__name {
        margin-bottom: 16px
    }

    .home-articles__item_medium {
        gap: 20px
    }

    .home-articles__item_medium .home-article__content {
        padding-left: 12px;
        padding-bottom: 20px
    }

    .home-articles__item_medium .home-article__name {
        margin-top: 12px
    }

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

    .home-articles__item_small .home-article__content {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 12px;
        padding-right: 48px
    }

    .home-articles__item_small .home-article__name {
        margin-top: 12px
    }

    .home-article__name {
        -webkit-line-clamp: unset;
        line-clamp: unset
    }

    .running-line__item {
        gap: 6px;
        margin-left: 12px;
        margin-right: 12px
    }

    .running-line__item svg {
        width: 16px;
        height: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
        flex: 0 0 16px
    }

    .running-line__item span {
        font-size: 10px
    }

    .services-hero {
        margin-bottom: 32px
    }

    .services__inner {
        gap: 24px
    }

    .services__link label {
        padding: 4px 12px;
        font-size: 14px
    }

    .services-tab__grid {
        gap: 12px
    }

    .services-card {
        padding: 21px
    }

    .services-card__image {
        max-width: 80%
    }

    .services-card__content {
        max-width: unset
    }

    .services-banner__wrapper {
        height: 396px;
        padding: 32px 12px
    }

    .services-banner__image {
        width: 256px
    }

    .services-banner__content {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .services-banner__title {
        font-size: 32px
    }

    .services-banner__text {
        font-size: 14px;
        max-width: 260px
    }

    .services-process__wrapper {
        gap: 24px
    }

    .services-process__content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 12px
    }

    .services-process__icon {
        height: 40px;
        width: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px
    }

    .services-process__icon svg {
        width: 18px;
        height: 18px
    }

    .services-process__card {
        padding: 12px;
        gap: 12px
    }

    .services-process__header {
        text-align: left
    }

    .services-process__description {
        font-size: 14px
    }

    .service-hero__wrapper {
        height: unset;
        padding-bottom: 40px;
        padding-top: 32px;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        gap: 24px
    }

    .service-hero__images {
        position: relative;
        top: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .service-hero__image.right {
        -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
        transform: translateX(30%)
    }

    .service-hero__image.left {
        -webkit-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
        transform: translateX(-30%)
    }

    .service-hero__subtitle {
        font-size: 14px
    }

    .service-actions {
        margin-top: 12px
    }

    .service-actions__wrapper {
        padding: 40px 12px
    }

    .service-actions__item {
        font-size: 18px
    }

    .service-repair__list {
        gap: 12px
    }

    .service-repair__wrapper {
        gap: 24px
    }

    .service-repair__title {
        font-size: 28px
    }

    .service-repair__info {
        max-width: unset
    }

    .service-repair__item {
        position: relative;
        padding: 12px;
        min-height: 64px
    }

    .service-repair__item.active .service-repair__subtitle {
        margin-bottom: 40px
    }

    .service-repair__item.active .service-repair__image {
        width: 40px;
        height: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px
    }

    .service-repair__subtitle {
        font-size: 18px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        max-width: calc(200px + 330 * (100vw - 320px) / 330)
    }

    .service-repair__image {
        right: 12px;
        top: 12px;
        position: absolute;
        width: 40px;
        height: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px
    }

    .service-materials__header .service-materials__link {
        display: none
    }

    .service-materials__footer {
        display: block
    }

    .service-materials__footer .service-materials__link {
        max-width: unset
    }

    .portfolio-content__products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 40px
    }

    .portfolio-filter__subtitle {
        font-size: 16px
    }

    .portfolio-pagination {
        max-width: 100%;
        -ms-flex-item-align: unset;
        -ms-grid-row-align: unset;
        align-self: unset
    }

    .portfolio-detail__hero .service-hero__image:nth-child(1) {
        -webkit-transform: translateX(-32%);
        -ms-transform: translateX(-32%);
        transform: translateX(-32%)
    }

    .portfolio-detail__hero .service-hero__image:nth-child(2) {
        -webkit-transform: translateX(32%);
        -ms-transform: translateX(32%);
        transform: translateX(32%)
    }

    .portfolio-new__wrapper {
        gap: 24px
    }

    .portfolio-new__title {
        margin: 0
    }

    .portfolio-new__link {
        max-width: unset
    }

    .portfolio-detail__swiper {
        padding-right: 12px
    }

    .materials__hero .service-hero__images {
        padding: 0 30px;
        margin-bottom: 44px
    }

    .materials__hero .service-hero__text {
        max-width: unset
    }

    .materials-content__sections {
        gap: 56px
    }

    .materials-section__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .materials-section__title {
        padding: 0
    }

    .materials-section__btn {
        padding: 8px 0
    }

    .materials-section__list {
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
        row-gap: 16px
    }

    .materials-section__content {
        margin-top: 24px
    }

    .materials-section__description {
        padding-top: 24px;
        gap: 16px
    }

    .materials-section__description p {
        font-size: 14px
    }

    .materials-section__description a {
        font-size: 16px
    }

    .material-hero {
        margin-top: 12px
    }

    .material-hero__main {
        gap: 16px
    }

    .material-hero__link {
        padding: 0 20px;
        height: 40px
    }

    .material-hero__wrapper {
        gap: 20px
    }

    .material-hero__info {
        gap: 12px
    }

    .material-hero__description p {
        font-size: 14px
    }

    .material-hero__description a {
        font-size: 14px
    }

    .material-hero__params li {
        gap: 66px
    }

    .material-hero__params li span {
        font-size: 14px
    }

    .material-slider__swiper {
        height: 296px
    }

    .material-slider__btns {
        padding: 0 12px
    }

    .material-modal__wrapper {
        padding-top: 92px;
        padding-bottom: 12px;
        padding-right: 0;
        padding-left: 0
    }

    .material-modal__btns {
        display: none
    }

    .material-modal__wrapper {
        -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;
        gap: 92px
    }

    .material-modal__swiper {
        padding-left: 12px;
        padding-right: 12px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        min-width: 0;
        height: 404px;
        min-height: 404px;
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .material-modal__swiper .swiper-slide {
        height: 404px
    }

    .material-modal__swiper_thumbs {
        padding-left: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .material-modal__swiper_thumbs .swiper-slide {
        width: 90px;
        height: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
    }

    .type-hero .service-hero__images {
        height: 88px;
        gap: 12px;
        padding: 0
    }

    .type-hero .service-hero__image:first-child svg:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 176px;
        flex: 0 0 176px
    }

    .type-hero .service-hero__image:last-child svg:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38px;
        flex: 0 0 38px
    }

    .type-info__text {
        font-size: 14px
    }

    .calculator__wrapper .calc-content__title {
        font-size: 24px
    }

    .calculator__wrapper .calc-materials__details {
        padding-bottom: 24px
    }

    .calculator__wrapper .calc-materials__grid {
        padding: 0 20px
    }

    .calculator__wrapper .calc-materials__item label {
        padding: 12px
    }

    .calculator__wrapper .calc-materials__span {
        font-size: 16px
    }

    .calculator__wrapper {
        gap: 40px
    }

    .calculator__btn {
        margin-top: 32px
    }

    .calculator-result {
        margin-bottom: 40px
    }

    .calculator-result__wrapper {
        gap: 24px
    }

    .calculator-result__content {
        gap: 24px
    }

    .calculator-result__list {
        max-width: 100%
    }

    .calculator-result__footer {
        max-width: 100%;
        font-size: 28px
    }

    .calculator-result .calc-materials__image {
        width: 80px;
        height: 80px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px
    }

    .calculator-result .calc-type__card {
        height: 188px
    }

    .calculator-result .calc-type__image {
        width: unset;
        height: 80%
    }

    .calculator-form {
        padding: 32px 12px
    }

    .calculator-form__inputs {
        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
    }

    .calculator-form__input:last-child {
        grid-column: unset
    }

    .calculator-form__footer {
        gap: 12px
    }

    .calculator-form__politics {
        font-size: 14px
    }

    .contacts__link {
        font-size: 16px
    }

    .contacts {
        margin-bottom: 0;
        margin-top: 17px
    }

    .contacts__row {
        gap: 64px
    }

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

    .contacts__item {
        padding: 12px;
        gap: 8px
    }

    .contacts-item__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px
    }

    .contacts-item__main p.caption {
        font-size: 12px
    }

    .delivery {
        margin-top: 17px
    }

    .delivery-item {
        height: unset;
        padding: 32px 12px;
        gap: 12px
    }

    .delivery-item__icons {
        margin-top: 44px;
        position: relative;
        right: unset;
        bottom: unset;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .delivery-conditions__content {
        gap: 12px
    }

    .delivery-conditions__card {
        padding: 12px
    }

    .delivery-conditions__descr {
        font-size: 14px
    }

    .delivery-conditions__label {
        padding: 12px;
        font-size: 16px
    }

    .delivery-example {
        padding: 12px;
        gap: 14px
    }

    .delivery-example__text {
        font-size: 14px
    }

    .delivery-rules__desc {
        font-size: 14px
    }

    .delivery-rules__header {
        gap: 12px
    }

    .delivery-rules__content {
        gap: 15px
    }

    .delivery-rules__card {
        padding: 12px;
        font-size: 14px
    }

    .trends {
        margin-top: 10px
    }

    .trends__main {
        max-width: unset;
        margin: unset
    }

    .trends__wrapper {
        padding-bottom: 104px;
        gap: 10px
    }

    .trends__header {
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding-top: 12px;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none;
        order: 3
    }

    .trends__header::-webkit-scrollbar {
        display: none
    }

    .trends__list {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .trends__list::-webkit-scrollbar {
        display: none
    }

    .trends__item {
        width: 90px;
        height: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
    }

    .trends__link {
        gap: 6px
    }

    .trend__wrapper {
        gap: 24px
    }

    .trend__image {
        width: 182px;
        height: 108px
    }

    .trend__image img {
        -o-object-position: bottom;
        object-position: bottom
    }

    .trend__rating {
        margin-bottom: 12px;
        margin-top: 16px
    }

    .trend__description {
        font-size: 14px;
        gap: 10px
    }

    .articles {
        margin-top: 25px
    }

    .articles__pagination {
        margin-top: 40px;
        padding: 0 12px
    }

    .articles__list {
        gap: 6px;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .articles__list::-webkit-scrollbar {
        width: 0
    }

    .articles__list label {
        padding: 4px 10px
    }

    .articles-all__small {
        padding-left: 12px;
        padding-right: 12px
    }

    .articles-all__small .swiper {
        padding-right: 12px
    }

    .articles-all__small .swiper-slide {
        max-width: 90.1639344262%
    }

    .articles-tab__main {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .articles-tab__form {
        margin: 32px 0
    }

    .articles-card__title {
        font-size: 24px
    }

    .articles-card__content {
        padding-left: 12px;
        padding-right: 12px
    }

    .articles-shared__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .articles-shared__list .home-article:last-child {
        grid-column: unset
    }

    .articles-shared__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .article__main .article-fixed__footer {
        margin-top: 16px
    }

    .article {
        margin-top: 17px
    }

    .article__text {
        font-size: 14px
    }

    .article__caption {
        font-size: 12px
    }

    .article__annotation {
        font-size: 12px
    }

    .article-form__image {
        display: none
    }

    .article-form {
        padding: 32px 12px
    }

    .article-form__inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .article-read__footer {
        display: block;
        margin-top: 24px
    }

    .article-read__footer .article-read__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: unset;
        padding: 0
    }

    .article-read__link {
        display: none
    }

    .article-read__header {
        margin-bottom: 24px
    }

    .article-read__wrapper {
        padding-left: 12px
    }

    .article-feedback__wrapper {
        padding: 32px 12px
    }

    .about-alternate {
        margin-top: 12px
    }

    .about-alternate__title {
        font-size: 28px
    }

    .about-advantages__content {
        padding-left: 12px
    }

    .about-advantages__header {
        margin-bottom: 24px
    }

    .about-advantages__title {
        font-size: 28px
    }

    .about-info__list label {
        padding: 4px 10px
    }

    .about-tab__text {
        margin-top: 24px
    }

    .status {
        margin-top: 17px
    }

    .status__wrapper {
        gap: 54px
    }

    .status-form {
        gap: 32px
    }

    .status-form__wrapper {
        padding: 32px 0
    }

    .status-form__header {
        padding-left: 12px
    }

    .status-form__main {
        padding: 0 12px
    }

    .reviews-page__pagination {
        margin-top: 40px;
        margin-bottom: 64px
    }

    .reviews-page {
        margin-top: 25px
    }

    .reviews-page__subtitle {
        font-size: 24px
    }

    .reviews-slider__header .about-advantages__btns {
        display: none
    }

    .reviews-slider__wrapper {
        padding-left: 12px
    }

    .review {
        padding: 12px
    }

    .review__name {
        font-size: 24px
    }

    .sales-page {
        margin-top: 25px
    }

    .sales-page__wrapper {
        gap: 24px
    }

    .sales-page__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .sales-page__item {
        min-height: 324px
    }

    .sales-page__text {
        padding-right: 24px
    }

    .tranks__descr {
        font-size: 14px
    }

    .tranks__image {
        height: 80px
    }

    .tranks__link {
        font-size: 16px
    }

    .main {
        padding-top: 70px;
    }

    .container {
        padding: 0 12px;
        width: 100%;
    }

    .form-modal__content {
        left: 12px;
        right: 12px;
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 12px;
        padding-right: 12px
    }

    .form-modal__close {
        right: 12px;
        top: 12px
    }

    .form-modal__title {
        font-size: 28px;
        line-height: 115%
    }

    .form-modal__inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .form-modal__input:nth-child(3) {
        grid-column: unset
    }
}

@media (max-width:600px) {
    .contacts-form__images {
        display: none
    }
}

@media (max-width:568px) {
    .marquee__group a {
        font-size: 14px;
        padding: 4px 15px;
        border-radius: 13px
    }
}

@media (max-width:550px) {

    .header__burger span,
    .header__burger::before,
    .header__burger::after {
        height: 1px
    }

    .header__burger.active::after {
        -webkit-transform: rotate(-45deg) translate(20%, -9px);
        -ms-transform: rotate(-45deg) translate(20%, -9px);
        transform: rotate(-45deg) translate(20%, -9px)
    }

    .form__wrapper {
        padding: 32px 12px
    }

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

    .home-feature {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        padding: 12px
    }

    .home-feature__icon {
        width: 48px;
        height: 48px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px
    }

    .home-feature__icon svg {
        width: 100%
    }

    .home-calc__subtitle {
        padding: 4px 12px
    }

    .home-calc__card {
        padding: 24px 12px;
        gap: 24px
    }

    .home-calc__navigation {
        gap: 12px
    }

    .home-calc__btn {
        max-width: unset
    }

    .calc-type__main {
        width: 100%;
        gap: 8px
    }

    .calc-type__card {
        width: unset;
        height: calc(104px + 16 * (100vw - 390px) / 160)
    }

    .calc-type__title {
        font-size: calc(12px + 2 * (100vw - 320px) / 70);
        bottom: 12px
    }

    .calc-type__image {
        width: calc(80px + 40 * (100vw - 320px) / 230)
    }

    .calc-materials__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }

    .calc-materials__item:nth-child(9) {
        grid-column: unset
    }

    .calc-materials__item:nth-child(10) {
        -ms-grid-column: 2;
        grid-column: 2
    }


    .services-hero__wrapper {
        background-size: auto
    }

    .service-hero__wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .service-hero__text {
        text-align: left;
        padding: 0 12px;
        max-width: unset;
        gap: 8px
    }

    .service-hero__title {
        max-width: unset;
        width: 100%;
        text-align: left
    }

    .service-hero__subtitle {
        max-width: unset
    }

    .service-hero__btns {
        width: 100%;
        padding: 0 12px
    }

    .service-hero__link {
        max-width: unset;
        height: 48px;
        font-size: 14px;
        padding: 0 12px
    }

    .materials__hero .service-hero__text {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .material-form .form__title span {
        white-space: unset
    }

    .material-form .form__main p {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: unset;
        -webkit-box-orient: vertical;
        line-clamp: unset;
        box-orient: vertical
    }

    .type-hero .service-hero__wrapper {
        padding-top: 72px
    }

    .type-hero .service-hero__images {
        margin-bottom: 70px
    }

    .type-hero .service-hero__image:first-child {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .type-hero .service-hero__image:last-child {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        padding-right: 13px
    }

    .type-hero .service-hero__image:last-child svg:first-child {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .type-hero .service-hero__image:last-child svg:last-child {
        display: none
    }

    .type-hero .service-hero__text {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .type-hero .service-hero__title {
        text-align: left
    }

    .contacts-form {
        padding: 12px
    }

    .contacts-form__title {
        font-size: calc(22px + 2 * (100vw - 390px) / 160)
    }

    .hero-swiper__pagination {
        margin-bottom: 80px
    }

    .hero-swiper__pagination .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important
    }

    .hero-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important
    }
}

@media (max-width:450px) {
    .header__burger {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .header__burger::before {
        top: 11px
    }

    .header__burger::after {
        bottom: 11px
    }

    .header__burger span {
        height: 1px;
        width: 11px
    }

    .header__burger::before,
    .header__burger::after {
        height: 1px;
        width: 11px
    }

    .header-action__icon {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .header-action__icon svg {
        height: 13px;
        width: 13px
    }

    .header__burger.active::before {
        -webkit-transform: rotate(45deg) translate(-21%, 3px);
        -ms-transform: rotate(45deg) translate(-21%, 3px);
        transform: rotate(45deg) translate(-21%, 3px);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .header__burger.active::after {
        -webkit-transform: rotate(-45deg) translate(-18%, -3px);
        -ms-transform: rotate(-45deg) translate(-18%, -3px);
        transform: rotate(-45deg) translate(-18%, -3px);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .footer__logo {
        margin-bottom: 8px
    }

    .footer__order {
        display: none
    }

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

    .footer__media_phone svg {
        width: 20px;
        height: 20px
    }

    .footer__grid {
        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-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-row-gap: unset;
        gap: 24px
    }

    .footer__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        padding-top: 13px;
        padding-bottom: 0
    }

    .footer__subtitle {
        padding-top: 20px;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__subtitle.active svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .footer__subtitle svg {
        display: block;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .footer__item {
        position: relative
    }

    .footer__item:last-child::after {
        display: none
    }

    .footer__item::after {
        content: "";
        display: block;
        width: 100vw;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: -12px;
        background-color: rgb(0 0 0 / .15)
    }

    .footer__items {
        padding-top: 0;
        padding-bottom: 20px;
        gap: 4px
    }

    .footer__items_address {
        gap: 12px
    }

    .work-item__wrapper>svg {
        width: 100%;
        height: 100%
    }

    .nav-link {
        gap: 0
    }

    .nav-link__icon {
        margin-right: 10px
    }

    .nav-link span {
        font-size: calc(18px + 6 * (100vw - 320px) / 130)
    }

    .price-form__title span {
        white-space: unset
    }

    .calc-materials__list label {
        text-align: center;
        width: 100%
    }

    .calc-materials__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62px;
        flex: 0 0 62px;
        height: 62px;
        width: 62px
    }

    .calc-materials__item label {
        padding: 12px
    }

    .faq-item__link {
        max-width: unset
    }

    .service-hero__images {
        height: 164px
    }

    .service-hero__image {
        width: 170px
    }

    .service-hero__image.left {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        display: flex;
        justify-content: flex-start
    }

    .service-hero__image.right {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        justify-content: flex-end;
        display: flex
    }

    .service-hero__image img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom;
        object-position: bottom
    }

    .portfolio-filter__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px 12px
    }

    .portfolio-filter__close {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .portfolio-filter__close svg {
        width: 12px;
        height: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px
    }

    .materials-content__filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .materials-filter__title {
        font-size: 18px
    }

    .materials-filter__main {
        height: calc(100% - 65px - 176px)
    }

    .materials-filter__close {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .materials-filter__close svg {
        width: 12px;
        height: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px
    }

    .materials-filter__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

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

    .type-hero .service-hero__image {
        width: unset
    }

    .calculator__wrapper .calc-materials__grid {
        width: 100%
    }

    .calculator__wrapper .calc-materials__item label {
        padding: 12px 3px
    }

    .calculator__wrapper .calc-materials__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62px;
        flex: 0 0 62px;
        width: 62px;
        height: 62px
    }

    .calculator__btn {
        max-width: 100%
    }

    .article__image {
        height: 248px
    }

    .article__main .article__captions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article__caption {
        white-space: nowrap
    }

    .about-hero .service-hero__images {
        height: 88px;
        margin-bottom: 60px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    .about-hero .service-hero__image:nth-child(2) {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .about-hero .service-hero__image:first-child svg:last-child {
        display: none
    }

    .about-hero .service-hero__image {
        width: unset
    }

    .status__steps {
        gap: 24px
    }

    .status__content {
        gap: 12px
    }

    .status-step::before {
        left: -18px
    }
}

@media (max-width:390px) {
    .header__logo {
        width: calc(116px + 34 * (100vw - 320px) / 70);
        height: unset
    }

    .form__title span {
        white-space: wrap
    }

    .home-calc__subtitle {
        font-size: calc(11px + 3 * (100vw - 320px) / 70)
    }

    .calc-type__card {
        height: 104px
    }

    .calc-type__title {
        font-size: calc(12px + 2 * (100vw - 320px) / 70)
    }

    .home-materials__item {
        width: calc(90px + 22 * (100vw - 320px) / 70);
        height: calc(90px + 22 * (100vw - 320px) / 70);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(90px + 22 * (100vw - 320px) / 70);
        flex: 0 0 calc(90px + 22 * (100vw - 320px) / 70)
    }

    .services-hero__wrapper {
        min-height: 380px
    }

    .service-hero__image.left {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    .service-hero__image.right {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    .portfolio-new__content {
        height: 228px
    }

    .type-hero .service-hero__image svg {
        width: unset
    }

    .contacts-item__main .h4 {
        font-size: calc(12px + 6 * (100vw - 320px) / 70)
    }

    .contacts-form__title {
        font-size: calc(17px + 5 * (100vw - 320px) / 70)
    }

    .contacts-map__wrapper {
        height: 320px
    }

    .about-tab__link {
        max-width: unset;
        padding: unset
    }
}

@media (max-width:375px) {
    .production-swiper__btn {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

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

    .calc-materials__item:nth-child(10) {
        grid-column: unset
    }

    .portfolio-swiper__btn {
        width: 32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px
    }

    .type-hero .service-hero__image:last-child svg {
        display: none
    }
}

@media (max-width:350px) {
    .production-swiper__slide {
        width: 100%
    }

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

    .portfolio-swiper__slide {
        width: 100%
    }

    .about-info__list {
        height: 30px;
        overflow-x: auto;
        overflow-y: visible;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .about-info__list::-webkit-scrollbar {
        height: 0
    }

    .reviews-slider__slide {
        max-width: 100%
    }
}


.materials-content__section:not(:has(.materials-section__content)) {
    display: none
}

.price-page .home-price {
    margin-top: 32px
}

.price-page .home-price__wrapper {
    gap: 32px
}

.price-page .home-price__title {
    font-size: 48px
}

.price-page .home-price__main {
    grid-template-columns: 1fr
}

.price-page .home-price__content {
    gap: 40px
}

.price-page .price-category__title {
    font-size: 32px
}

.price-page .price-category__item span:last-child {
    font-weight: 500
}

@media(max-width:992px) {
    .price-page .price-category__title {
        font-size: 24px
    }

    .form-modal.open .form-modal__content {
        -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }

    .form-modal__content {
        width: unset;
        left: 40px;
        right: 40px
    }
}

@media(max-width:650px) {
    .price-page .home-price__content {
        gap: 24px
    }

    .price-page .home-price {
        margin-top: 2px
    }

    .price-page .home-price__title {
        font-size: 32px
    }

    .price-page .price-category__title {
        font-size: 18px
    }

    .price-page .home-price__wrapper {
        gap: 24px
    }

    .services-banner__image img {
        max-width: 90%
    }
}

.price-page .form__wrapper {
    background-color: #F7F2DC
}

.price-page .form__images {
    left: -50px
}

@media(max-width:992px) {
    .price-page .form__images {
        gap: 22px;
        left: unset;
        right: -28px
    }
}

.price-page .form__row {
    gap: 100px;
    justify-content: space-between
}

@media(max-width:1440px) {
    .price-page .form__title {
        font-size: calc(28px + 12 * ((100vw - 992px) / (1200 - 992)))
    }
}

@media(max-width:1200px) {
    .price-page .form__row {
        gap: calc(30px + 70 * (100vw - 992px) / 208)
    }
}

@media(max-width:992px) {
    .price-page .form__title {
        font-size: 40px
    }

    .price-page .form__row {
        gap: 24px
    }
}

@media(max-width:650px) {
    .price-page .form__title {
        font-size: 28px
    }

    .price-page .form__row {
        gap: 16px
    }
}

.text-more {
    position: relative
}

.text-more.active {
    max-height: 100%
}

.text-more:after {
    display: block;
    background: linear-gradient(360deg, white, #fff0);
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    opacity: 1
}

.text-more.active:after {
    opacity: 0;
    pointer-events: none
}

.read-more {
    color: #282828;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: fit-content;
    cursor: pointer;
    margin: 20px auto 0
}

.read-more .read-more__link {
    padding-right: 30px;
    margin-right: -30px
}

.read-more .read-more__link[data-clicked=true]~svg {
    transform: rotate(180deg)
}

.read-more-1.hide {
    display: none
}

.read-more-2 {
    display: none
}

.read-more-2.active {
    display: flex
}

.read-more-svg {
    transition: .3s ease
}

.read-more-svg.active {
    transform: rotate(180deg)
}

.read-more svg {
    margin-left: 10px;
    margin-top: -2px;
    pointer-events: none
}

.sofa-animate__wrapper {
    position: relative
}

.video {
    height: 100vh;
    padding: 0
}

canvas {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.work-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (max-width:568px) {
    .work-item {
        max-width: 100%
    }
}

.work-item .work-item__name {
    text-align: left;
    width: 100%
}

.work-item__wrapper {
    display: grid;
    place-content: center;
    position: relative;
    overflow: hidden;
    --position: 50%;
    width: 100%
}

.image-container {
    max-width: 800px;
    max-height: 90vh;
    background: #f2f2f2;
    width: 100%;
    height: 100%
}

.image-compare {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%
}

.image-compare,
.image-compare *,
.image-compare *:before,
.image-compare *:after {
    box-sizing: border-box
}

.image-compare img {
    display: block;
    width: 100%
}

.image-compare figure {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.image-compare figure.image-compare-before img {
    margin: 0 0 0 auto
}

.image-compare figure.image-compare-after,
.image-compare figure.image-compare-after img {
    bottom: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    width: 100%
}

.image-compare figure.image-compare-after.image-compare-after,
.image-compare figure.image-compare-after img.image-compare-after {
    transform: translateX(100%);
    background-color: #f2f2f2;
    mask-image: url(../images/mask-png.png);
    -webkit-mask-image: url(../images/mask-png.png);
    mask-position: top left;
    -webkit-mask-position: top left;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    left: -6%
}
.image-compare figure.image-compare-after.image-compare-after img,
.image-compare figure.image-compare-after img.image-compare-after img {
    transform: translateX(-100%);
    left: 6%
}

.image-compare .image-compare-handle {
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(50%);
    transform-origin: 0 0;
    transition: opacity 300ms;
    width: 200%
}

.image-compare .image-compare-handle:before {
    background-color: #D7D7D7;
    bottom: 0;
    content: "";
    cursor: pointer;
    display: block;
    left: 55%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) scaleY(1);
    transform-origin: center;
    transition: transform 300ms;
    width: 10.25em;
    mask-image: url(../images/mask-line-png.png);
    -webkit-mask-image: url(../images/mask-line-png.png);
    mask-position: top;
    -webkit-mask-position: top;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain
}

@media (max-width:568px) {
    .image-compare .image-compare-handle:before {}
}

.image-compare .image-compare-handle:after {
    background-color: #fff;
    border: .25em solid #fff;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    display: block;
    height: 48px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    transform-origin: center;
    transition: opacity 300ms, transform 300ms;
    width: 49px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 1L1 7L7 13' stroke='black' stroke-opacity='0.85' stroke-width='1.03464'/%3e%3cpath d='M21 1L27 7L21 13' stroke='black' stroke-opacity='0.85' stroke-width='1.03464'/%3e%3c/svg%3e")
}

.image-compare .image-compare-handle.active:before {
    transform: translateX(-50%) scaleY(1)
}

.image-compare .image-compare-handle.active:after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1)
}

.sofa-3d {
    display: none
}

@media (max-width:568px) {
    .sofa-3d {
        margin: 64px 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .sofa-3d img {
        width: 100%
    }
}

section.video {
    display: flex
}

section.video canvas {
    max-width: 1440px;
    margin: auto
}

@media (max-width:568px) {
    section.video {
        display: none
    }
}

.preloader {
    width: 48px;
    height: 48px;
    display: block;
    margin: 15px auto;
    position: relative;
    color: #f3faff;
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

.preloader::after,
.preloader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    transform: scale(.5) translate(0, 0);
    background-color: #f3faff;
    border-radius: 50%;
    animation: animloader 1s infinite ease-in-out
}

.preloader::before {
    background-color: #aed4e1;
    transform: scale(.5) translate(-48px, -48px)
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes animloader {
    50% {
        transform: scale(1) translate(-50%, -50%)
    }
}

.slider-full {
    overflow: hidden;
    max-height: 615px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width:1260px) {
    .slider-full {
        aspect-ratio: 464 / 205
    }
}

@media (max-width:560px) {
    .slider-full {
        aspect-ratio: 390 / 544
    }
}

.image-full {
    width: 100%;
    object-fit: contain
}

.video-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

.hero-swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 5px;
    z-index: 20;
    margin-top: -25px;
    cursor: pointer;
    animation: hero-btn-prev 2s ease 0s infinite normal forwards
}

.hero-swiper-button-next {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 20;
    margin-top: -25px;
    cursor: pointer;
    animation: hero-btn-next 2s ease 0s infinite normal forwards
}

.hero-swiper-button-next path,
.hero-swiper-button-prev path {
    transition: all .3s ease
}

.hero-swiper-button-next:hover path,
.hero-swiper-button-prev:hover path {
    stroke: #D1E8CB
}

@keyframes hero-btn-prev {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hero-btn-next {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

#home-calc-next-btn.error {
    animation: calc-next-btn-error 0.4s ease 0s infinite normal forwards
}

@keyframes calc-next-btn-error {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

.about-banner {
    margin-top: 10px
}

.about-banner img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.image-full-mobile {
    display: none
}

.video-full-mobile {
    display: none;
    border-radius: 8px
}

.home-production.section {
    margin-bottom: 60px
}

@media screen and (max-width:560px) {
    .image-full {
        display: none
    }

    .home-production.section {
        margin-bottom: 60px
    }

    .image-full-mobile {
        display: block;
        width: 100%
    }


    .video-full-mobile {
        display: block;
        width: 100%
    }

    .pd-hero__text {
        padding: 0 12px
    }
}

.calculator-block-error {
    outline: 1px solid #FB6868
}

.calculator-block-error-home {
    border: 1px solid #FB6868
}

.article-fixed__footer .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    width: 40px;
    height: 40px
}

.article-fixed__footer .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
    background-size: 40px
}

.article-fixed__footer .ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__badge,
.ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__mobile-popup-badge {
    background-color: #f6f5f3
}

.article-fixed__footer .ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIuNzIgNi4xODhDMjIuODg3IDUuNjU4IDIyLjcyIDUuMjc0IDIxLjk4MiA1LjI3NEgxOS41MjdDMTguOTA4IDUuMjc0IDE4LjYyMiA1LjYxMSAxOC40NTUgNS45NzFDMTguNDU1IDUuOTcxIDE3LjE5MiA5LjA0NiAxNS40MjkgMTEuMDRDMTQuODU3IDExLjYxNiAxNC41OTUgMTEuODA4IDE0LjI4NSAxMS44MDhDMTQuMTE4IDExLjgwOCAxMy45MDQgMTEuNjE2IDEzLjkwNCAxMS4wODhWNi4xNjNDMTMuOTA0IDUuNTM4IDEzLjcxNCA1LjI1IDEzLjE4OSA1LjI1SDkuMzI5QzguOTQ3IDUuMjUgOC43MDkgNS41MzggOC43MDkgNS44MjdDOC43MDkgNi40MjcgOS41OSA2LjU3MSA5LjY4NSA4LjI1M1YxMS45MDZDOS42ODUgMTIuNjk5IDkuNTQ1IDEyLjg0NCA5LjIzMiAxMi44NDRDOC4zOTkgMTIuODQ0IDYuMzczIDkuNzQ0IDUuMTU4IDYuMjE0QzQuOTIyIDUuNTE0IDQuNjgyIDUuMjUgNC4wNjIgNS4yNUgxLjU4NEMwLjg2OSA1LjI1IDAuNzUgNS41ODYgMC43NSA1Ljk0N0MwLjc1IDYuNTk1IDEuNTg0IDkuODYyIDQuNjM0IDE0LjE4NkM2LjY2IDE3LjEzOSA5LjU0MyAxOC43MjYgMTIuMTQgMTguNzI2QzEzLjcxMyAxOC43MjYgMTMuOTA0IDE4LjM2NiAxMy45MDQgMTcuNzY2VjE1LjUzQzEzLjkwNCAxNC44MSAxNC4wNDcgMTQuNjkgMTQuNTQ3IDE0LjY5QzE0LjkwNCAxNC42OSAxNS41NDggMTQuODgxIDE3LjAwMiAxNi4yOTlDMTguNjY5IDE3Ljk4IDE4Ljk1NSAxOC43NDkgMTkuODg1IDE4Ljc0OUgyMi4zMzlDMjMuMDU0IDE4Ljc0OSAyMy4zODggMTguMzg5IDIzLjE5NyAxNy42OTJDMjIuOTgzIDE2Ljk5NSAyMi4xNzIgMTUuOTg3IDIxLjEyNCAxNC43ODZDMjAuNTUyIDE0LjExMyAxOS42OTQgMTMuMzY5IDE5LjQzMiAxMy4wMDhDMTkuMDc1IDEyLjUyOCAxOS4xNyAxMi4zMzYgMTkuNDMyIDExLjkwM0MxOS40MDggMTEuOTAzIDIyLjQxMSA3LjYyNyAyMi43MiA2LjE4NSIgZmlsbD0iIzg0ODM4MiI+PC9wYXRoPgo8L3N2Zz4=);
    background-size: 24px !important;
    background-repeat: no-repeat;
    margin: 0
}

.article-fixed__footer .ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0yMC42NjQ2IDMuNzIwMDlMMi45MzQ2MSAxMC41NTcxQzEuNzI0NjEgMTEuMDQzMSAxLjczMTYxIDExLjcxNzEgMi43MTI2MSAxMi4wMTkxTDcuMjY0NjEgMTMuNDM5MUwxNy43OTY2IDYuNzk0MDlDMTguMjk0NiA2LjQ5MTA5IDE4Ljc0OTYgNi42NTQwOSAxOC4zNzU2IDYuOTg2MDlMOS44NDI2MSAxNC42ODYxSDkuODM5NjFMOS44NDE2MSAxNC42ODgxTDkuNTI3NjEgMTkuMzgwMUM5Ljk4NzYxIDE5LjM4MDEgMTAuMTkwNiAxOS4xNjkxIDEwLjQ0NzYgMTguOTIwMUwxMi42NTk2IDE2Ljc3MDFMMTcuMjU4NiAyMC4xNjcxQzE4LjEwNjYgMjAuNjM0MSAxOC43MTU2IDIwLjM5NDEgMTguOTI2NiAxOS4zODIxTDIxLjk0NTYgNS4xNTQwOUMyMi4yNTQ2IDMuOTE0MDkgMjEuNDcyNiAzLjM1NDA5IDIwLjY2MzYgMy43MjAwOUgyMC42NjQ2WiIgZmlsbD0iIzg0ODM4MiI+PC9wYXRoPgo8L3N2Zz4=);
    background-size: 24px !important;
    background-repeat: no-repeat;
    margin: 0
}

.article-fixed__footer .ya-share2__item_service_whatsapp .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0yLjAwNDAxIDIyTDMuMzU2MDEgMTcuMDMyQzIuNDY1MTUgMTUuNTA0OSAxLjk5NzExIDEzLjc2OCAyLjAwMDAxIDEyQzIuMDAwMDEgNi40NzcgNi40NzcwMSAyIDEyIDJDMTcuNTIzIDIgMjIgNi40NzcgMjIgMTJDMjIgMTcuNTIzIDE3LjUyMyAyMiAxMiAyMkMxMC4yMzI4IDIyLjAwMjkgOC40OTY2NSAyMS41MzUyIDYuOTcwMDEgMjAuNjQ1TDIuMDA0MDEgMjJaTTguMzkxMDEgNy4zMDhDOC4yNjE4OCA3LjMxNjAyIDguMTM1NjkgNy4zNTAwMyA4LjAyMDAxIDcuNDA4QzcuOTExNTMgNy40Njk0MyA3LjgxMjUxIDcuNTQ2MjIgNy43MjYwMSA3LjYzNkM3LjYwNjAxIDcuNzQ5IDcuNTM4MDEgNy44NDcgNy40NjUwMSA3Ljk0MkM3LjA5NTQyIDguNDIzIDYuODk2NjIgOS4wMTM0MiA2LjkwMDAxIDkuNjJDNi45MDIwMSAxMC4xMSA3LjAzMDAxIDEwLjU4NyA3LjIzMDAxIDExLjAzM0M3LjYzOTAxIDExLjkzNSA4LjMxMjAxIDEyLjg5IDkuMjAxMDEgMTMuNzc1QzkuNDE1MDEgMTMuOTg4IDkuNjI0MDEgMTQuMjAyIDkuODQ5MDEgMTQuNDAxQzEwLjk1MjQgMTUuMzcyNSAxMi4yNjczIDE2LjA3MyAxMy42ODkgMTYuNDQ3TDE0LjI1OCAxNi41MzRDMTQuNDQzIDE2LjU0NCAxNC42MjggMTYuNTMgMTQuODE0IDE2LjUyMUMxNS4xMDUzIDE2LjUwNiAxNS4zODk2IDE2LjQyNzEgMTUuNjQ3IDE2LjI5QzE1Ljc3OCAxNi4yMjI1IDE1LjkwNTggMTYuMTQ5MSAxNi4wMyAxNi4wN0MxNi4wMyAxNi4wNyAxNi4wNzMgMTYuMDQyIDE2LjE1NSAxNS45OEMxNi4yOSAxNS44OCAxNi4zNzMgMTUuODA5IDE2LjQ4NSAxNS42OTJDMTYuNTY4IDE1LjYwNiAxNi42NCAxNS41MDUgMTYuNjk1IDE1LjM5QzE2Ljc3MyAxNS4yMjcgMTYuODUxIDE0LjkxNiAxNi44ODMgMTQuNjU3QzE2LjkwNyAxNC40NTkgMTYuOSAxNC4zNTEgMTYuODk3IDE0LjI4NEMxNi44OTMgMTQuMTc3IDE2LjgwNCAxNC4wNjYgMTYuNzA3IDE0LjAxOUwxNi4xMjUgMTMuNzU4QzE2LjEyNSAxMy43NTggMTUuMjU1IDEzLjM3OSAxNC43MjQgMTMuMTM3QzE0LjY2OCAxMy4xMTI2IDE0LjYwOCAxMy4wOTg3IDE0LjU0NyAxMy4wOTZDMTQuNDc4NiAxMy4wODkgMTQuNDA5NSAxMy4wOTY3IDE0LjM0NDMgMTMuMTE4NkMxNC4yNzkxIDEzLjE0MDUgMTQuMjE5MyAxMy4xNzYxIDE0LjE2OSAxMy4yMjNWMTMuMjIxQzE0LjE2NCAxMy4yMjEgMTQuMDk3IDEzLjI3OCAxMy4zNzQgMTQuMTU0QzEzLjMzMjUgMTQuMjA5OCAxMy4yNzU0IDE0LjI1MTkgMTMuMjA5OCAxNC4yNzUxQzEzLjE0NDMgMTQuMjk4MiAxMy4wNzMzIDE0LjMwMTMgMTMuMDA2IDE0LjI4NEMxMi45NDA5IDE0LjI2NjYgMTIuODc3IDE0LjI0NDUgMTIuODE1IDE0LjIxOEMxMi42OTEgMTQuMTY2IDEyLjY0OCAxNC4xNDYgMTIuNTYzIDE0LjEwOUwxMi41NTggMTQuMTA3QzExLjk4NTkgMTMuODU3MiAxMS40NTYyIDEzLjUxOTggMTAuOTg4IDEzLjEwN0MxMC44NjIgMTIuOTk3IDEwLjc0NSAxMi44NzcgMTAuNjI1IDEyLjc2MUMxMC4yMzE2IDEyLjM4NDIgOS44ODg3NSAxMS45NTggOS42MDUwMSAxMS40OTNMOS41NDYwMSAxMS4zOThDOS41MDM2NCAxMS4zMzQyIDkuNDY5MzcgMTEuMjY1MyA5LjQ0NDAxIDExLjE5M0M5LjQwNjAxIDExLjA0NiA5LjUwNTAxIDEwLjkyOCA5LjUwNTAxIDEwLjkyOEM5LjUwNTAxIDEwLjkyOCA5Ljc0ODAxIDEwLjY2MiA5Ljg2MTAxIDEwLjUxOEM5Ljk1NTEgMTAuMzk4MyAxMC4wNDI5IDEwLjI3MzggMTAuMTI0IDEwLjE0NUMxMC4yNDIgOS45NTUgMTAuMjc5IDkuNzYgMTAuMjE3IDkuNjA5QzkuOTM3MDEgOC45MjUgOS42NDcwMSA4LjI0NCA5LjM0OTAxIDcuNTY4QzkuMjkwMDEgNy40MzQgOS4xMTUwMSA3LjMzOCA4Ljk1NjAxIDcuMzE5QzguOTAyMTIgNy4zMTI2OCA4Ljg0ODExIDcuMzA3MzQgOC43OTQwMSA3LjMwM0M4LjY1OTcyIDcuMjk2MzMgOC41MjUxNSA3LjI5ODY2IDguMzkxMDEgNy4zMDhaIiBmaWxsPSIjODQ4MzgyIj48L3BhdGg+Cjwvc3ZnPg==);
    background-size: 24px !important;
    background-repeat: no-repeat;
    margin: 0
}

.ya-share2__list.ya-share2__list_direction_horizontal {
    display: flex;
    gap: 12px
}

.subscribe-success {
    font-size: 12px;
    line-height: 130%
}

.subscribe-error {
    font-size: 12px;
    line-height: 130%
}

.hidden {
    display: none !important
}

.trust-modal .material-modal__wrapper {
    display: flex;
    gap: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.file-modal-content {
    width: 100%;
    height: 100%
}

.file-modal-content img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.document-page {
    margin-top: 40px;
    margin-bottom: 130px
}

.document-page__wrapper {
    max-width: 688px;
    margin: 0 auto
}

.document-page__title {
    margin-bottom: 32px
}

.document-page__text {
    font-size: 16px;
    line-height: calc(22 / 16);
    color: #000000a6;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.document-page__text+.document-page__text {
    margin-top: 40px
}

.document-page__section {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.document-page__subtitle {
    font-size: 24px;
    line-height: calc(26 / 24);
    color: #423c39a6
}

.document-page__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 16px;
    line-height: calc(22 / 16);
    color: #000000a6
}

.document-page__wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 16px;
    line-height: calc(22 / 16);
    color: #000000a6
}

.document-page__wrapper a {
    color: rgb(0 0 0 / .85)
}

.document-page__wrapper h2 {
    font-size: 24px;
    line-height: calc(26 / 24);
    color: #423c39a6
}

@media (max-width:992px) {
    .document-page {
        margin-top: 32px;
        margin-bottom: 65px
    }

    .document-page__wrapper {
        max-width: unset
    }
}

#preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center
}

#preloader #preloader-img {
    width: 20%
}

@media (max-width:768px) {
    #preloader #preloader-img {
        width: 50%
    }
}

.services-hero__title.h1,
portfolio-hero__title.h1 {
    font-size: 54px
}

input.invalid {
    outline: 1px solid red
}

.social-fixed-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    bottom: 110px;
    right: 10px;
    z-index: 999
}

.social-fixed-btns a {
    transition: all .3s ease;
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
}
.social-fixed-btns a.wa{
    background-color: #55cd6c;
}
.social-fixed-btns a.tg{
    background-color: #039be5;
}
.social-fixed-btns a:hover {
    transform: scale(1.03)
}

@media (max-width:560px) {
    .social-fixed-btns {
        bottom: 120px
    }
}

.detail-portfolio-big-photo {
    margin-bottom: 60px
}

.detail-portfolio-big-photo img {
    width: 100%;
    border-radius: 8px
}

.h4.address_contacts {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.footer-address_block {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.footer-address_block__heading {
    margin-bottom: 5px;
    opacity: .7
}

.portfolio-main-image img {
    max-width: 688px
}

.marquiz-widget {
    position: relative;
    z-index: 99
}

.txts {
    padding-bottom: 10px;
    text-indent: 20px;
    font-size: 16px;
    text-align: left;
    font-family: "proximanova_regular", sans-serif;
    color: rgb(0 0 0 / .65);
    line-height: 140%
}

.req-block {
    margin: 30px 0
}

.req-block p {
    color: rgb(0 0 0 / .85);
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 16px
}

.garant-text {
    margin-top: 30px;
    margin-bottom: 80px
}

.delivery-pay p,
.delivery-pay li,
.garant-text p,
.garant-text li {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 15px
}

.delivery-pay h2 {
    margin-bottom: 15px
}

.delivery-pay ul,
.garant-text ul {
    padding-left: 20px
}

.delivery-pay li,
.garant-text li {
    list-style: disc
}

.delivery-pay {
    margin-bottom: 50px
}

.delivery-pay+.req-block {
    margin-bottom: 100px
}

.delivery-pay+.req-block p {
    color: rgb(0 0 0 / .65);
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 15px
}

.m-rait {
    display: none;
}

.price-page .form__wrapper.greenform,
.form__wrapper.greenform {
    background: #D1E8CB;
}

.reviews-flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.reviews-flex .reviews-slide {
    margin-bottom: 30px;
    margin-right: 10px;
}

@media(max-width:767px) {
    .m-rait {
        display: block;
    }

    .d-rait {
        display: none;
    }
}

.article__text a,
.article__subtitle a {
    transition: all 0.3s ease-in-out;
}

.article__text a:hover,
.article__text a:focus,
.article__subtitle a:hover,
.article__subtitle a:focus {
    opacity: 0.7;
}

#scroll_top {
    display: none;
    position: fixed;
    bottom: 140px;
    right: 100px;
    width: 50px;
    height: 50px;
    z-index: 1000;
    background: #0d34ba;
    background-size: cover;
    border-radius: 50%;
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.hometop_container {
    background-color: #ecfafd;
    padding: 40px 0;
    overflow: hidden;
    margin-bottom: 40px;
}
.block {
    box-sizing: border-box;
    position: relative;
}
.hometop_container .hometop_item {
    height: 427px;
    width: 100%;
    position: relative;
    padding: 0 30px;
    background: #b6e6f1;
    border-radius: 20px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-flow: row wrap;
    box-sizing: border-box;
    flex-direction: row;
}
.w-50{
    width: 50%;
}

.back_img{
    text-align: center;
}
.back_img img{
    max-width: 80%;
    border-radius: 20px;
}
.hometop_container .hometop_title {
    margin: 0 0 26px;
    text-align: left;
    font-size: 48px;
    line-height: 121%;
    width: 100%;
}
.hometop_container .hometop_title strong {
    color: #C8A587;
}
.hometop_advantages {
    margin-bottom: 30px;
}
.text-big {
    font-size: 20px;
    line-height: 150%;
}
.button_green {
    border: 0;
    background: #0d34ba;
    color: #FFF;
    height: 56px;
    font-size: 20px;
    padding: 11px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    justify-content: center;
}
.hometop_actions_subtitle {
    font-size: 20px;
    font-weight: 700;
    height: fit-content;
    line-height: 130%;
}

.hometop_actions_container {
    display: flex;
    align-items: center;
}
.hometop_container .hometop_button {
    margin: 0 30px 0 0;
    white-space: nowrap;
}

#scroll_top:hover {
    opacity: 1;
}

@media(max-width:767px) {
    #scroll_top {
        bottom: 90px;
        right: unset;
        left: 20px;
    }
}

.header-top-block{
    background-color: #212529;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
}

.header-top-left,
.header-top-right {
    display: flex;
    align-items: center;
}

.header-address-window {
    display: none;
}
.header-bot-block{
    background: #ecfafd;
}
.header-fixed .header-bot-block{
    background: #ecfafd;
}
.header-time {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-right: 26px;
}

.header-address-but {
    display: flex;
    align-items: center;
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
}

.header-address-but:before {
    content: url(../images/address.svg);
    margin-right: 9px;
}


.calc-href,
.status-href {
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-right: 28px;
    display: flex;
    align-items: center;
}

.calc-href:before {
    content: url(../images/calc.svg);
    margin-right: 9px;
}

.status-href:before {
    content: url(../images/status.svg);
    margin-right: 9px;
}

.header-soc {
    display: flex;
    gap: 15px;
}

.header-soc>a {
    width: 36px;
    height: 36px;
    display: flex;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #595959;
    font-size: 22px;
    line-height: normal;
}
.open-address .header-address-but:after {
    transform: rotate(180deg);
    margin-top: -5px;
}

.open-address {
    position: relative;
}

.open-address .header-address-window {
    display: block;
    position: absolute;
    top: 110%;
    background: #fff;
    padding: 20px 25px;
    width: 320px;
    filter: drop-shadow(0px 0px 15px rgba(28, 59, 125, 0.15));
    border-radius: 20px;
    z-index: 10;
}

.header-address-window>div:not(:last-child) {
    margin-bottom: 12px;
}

.header-address-window>div>span:first-child {
    display: block;
    color: #848382;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.header-address-window>div>span:last-child {
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.header-tel-window,
.header-search-window {
    display: none;
}

.header-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0px;
    ;
}

.header-bot .header__list {
    flex: unset;
    gap: 20px;
}

.sale-href {
    border-radius: 30px;
    background: #D1E8CB;
    padding: 4px 17px;
}

.sale-href:hover::after {
    content: none;
}

.header-search-but {
    width: 40px;
    height: 40px;
    background: url(../images/search.svg);
    cursor: pointer;
}

.header-tel-block>span {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.4px;
    cursor: pointer;
}

.header-zayv {
    border-radius: 30px;
    background: #0d34ba;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.4px;
    padding: 12px 21px;
}

.open-tel {
    position: relative;
}

.open-tel .header-tel-window {
    display: block;
    position: absolute;
    background: #FFF;
    filter: drop-shadow(0px 0px 15px rgba(28, 59, 125, 0.15));
    padding: 20px 4px;
    border-radius: 20px;
    z-index: 10;
    width: 100%;
    top: 150%;
}

.header-tel-window>a {
    display: block;
    text-align: center;
    padding: 8px;
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.header-tel-window>a:hover {
    border-radius: 30px;
    background: #D1E8CB;
}

.open-search {
    position: relative;
}

.open-search .header-search-window {
    display: block;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    background: #FFF;
    filter: drop-shadow(0px 0px 15px rgba(28, 59, 125, 0.15));
    border-radius: 20px;
    padding: 20px;
    top: 150%;
}

.header-search-window form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-search-window form input {
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 400px;
}

.header-search-window form button {
    border-radius: 30px;
    background: #D1E8CB;
    color: #262626;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 9px 18px;

}

.header-search-window form>span {
    width: 24px;
    height: 24px;
    background: url(../images/plus.svg);
    cursor: pointer;
}

.sub-menu {
    display: none;
    width: 245px;
}

.parent-menu {
    position: relative;
    padding-right: 20px;
}

.parent-menu:before {
    content: url(../images/arrow_down.svg);
    position: absolute;
    right: 0px;
    top: 4px;
}

.parent-menu:hover:before {
    transform: rotate(180deg)
}

.parent-menu:hover>.sub-menu {
    position: absolute;
    display: block;
    background: #fff;
    padding: 10px 4px;
    filter: drop-shadow(0px 0px 15px rgba(28, 59, 125, 0.15));
    border-radius: 20px;
}

/*.sub-parent{
    position: relative;
}*/
.sub-parent>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
}

.sub-parent:hover>a:after {
    content: url(../images/arrow_down.svg);
    margin-left: 5px;
    transform: rotate(270deg);
}

.parent-menu>ul>li>a {
    padding: 8px 20px;
}

.parent-menu>ul>li:hover>a {
    border-radius: 30px;
    background: #D1E8CB;
}

.sub-parent:hover>.sub-menu {
    position: absolute;
    display: block;
    left: 100%;
    background: #fff;
    top: 0px;
    padding: 10px 4px;
    width: 300px;
    min-height: 100%;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 15px rgba(28, 59, 125, 0.15));
}

.sub-parent:hover>.sub-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
}

.sub-parent:hover>.sub-menu li:hover a {
    border-radius: 30px;
    background: #D1E8CB;
}

.sub-menu .header-menu__link {
    border-bottom: none;
}

.header-mob-top,
.header-mob-bot {
    display: none;
}

@media(max-width: 1200px) {

    .header-time,
    .header-zayv {
        display: none;
    }
}

@media (max-width: 992px) {


    .header-top,
    .header-bot .header__list,
    .header-bot .header-search,
    .header-bot .header-tel-block,
    .header-bot .header-zayv {
        display: none;
    }

    .header-mob-top,
    .header-mob-bot {
        display: flex;
    }

    .header-mob-bot .header-zayv {
        display: block;
    }

    .header__burger,
    .header__burger.active {
        border-radius: 12px;
        background-color: #1d9df4;
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .header__burger.active::before,
    .header__burger.active::after {
        background-color: #000;
    }

    .header__burger::before,
    .header__burger::after,
    .header__burger span {
        width: 20px;
    }

    .header-mob-top {
        align-items: center;
    }

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

    .header-mob-bot {
        justify-content: space-between;
    }

    .header__burger.active::before,
    .header__burger.active::after {
        content: none;
    }

    .header__burger.active {
        background-image: url(../images/x.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    .header__burger::before {
        top: 35%;
    }

    .header__burger::after {
        bottom: 35%;
    }

    .mob-sub-menu {
        display: none;
    }

    .header-menu__list li:first-child .header-menu__link {
        padding-top: 6px;
    }

    .header-menu__list li:last-child .header-menu__link {
        padding-bottom: 6px;
    }

    .header-menu__list>li>a {
        padding: 6px 17px;
        margin: 5px 0px;
        color: #262626;
        border-bottom: none;
    }

    .mob-sub-menu li {
        border-bottom: 1px solid #f3faff;
    }

    .mob-sub-menu a {
        padding: 6px 17px;
        margin: 5px 0px;
        color: #262626;
        border-bottom: none;
    }

    .header-menu__list>li {
        border-bottom: 1px solid #f3faff;
    }

    .level2 .header-menu__list>li:not(.current_open) {
        display: none;
    }

    .current_open>.mob-sub-menu {
        display: block;
        ;
    }

    .header-menu__list>li.current_open>a {
        color: #262626;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;

        margin-bottom: 5px;
    }

    .header-menu__list>li.current_open:hover>a {
        background: transparent;
    }

    .mob-sub-parent>.mob-arrow {
        background: url(../images/chevron-right.svg);
        display: block;
        width: 24px;
        height: 24px;
        display: inline-block;
    }

    .mob-sub-parent {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .current_open>.mob-sub-menu {
        width: 100%;
    }

    .mob-sub-parent.current_open>a:after {
        content: none;
    }

    .mob-sub-parent.current_open>a {
        justify-content: flex-start
    }
    .mob-sub-parent.current_open>.mob-arrow {
        display: inline-block;
        background: url(../images/chevron-right.svg);
        display: block;
        width: 24px;
        height: 24px;
        transform: rotate(180deg);
        margin-right: 10px;
    }

    .level3 .header-menu__list>.current_open>.mob-arrow {
        display: none;
    }

    .level3 .header-menu__list>.current_open>a {
        display: none;
    }

    .level3 .header-menu__list>li>.mob-sub-menu>.mob-sub-parent:not(.current_open) {
        display: none;
    }

    .level3 .header-menu__list>li>.mob-sub-menu>.mob-sub-parent.current_open>a {
        color: #262626;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        border-bottom: 1px solid #f3faff;
        margin-bottom: 5px;
    }

    .level3 .header-menu__list>li>.mob-sub-menu>.mob-sub-parent.current_open:hover>a {
        background: transparent;
    }

    .level3 .header-menu__list>li>.mob-sub-menu>li>.mob-sub-menu>li>a:hover {
        border-radius: 30px;
        background: #D1E8CB;
    }

    .header-menu__list {
        flex: unset;
    }

    .header-menu__footer {
        align-items: flex-start
    }

    .header-menu__address {
        margin-bottom: 12px;
        padding-left: 17px;
    }

    .header-menu__address span:first-child {
        color: #848382;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        display: block;
        margin-bottom: 1rem;
        opacity: 0.7;
    }

    .header-menu__address span:nth-child(2) {
        color: #262626;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .header-search-window form input {
        width: 150px;
    }

    .header-menu__list>li.current_open>span,
    .level3 .header-menu__list>li>.mob-sub-menu>.mob-sub-parent.current_open>span {
        order: 1;
    }

    .header-menu__list>li.current_open>a,
    .level3 .header-menu__list>li>.mob-sub-menu>.mob-sub-parent.current_open>a {
        order: 2;
    }

    .header-menu__list>li.current_open>ul,
    .level3 .header-menu__list>li>.mob-sub-menu>.mob-sub-parent.current_open>ul {
        order: 3;
    }

    .mob-sub-parent.current_open {
        justify-content: flex-start;
    }
}


.service-form.form {
    margin-top: 20px;
}
.t539__container {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.t-container:before, .t-container:after, .t-container_10:before, .t-container_10:after, .t-container_8:before, .t-container_8:after, .t-container_100:before, .t-container_100:after {
    display: table;
    content: " ";
    width: 0;
}
.t-container:after, .t-container_10:after, .t-container_8:after, .t-container_100:after {
    clear: both;
}
.t-col {
    display: inline;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
}
.t-col_4 {
    max-width: 30%;
}
.t539__bgimg {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px 20px 0 0;
    height: 300px;
}
.t-align_left {
    text-align: left;
}
.t539__textwrapper {
    box-sizing: border-box;
    background: #fff;
}
.t539__textwr-padding {
    padding: 25px 25px 30px;
}
.t-card__title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 1rem;
    font-size: 1.6rem;
    height: 68px;
    line-height: 1.23;
}
.home-price{
    background-color: #ecfafd;
    padding: 40px 0;
}
.t539__itemwrapper{
    margin-bottom: 3rem;
}
.t-name_md {
    font-size: 20px;
    line-height: 1.35;
}
.t-name {
    font-weight: 700;
    color: #000000;
}
.t1073__price {
    margin-top: 2px;
}
.t422__btn-wrapper {
    margin: 10px 0 10px 0;
}

.t-card__link div {
    border-radius: 30px;
    background: #0d34ba;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.4px;
    padding: 12px 21px;
    text-align: center;
    width: 50%;
}

@media (max-width: 767px) {

    .calc-href,
    .status-href {
        font-size: 0px;
        margin-right: 0px;
    }

    .header-search-window form input {
        width: 120px;
    }
    .hometop_container .hometop_item {
        flex-direction: column;
        height: auto;
    }
    .hometop_actions_container{
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .hometop_actions_subtitle {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 2rem;
    }
 
    .hometop_container .hometop_title{
        font-size: 32px;
    }
    .w-50{
        width: 100%;
    }
    .hometop_container .hometop_item {
        padding: 26px 20px;
    }
    .text-big {
        font-size: 14px !important;
    }
    .contacts__image{
        width: 100%;
    }
    .t-col_4 {
        max-width: 100%;
        margin: 0;
    }
    .hometop_container .hometop_button {
        margin: 0 auto 1rem;
    }
    .back_img img {
        max-width: 100%;
    }


}