@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&family=Inter:wght@400;500;700&display=swap");

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

html {
    font-family: "Inter Tight";
    font-size: 0.5555556vw;
    font-style: normal;
    font-weight: 500;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

@media (max-width: 1600px) {
    html {
        font-size: 0.7vw;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 1.3333333333vw;
    }
}

body {
    font-style: normal;
    font-weight: 500;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    color: #01050f;
    background: #ffffff;
}

input,
textarea {
    -webkit-animation: bugfix infinite 1s;
    line-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    color: inherit;
}

a {
    color: unset;
}

a,
a:hover {
    text-decoration: none;
}

button,
input,
a,
textarea {
    outline: none;
    cursor: pointer;
    font: inherit;
}

button:focus,
input:focus,
a:focus,
textarea:focus {
    outline: none;
}

button:active,
input:active,
a:active,
textarea:active {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit;
    margin: 0;
    padding: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

button {
    border: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    padding: 0;
    background-color: transparent;
}

ul {
    padding: 0;
    margin: 0;
}

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

.container {
    width: 134.4rem;
    margin: 0 auto;
    position: relative;
}

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

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

@media (max-width: 48em) {
    html {
        -webkit-text-size-adjust: none;
    }

    body {
        -webkit-text-size-adjust: none;
    }

    .container {
        padding: 0 3.2rem;
        width: 100%;
    }
}

.input-container,
.textarea-container {
    position: relative;
}

.input-container input,
.input-container textarea,
.textarea-container input,
.textarea-container textarea {
    padding: 3.2rem 1.6rem 1.2rem 1.6rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #434343;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
    caret-color: #4f7ae8;
}

.input-container input::placeholder,
.input-container textarea::placeholder,
.textarea-container input::placeholder,
.textarea-container textarea::placeholder {
    color: transparent;
}

.input-container input:focus-visible + label, .input-container input:not(:placeholder-shown) + label, .input-container input:-webkit-autofill + label,
.input-container textarea:focus-visible + label,
.input-container textarea:not(:placeholder-shown) + label,
.input-container textarea:-webkit-autofill + label,
.textarea-container input:focus-visible + label,
.textarea-container input:not(:placeholder-shown) + label,
.textarea-container input:-webkit-autofill + label,
.textarea-container textarea:focus-visible + label,
.textarea-container textarea:not(:placeholder-shown) + label,
.textarea-container textarea:-webkit-autofill + label {
    transform: translateY(-1rem);
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
}

.input-container label,
.textarea-container label {
    position: absolute;
    top: 2.2rem;
    left: 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #aeb3c2;
    transition: all 0.2s ease-in-out;
    cursor: text;
}

@media (max-width: 48em) {
    .input-container label,
    .textarea-container label {
        font-size: 2.6rem;
    }
}

.heading1 {
    font-family: "Vela Sans";
    font-weight: 500;
    font-size: 6rem;
    line-height: 6.4rem;
    color: #01050f;
}

.heading1 img {
    display: inline-block;
    vertical-align: middle;
    width: 5.8rem;
    height: 5.8rem;
    object-fit: contain;
}

@media (max-width: 48em) {
    .heading1 {
        font-size: 7.2rem;
        line-height: 8rem;
        letter-spacing: -0.02em;
    }

    .heading1 img {
        width: 5.6rem;
        height: 5.6rem;
    }
}

.blue-link {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
    transition: color 0.2s ease-in-out;
}

.blue-link:hover:not(:focus-visible) {
    color: #5580ff;
}

.blue-link:active:not(:focus-visible) {
    color: #285bf3;
}

@media (max-width: 48em) {
    .blue-link {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.section {
    margin: 1.6rem 1.2rem;
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
    border-radius: 2rem;
}

.section.gray {
    background-color: #f4f5f8;
}

@media (max-width: 48em) {
    .section {
        margin: 3.2rem 0 0 0;
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        border-radius: 4rem;
    }
}

.section-hero {
    padding-top: 14.8rem;
    padding-bottom: 5.6rem;
    position: relative;
    background-color: #01050f;
    z-index: 1;
}

.section-hero::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(26, 31, 43, 0.74) 0%, rgba(26, 31, 43, 0.28) 100%);
    z-index: -1;
}

.section-hero__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 63.4rem;
    height: 40.5rem;
    z-index: -2;
}

.section-hero__heading {
    color: #ffffff;
}

.section-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-hero__bg .blur {
    position: absolute;
    left: -48.7rem;
    bottom: -6.5rem;
    width: 80.8rem;
    height: 17.4rem;
    background: #285bf3;
    opacity: 0.3;
    filter: blur(10rem);
    transform: rotate(176.21deg);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.section-hero__bg .blur2 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

@media (max-width: 48em) {
    .section-hero {
        padding-top: 20.6rem;
        padding-bottom: 6.4rem;
    }

    .section-hero__bg .blur {
        left: -34.4rem;
        bottom: -9.2rem;
        width: 84.8rem;
        height: 24.4rem;
    }

    .section-hero__img {
        width: 63.8rem;
        height: 43.2rem;
    }
}

.section-menu {
    margin-bottom: 1.6rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-radius: 2rem;
    background-color: rgb(255, 255, 255);
    max-height: calc(100vh - 320px);
    overflow-y: auto;
    border-right: 15px solid transparent;
}

.section-menu::-webkit-scrollbar {
    width: 0.3rem;
    padding-right: 5px;
}

.section-menu::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 20rem;
}

.section-menu__back {
    display: flex;
    align-items: center;
    color: black;
    font-weight: bold;
}

.section-menu__back svg {
    margin-right: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.section-menu__back span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #768395;
}

.section-menu__heading {
    padding: 1rem 2.4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #768395;
    display: flex;
}

.section-menu__list-item {
    padding: 1.2rem 2.4rem;
    position: relative;
    transition: background-color 0.2s ease-in-out;
    border-radius: 1.6rem;
}

.section-menu__list-item__link {
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
    transition: 0.3s ease;
    color: #2e2e2e;
}

span.section-menu__list-item__link {
    color: #285bf3;
}

.section-menu__list-item__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (hover) {
    .section-menu__list-item__link:not(span.section-menu__list-item__link):hover {
        color: #285bf3;
    }
}

@media (max-width: 48em) {
    .section-menu {
        padding: 5.2rem 4.8rem;
        max-height: 70vh;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 5;
        overflow-y: scroll;
        border-radius: 4rem 4rem 0 0;
        transform: translateY(100%);
        transition: transform 0.2s ease-in-out;
    }

    .section-menu.active {
        transform: none;
    }

    .section-menu::-webkit-scrollbar {
        width: 0;
    }

    .section-menu__back {
        margin-bottom: 1.6rem;
        padding: 2rem 0;
    }

    .section-menu__back svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .section-menu__back span {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .section-menu__heading {
        margin-bottom: 3.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .section-menu__close {
        position: absolute;
        top: 3.2rem;
        right: 3.2rem;
    }

    .section-menu__close svg {
        width: 4.8rem;
        height: 4.8rem;
    }

    .section-menu__search {
        margin-bottom: 1.6rem;
        position: relative;
    }

    .section-menu__search input {
        padding: 2.4rem 8.4rem 2.4rem 4rem;
        width: 100%;
        background-color: #f4f5f8;
        border-radius: 2.4rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .section-menu__search input::placeholder {
        color: #aeb3c2;
    }

    .section-menu__search svg {
        position: absolute;
        right: 3.2rem;
        top: 50%;
        width: 4rem;
        height: 4rem;
        object-fit: contain;
        transform: translateY(-50%);
    }

    .section-menu__list-item {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    .section-menu__list-item__link {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }
}

.section-pricelist {
    padding: 2rem 2.4rem;
    position: relative;
    background-color: #ffffff;
    border-radius: 2rem;
}

.section-pricelist__icon {
    position: absolute;
    top: 2rem;
    right: 2.4rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #285bf3;
    border-radius: 50%;
}

.section-pricelist__icon svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.section-pricelist__heading {
    margin-bottom: 0.8rem;
    width: 19rem;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
}

.section-pricelist__subheading {
    margin-bottom: 3.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.section-pricelist__download {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.section-pricelist__download::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.section-pricelist__download span {
    margin-right: 0.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
    transition: color 0.2s ease-in-out;
}

.section-pricelist__download svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.section-pricelist__download svg path {
    transition: fill 0.2s ease-in-out;
}

.section-pricelist__download:hover span {
    color: #5580ff;
}

.section-pricelist__download:hover svg path {
    fill: #5580ff;
}

.swiper-container {
    overflow: hidden;
}

.subheading {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
}

@media (max-width: 48em) {
    .subheading {
        font-size: 3.2rem;
        line-height: 3.8rem;
    }
}

.link {
    padding: 1.8rem 3.2rem;
    display: inline-flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
    background-color: transparent;
    border: 1px solid #285bf3;
    border-radius: 4rem;
    transition-property: color, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.link span {
    margin-right: 0.8rem;
}

.link svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.link svg path {
    transition: fill 0.2s ease-in-out;
}

@media (max-width: 48em) {
    .link {
        padding: 0;
        border: none;
    }

    .link svg {
        width: 4.8rem;
        height: 4.8rem;
    }
}

.btn {
    padding: 1.8rem 3.2rem;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
    text-align: center;
    background-color: #285bf3;
    border-radius: 4rem;
}

.blue-btn {
    background-color: #285bf3;
    color: #ffffff;
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.blue-btn:hover {
    background-color: #5580ff;
}

.blue-btn:active:not(:focus-visible) {
    color: rgba(255, 255, 255, 0.5);
}

.stroke-btn {
    border: 1px solid #285bf3;
    color: #285bf3;
    transition-property: border-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.stroke-btn svg path {
    transition: fill 0.2s ease-in-out;
}

.stroke-btn:hover {
    border-color: #5580ff;
    color: #5580ff;
}

.stroke-btn:hover svg path {
    fill: #5580ff;
}

.stroke-btn:active:not(:focus-visible) {
    border-color: #285bf3;
    color: #285bf3;
}

.stroke-btn:active:not(:focus-visible) svg path {
    fill: #285bf3;
}

@media (max-width: 48em) {
    .stroke-btn {
        border: none;
    }
}

.toggle-switch {
    position: relative;
}

@media (max-width: 48em) {
    .toggle-switch {
        width: 9.6rem;
    }

    .toggle-switch > label {
        display: inline-block;
        width: 100%;
        height: 5.6rem;
        background-color: #a8b8cb;
        border-radius: 20rem;
        cursor: pointer;
    }

    .toggle-switch > label input {
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .toggle-switch > label .slider {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        transition: 0.3s;
    }

    .toggle-switch > label input:checked ~ .slider {
        background-color: #285bf3;
    }

    .toggle-switch > label .slider::before {
        content: "";
        position: absolute;
        top: 0.7rem;
        left: 0.65rem;
        width: 4.3rem;
        height: 4.3rem;
        border-radius: 50%;
        box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 3.8rem rgba(10, 20, 52, 0.08);
        background-color: #ffffff;
        transition: 0.3s;
    }

    .toggle-switch > label input:checked ~ .slider::before {
        transform: translateX(3.9rem);
        box-shadow: none;
    }
}

.dark-gray {
    color: #64666b;
}

.light-gray {
    color: #a8b8cb;
}

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

.categories__btn {
    padding: 1.8rem 3.2rem;
    background-color: #ffffff;
    position: relative;
    font-size: 16px;
    line-height: 2rem;
    color: #64666b;
    border: 1px solid #e5e8f1;
    border-radius: 3.2rem;
    transition-property: border-color, color, background-color, opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    white-space: nowrap;
}

@media screen and (min-width: 1440px) {
    .categories__btn {
        font-size: 1.6rem;
    }
}

.categories__btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.categories__btn.active {
    border-color: #285bf3;
    color: #ffffff;
    background-color: #285bf3;
}

.categories__btn.active:hover {
    border-color: #5580ff;
    background-color: #5580ff;
    opacity: 1;
}

.categories__btn.active:active:not(:focus-visible) {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

@media (hover) {
    .categories__btn:not(.active):hover {
        color: #000;
    }
}

.categories__btn:not(:last-child) {
    margin-right: 0.8rem;
}

.categories__btn .categories__btn-sublist {
    padding: 8px 0;
    transition: 0.3s ease;
    transform: translateY(-10px);
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: calc(100% + 15px);
    right: 0;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 10px 19px 0px rgba(10, 20, 52, 0.08), 0px 0px 10px 0px rgba(10, 20, 52, 0.07);
}

.categories__btn .categories__btn-sublist.active {
    transform: translateY(0px);
    opacity: 1;
    z-index: 2;
}

.categories__btn .categories__btn-sublist .categories__btn-sublist-items li {
    min-width: 100%;
}

.categories__btn .categories__btn-sublist .categories__btn-sublist-items li button {
    border: none;
    padding: 14px 20px;
    transition: 0.3s ease;
    line-height: 1.25;
    color: #01050f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.categories__btn .categories__btn-sublist .categories__btn-sublist-items li button svg {
    width: 20px;
    height: 20px;
    transition: 0.3s ease;
    opacity: 0;
}

.categories__btn .categories__btn-sublist .categories__btn-sublist-items li button svg use {
    fill: #285bf3;
}

.categories__btn .categories__btn-sublist .categories__btn-sublist-items li button.active {
    background: transparent;
    color: #285bf3;
}

.categories__btn .categories__btn-sublist .categories__btn-sublist-items li button.active svg {
    opacity: 1;
}

@media screen and (min-width: 1440px) {
    .categories__btn .categories__btn-sublist .categories__btn-sublist-items li button {
        font-size: 1.6rem;
    }
}

@media (hover) {
    .categories__btn .categories__btn-sublist .categories__btn-sublist-items li button:hover {
        color: #285bf3;
    }
}

.categories__btn:has(.categories__btn-sublist) {
    display: flex;
    align-items: center;
    gap: 8px;
}

.categories__btn:has(.categories__btn-sublist) .arrow-ico {
    width: 20px;
    height: 20px;
}

.categories__btn:has(.categories__btn-sublist) .arrow-ico use {
    fill: #64666b;
}

.categories__btn:has(.categories__btn-sublist).active use {
    fill: #fff;
}

@media (max-width: 48em) {
    .categories__btn {
        padding: 3.2rem 5.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 6.4rem;
    }

    .categories__btn::before {
        display: none;
    }

    .categories__btn:not(:last-child) {
        margin-right: 1.6rem;
    }
}

.swiper-controllers .prev,
.swiper-controllers .next {
    position: absolute;
    top: 50%;
    width: 5.6rem;
    height: 5.6rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #01050f;
    cursor: pointer;
    transition-property: opacity, visibility, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    z-index: 2;
}

.swiper-controllers .prev:hover,
.swiper-controllers .next:hover {
    background-color: rgba(1, 5, 15, 0.8);
}

.swiper-controllers .prev:active:not(:focus-visible),
.swiper-controllers .next:active:not(:focus-visible) {
    background-color: #01050f;
}

.swiper-controllers .prev.swiper-button-disabled,
.swiper-controllers .next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.swiper-controllers .prev svg,
.swiper-controllers .next svg {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

.swiper-controllers .prev {
    left: 0;
    transform: translateX(-50%);
}

.swiper-controllers .prev svg {
    transform: scale(-1);
}

.swiper-controllers .next {
    right: 0;
    transform: translateX(50%);
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
}

.breadcrumbs-list::-webkit-scrollbar {
    width: 0;
    display: none;
}

.breadcrumbs-list__item {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #768395;
}

.breadcrumbs-list__item:not(:last-child) {
    margin-right: 2.6rem;
}

.breadcrumbs-list__item:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(/image/catalog/svg/chevron-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: -2.1rem;
    transform: translateY(-50%);
}

.breadcrumbs-list__item:last-child .breadcrumbs-list__item-link {
    color: #ffffff;
}

.breadcrumbs-list__item.active .breadcrumbs-list__item-btn span:first-child {
    color: #aeb3c2;
}

.breadcrumbs-list__item.active .breadcrumbs-list__item-btn span:last-child {
    background-color: rgba(255, 255, 255, 0.4);
}

.breadcrumbs-list__item.active .breadcrumbs__sublist {
    opacity: 1;
    visibility: visible;
}

.breadcrumbs-list__item-btn {
    position: relative;
    display: flex;
    align-items: center;
}

.breadcrumbs-list__item-btn span:first-child {
    margin-right: 0.4rem;
    transition: color 0.2s ease-in-out;
}

.breadcrumbs-list__item-btn span:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.2s ease-in-out;
}

.breadcrumbs-list__item-btn span:last-child svg {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.breadcrumbs-list__item-btn:hover span:first-child {
    color: #aeb3c2;
}

.breadcrumbs-list__item-btn:hover span:last-child {
    background-color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 48em) {
    .breadcrumbs-list {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .breadcrumbs-list__item {
        font-size: 3.2rem;
        line-height: 4rem;
        position: inherit;
    }

    .breadcrumbs-list__item:not(:last-child) {
        margin-right: 5.2rem;
    }

    .breadcrumbs-list__item:not(:last-child)::after {
        right: -3.2rem;
        width: 3.6rem;
        height: 3.6rem;
        position: relative;
        transform: none;
    }

    .breadcrumbs-list__item-btn span:first-child {
        margin-right: 0.8rem;
    }

    .breadcrumbs-list__item-btn span:last-child {
        width: 3.6rem;
        height: 3.6rem;
    }

    .breadcrumbs-list__item-btn span:last-child svg {
        width: 2.4rem;
        height: 2.4rem;
    }
}

.breadcrumbs__sublist {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    position: absolute;
    left: 0;
    top: calc(100% + 1.3rem);
    width: 31.2rem;
    background-color: #ffffff;
    border-radius: 1.6rem;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.breadcrumbs__sublist-item {
    position: relative;
    padding: 1.4rem 2rem;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    border-radius: inherit;
}

.breadcrumbs__sublist-item:hover {
    background-color: #f4f5f8;
}

.breadcrumbs__sublist-item__link {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
    transition: 0.3s ease;
}

.breadcrumbs__sublist-item__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (hover) {
    .breadcrumbs__sublist-item__link:hover {
        color: #285bf3;
    }
}

@media (max-width: 48em) {
    .breadcrumbs__sublist {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        width: 62.4rem;
        top: calc(100% + 2.6rem);
        border-radius: 3.2rem;
    }

    .breadcrumbs__sublist-item {
        padding: 2.8rem 4rem;
    }

    .breadcrumbs__sublist-item__link {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.filter-label {
    padding-left: 3.2rem;
    position: relative;
    font-size: 1.6rem;
    line-height: 2rem;
    cursor: pointer;
}

.filter-label:not(:last-child) {
    margin-bottom: 2rem;
}

.filter-label__href {
    position: relative;
    border-color: #285bf3;
}

.filter-label__href.active {
    color: #285bf3;
}

.filter-label__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.filter-label__input, span.filter-label__input {
    position: unset;
}

span.filter-label__input {
    color: #a8b8cb;
}

.filter-label__input:checked + .filter-label__checkbox {
    border-color: transparent;
}

.filter-label__input:checked + .filter-label__checkbox::before, .filter-label__input:checked + .filter-label__checkbox::after {
    opacity: 1;
}

.filter-label__checkbox {
    position: absolute;
    left: 0.2rem;
    top: 50%;
    width: 2rem;
    height: 2rem;
    border: 0.1rem solid #e5e8f1;
    border-radius: 0.6rem;
    transform: translateY(-50%);
    transition: border-color 0.2s ease-in-out;
}

.filter-label__checkbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #285bf3;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.filter-label__checkbox::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/image/catalog/svg/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.filter-label__span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
}

@media (max-width: 48em) {
    .filter-label {
        padding: 2.8rem 0 2.8rem 6.4rem;
    }

    .filter-label__checkbox {
        left: 0.4rem;
        width: 4rem;
        height: 4rem;
        border-width: 0.2rem;
        border-radius: 1.2rem;
    }

    .filter-label__checkbox::after {
        width: 3.2rem;
        height: 3.2rem;
    }

    .filter-label__span {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.section-tags {
    margin-bottom: 2rem;
}

.section-tags__list {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.section-tags__list-item {
    position: relative;
}

.section-tags__list-item > button {
    padding: 1.3rem 2.3rem;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #768395;
    border: 1px solid #e5e8f1;
    border-radius: 3.2rem;
    background-color: #ffffff;
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    white-space: nowrap;
}

.section-tags__list-item > button.active {
    border-color: #285bf3;
    background-color: #285bf3;
    color: #ffffff;
}

.section-tags__list-item > button.active:hover {
    border-color: #5580ff;
    background-color: #5580ff;
    color: #ffffff;
    opacity: 1;
}

.section-tags__list-item > button.active:active:not(:focus-visible) {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.section-tags__list-item > button.active svg path {
    fill: #ffffff;
}

.section-tags__list-item > button:hover {
    color: #01050f;
}

.section-tags__list-item:last-child button.show-more {
    display: flex;
    align-items: center;
}

.section-tags__list-item:last-child button.show-more span {
    margin-right: 0.8rem;
}

.section-tags__list-item__more button.show-more div.o {
    display: none;
}

.section-tags__list-item__more button.show-more div.c {
    display: flex;
    align-items: center;
}

.section-tags__list-item__more button.show-more div.o svg {

}

.section-tags__list-item__more.bactive button.show-more div.o {
    display: flex;
}

.section-tags__list-item__more.bactive button.show-more div.c {
    display: none;
}

.section-tags__list-item__more.bactive .section-tags__sublist {
    position: static;
    background: none;
    padding: 0;
    top: 0;
    box-shadow: none;
}

.section-tags__list-item__more.bactive button.show-more {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

.section-tags__list-item__more.bactive .section-tags__sublist .section-tags__sublist-item {
    display: inline-flex;
}

.section-tags__list-item__more.bactive .section-tags__sublist .section-tags__sublist-item button {
    padding: 1.3rem 2.3rem;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #768395;
    border: 1px solid #e5e8f1;
    border-radius: 3.2rem;
    background-color: #ffffff;
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    white-space: nowrap;
}

.section-tags.desktop > ul.section-tags__list {
}

.section-tags__list-item.section-tags__list-item__more {
}

.section-tags__list-item.section-tags__list-item__more button.show-more {
}

.section-tags__list-item.section-tags__list-item__more button.show-more.open .o {
    display: flex;
}

.section-tags__list-item.section-tags__list-item__more button.show-more.open .c {
    display: none;
}

.section-tags__list-item.section-tags__list-item__more.bactive {
}

.section-tags__list-item__more button.show-more svg {
    width: 18px;
    height: 18px;
    width: 2rem;
    height: 2rem;
    transition: transform 0.2s ease-in-out;
}

.section-tags__list-item__more.bactive button.show-more svg {
    width: 18px;
    height: 18px;
}

.section-tags__list-item:last-child button.show-more.open svg {
    transform: scaleY(-1);
}

.section-tags__sublist {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    position: absolute;
    top: calc(100% + 0.8rem);
    right: 0;
    min-width: 28rem;
    background: #ffffff;
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    border-radius: 1.6rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.section-tags__sublist.active, .section-tags__list-item__more.bactive .section-tags__sublist {
    opacity: 1;
    visibility: visible;
}

.section-tags__sublist-item > button {
    padding: 1.4rem 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: opacity 0.2s ease-in-out;
}

.section-tags__sublist-item > button span {
    font-size: 1.6rem;
    line-height: 2rem;
    transition: color 0.2s ease-in-out;
    color: #768395;
}

.section-tags__sublist-item > button svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.section-tags__sublist-item > button.active span {
    color: #285bf3;
}

.section-tags__sublist-item > button.active svg {
    opacity: 1;
}

.section-tags__sublist-item > button:hover span {
    color: #285bf3;
}

.section-filters {
    margin-bottom: 3.2rem;
    padding: 2.4rem;
    background-color: #ffffff;
    border-radius: 2rem;
}

.section-filters__show-all {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*padding: 10px 0 0;*/
    /*font-size: 16px;*/
    /*color: #707070;*/
    display: none;
}

.section-filters__top {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-filters__top-heading {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
}

.section-filters__top-btn {
    display: flex;
    align-items: center;
}

.section-filters__top-btn span {
    margin-right: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.section-filters__top-btn svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.section-filters__form {
    margin-bottom: 2.4rem;
}

.section-filters__form-top {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.6rem;
}

.section-filters__form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-filters__form-bottom .filter-label {
    margin-bottom: 0;
}

.section-filters__form-bottom .filters-open {
    display: flex;
    align-items: center;
}

.section-filters .filters-open span {
    margin-right: 0.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
}

.section-filters__open-wrapper {
    flex: 0 0 25%;
    max-width: 20rem;
    text-align: center;
}

.section-filters__form-bottom .filters-open svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.section-filters__select {
    padding: 1.4rem 1.6rem;
    flex: 0 0 25%;
    position: relative;
    border: 1px solid transparent;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
    max-width: 24.2rem;
}

.section-filters__select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/image/catalog/svg/chevron-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}

.section-filters__select.active {
    border-color: #5580ff;
}

.section-filters__select.active::after {
    transform: translateY(-50%) rotate(180deg);
}

.section-filters__select .counter {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    line-height: 2.4rem;
    letter-spacing: 0.03em;
    text-align: center;
    color: #ffffff;
    background-color: #285bf3;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.section-filters__select .counter.active {
    opacity: 1;
}

.section-filters__select-name {
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #323847;
    white-space: nowrap;
    margin-right: 2rem;
    overflow: hidden;
}

.section-filters__select-name::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-filters__select-dropdown {
    padding: 2rem;
    position: absolute;
    top: calc(100% + 0.8rem);
    left: 0.9rem;
    width: 29.5rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    border-radius: 1.6rem;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    z-index: 2;
    transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
}

.section-filters__select-dropdown.active {
    opacity: 1;
    visibility: visible;
}

.section-filters__select-dropdown .acc-item {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-top: 1px solid #e5e8f1;
}

.section-filters__select-dropdown .acc-item:first-of-type {
    border-top: 0;
}

.section-filters__select-dropdown .acc-item.active .acc-head svg path:last-child {
    transform: rotate(-90deg);
}

.section-filters__select-dropdown .acc-item.active .acc-content {
    padding-top: 1.2rem;
    opacity: 1;
    visibility: visible;
}

.section-filters__select-dropdown .acc-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-filters__select-dropdown .acc-head span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.section-filters__select-dropdown .acc-head svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.section-filters__select-dropdown .acc-head svg path {
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
}

.section-filters__select-dropdown .acc-content {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition-property: opacity, padding, visibility, max-height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.section-filters__select-dropdown__search {
    margin-bottom: 1.8rem;
    position: relative;
}

.section-filters__select-dropdown__search input {
    padding: 1rem 5.2rem 1rem 2rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
}

.section-filters__select-dropdown__search input::placeholder {
    color: #aeb3c2;
}

.section-filters__select-dropdown__search svg {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    transform: translateY(-50%);
}

.section-filters__select-dropdown__form {
    display: flex;
    flex-direction: column;
    max-height: 20rem;
    overflow-y: scroll;
}

.section-filters__select-dropdown__form::-webkit-scrollbar {
    width: 0.4rem;
}

.section-filters__select-dropdown__form::-webkit-scrollbar-thumb {
    background-color: #285bf3; /* цвет плашки */
    border-radius: 20rem; /* закругления плашки */
}

.section-filters__select-dropdown__bottom {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-filters__select-dropdown__bottom .stroke-btn,
.section-filters__select-dropdown__bottom .blue-btn {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    width: 12.15rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    text-align: center;
    border-radius: 4rem;
}

.section-filters__tags-item__buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section-filters__bottom .section-filters__tags-item__buttons {
    position: unset;
}

.section-filters__block {
    padding-top: 2.4rem;
    border-top: 1px solid #bebfc3;
    /*max-height: 7rem;*/
    display: flex;
    gap: 10px;
    position: relative;
    padding-bottom: 25px;
}

.section-filters__block .section-filters__list {
    max-height: 4rem;
    overflow: hidden;
}

.section-filters__block.active { /*max-height: unset;*/
    position: relative;
}

.section-filters__block.active .section-filters__list {
    max-height: unset;
}

.section-filters__block.active .section-filters__tags-item.section-filters__tags-item__hide-more:not(.hidden) {
    position: absolute;
    top: 2.4rem;
    right: 0;
}

.section-filters__block.active .section-filters__tags-item__buttons {
    position: static;
}

.section-filters__category {
}

.section-filters__category.active {
}

.section-filters__category .section-filters__bottom-header {
    display: block;
}

.section-filters__category.active .section-filters__bottom-header {
    display: none;
}

.section-filters__category .section-filters__tags-group-name {
    display: none;
}

.section-filters__category.active .section-filters__tags-group-name {
    display: block;
}

.section-filters.desktop .section-filters__bottom-header {
    white-space: nowrap;
}

.section-filters__list {
    flex: 1 1 auto;
}

.section-filters__wrapper {
    display: flex;
    gap: 6rem;
}

.section-filters__tags-group-name {
    font-size: 16px;
    color: #9b9c9f;
    flex: 1 1 auto;
    white-space: nowrap;
    position: relative;
    top: 0.8rem;
    width: 12%;
    flex-shrink: 0;
}

@media (max-width: 1300px) {
    .section-filters__tags-group-name {
        top: 0.6rem;
    }

    .section-filters__tags-group-name {
        width: 15%;
    }
}

@media (max-width: 991px) {
    .section-filters__tags-group-name {
        width: 22%;
    }
}

.section-filters__wrapper:not(:last-child) {
    margin-bottom: 30px;
}

.section-filters__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 0.8rem;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    width: 100%;
}

.section-filters__tags.no-filter {
    padding: 0;
    border: none;
}

.section-filters__tags * {
    transition: all 0.3s ease-in-out;
}

.section-filters__tags * span {
    border-bottom: 1px dashed #01050f;
}

.section-filters__tags-item__btn {
    padding: 0.8rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    text-align: center;
    border: 1px solid #a8b8cb;
    border-radius: 2rem;
}

.section-filters__tags-item:has(.section-filters__tags-item__btn-show) {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 5px;
}

.section-filters__tags-item__btn-show {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007aff;
}

.section-filters__tags-item__btn-show.show-more {
    position: relative;
    top: 0.8rem;
    top: 0;
}

@media (max-width: 1300px) {
    .section-filters__tags-item__btn-show.show-more {
        top: 0.6rem;
    }
}

.section-filters__tags-item__btn-show span {
    border-color: #007aff;
}

.section-filters__tags-item__btn.selected {
    border: 1px solid #285bf3;
    color: #dadada;
}

.section-filters__tags-item__btn.show-more svg, .section-filters__tags-item__btn.hide-more svg {
    margin-left: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.section-filters__bottom {
    display: flex;
    margin-top: 3.2rem;
}

.section-filters__tags-item__hide-more {
    display: flex;
    justify-content: end;
}

.section-filters__tags-item__hide-more.hidden {
    display: none;
}

.section-filters__bottom .section-filters__tags {
    padding: 0;
    border: 0;
    max-height: 4.2rem;
}

.section-filters__category.active .section-filters__tags {
    max-height: unset;
}

.section-filters__bottom-header {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 2rem;
}

.section-filters__selected {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.6rem;
}

.section-filters__selected-option {
    display: flex;
    align-items: center;
    gap: 10px;

    label {
        background: #f4f5f8;
        font-size: 1.2rem;
        padding: 10px 14px;
        border-radius: 15px;
        border: 1px solid #dddddd;
        cursor: pointer;

        input {
            display: none;
        }
    }
}

.section-filters__selected-name {
    font-size: 1.4rem;
}

.section-mobile__filters {
    padding: 4.8rem 3.2rem 23.6rem 3.2rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100dvh;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
    z-index: 5;
    transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
}

.section-mobile__filters.active {
    transform: none;
}

.section-mobile__filters::-webkit-scrollbar {
    width: 0;
}

.section-mobile__filters-close {
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    z-index: 5;
}

.section-mobile__filters-close svg {
    width: 4.8rem;
    height: 4.8rem;
}

.section-mobile__filters-heading {
    margin-bottom: 4.8rem;
    font-size: 3.6rem;
    line-height: 4rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.section-mobile__filters-item__reset {
    margin-left: auto;
    margin-right: 3.2rem;
    display: flex;
    align-items: center;
}

.section-mobile__filters-item__reset svg {
    margin-right: 0.8rem;
    width: 3.2rem;
    height: 3.2rem;
    object-fit: contain;
}

.section-mobile__filters-item__reset span {
    color: #768395;
}

.section-mobile__filters-item > div {
    margin-bottom: 3.2rem;
}

.section-mobile__filters-item > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-mobile__filters-item > div:first-child > p, .section-mobile__filters-item > div:first-child > button {
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.section-mobile__filters-item > div:first-child > p {
    margin-right: 0.8rem;
}

.section-mobile__filters-item > div:first-child .counter {
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: #ffffff;
    background-color: #285bf3;
    border-radius: 50%;
}

.section-mobile__filters-item > div:first-child > button {
    color: #285bf3;
}

.section-mobile__filters-item > div:last-child {
    margin-left: -3.2rem;
    width: 75rem;
    overflow-x: scroll;
}

.section-mobile__filters-item > div:last-child::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.section-mobile__filters-item > div:last-child > ul {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    display: flex;
    align-items: center;
    width: max-content;
}

.section-mobile__filters-item > div:last-child > ul li {
    padding: 1.6rem 2.4rem;
    min-width: 9.2rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.01em;
    color: #01050f;
    text-align: center;
    border: 0.2rem solid #a8b8cb;
    border-radius: 4rem;
}

.section-mobile__filters-item > div:last-child > ul li.active {
    background-color: #285bf3;
    color: #ffffff;
    border-color: #285bf3;
}

.section-mobile__filters-item > div:last-child > ul li:not(:last-child) {
    margin-right: 1.6rem;
}

.section-mobile__filters-item:not(:first-child) {
    padding-top: 3.2rem;
    border-top: 1px solid #e5e8f1;
}

.section-mobile__filters-categories {
    margin-bottom: 3.2rem;
}

.section-mobile__filters-categories__list-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-mobile__filters-categories__list-item.active p, .section-mobile__filters-categories__list-item.active button {
    color: #285bf3;
}

.section-mobile__filters-categories__list-item.active svg {
    opacity: 1;
}

.section-mobile__filters-categories__list-item p, .section-mobile__filters-categories__list-item button {
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
    transition: color 0.2s ease-in-out;
}

.section-mobile__filters-categories__list-item svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.section-mobile__filters-block {
    padding: 4.8rem 3.2rem 23.6rem 3.2rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background-color: #ffffff;
    transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
    z-index: 2;
}

.section-mobile__filters-block::-webkit-scrollbar {
    width: 0;
}

.section-mobile__filters-block.active {
    transform: none;
}

.section-mobile__filters-block .filter-label__href {
    display: block;
    font-size: 3.2rem;
    line-height: 4rem;
    padding: 1rem 0 1rem;
}

.section-mobile__filters-block .filter-label__href:not(:last-child) {
    margin-bottom: 2rem;
}

.section-mobile__filters-block .filter-label__href:not(.active) {
    color: #01050f;
}

.section-mobile__filters-block__back {
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
}

.section-mobile__filters-block__back svg {
    margin-right: 1.6rem;
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.section-mobile__filters-block__back span {
    font-size: 3.6rem;
    line-height: 4rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.section-mobile__filters-block__search {
    margin-bottom: 2.4rem;
    position: relative;
}

.section-mobile__filters-block__search input {
    padding: 2.4rem 10.4rem 2.4rem 4rem;
    width: 100%;
    font-size: 3.2rem;
    line-height: 4rem;
    background-color: #f4f5f8;
    border-radius: 3.2rem;
}

.section-mobile__filters-block__search input::placeholder {
    color: #aeb3c2;
}

.section-mobile__filters-block__search svg {
    position: absolute;
    right: 3.2rem;
    top: 50%;
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    transform: translateY(-50%);
}

.section-mobile__filters-block__list-item {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-mobile__filters-block__list-item.active p, .section-mobile__filters-block__list-item.active button {
    color: #285bf3;
}

.section-mobile__filters-block__list-item.active svg {
    opacity: 1;
}

.section-mobile__filters-block__list-item p, .section-mobile__filters-block__list-item button {
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
    transition: color 0.2s ease-in-out;
}

.section-mobile__filters-block__list-item svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.section-mobile__filters-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 3.2rem 3.2rem 5.6rem 3.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 2.4rem 2.4rem 0 0;
    box-shadow: 0px 0px 4rem rgba(39, 45, 58, 0.08);
    z-index: 2;
}

.section-mobile__filters-buttons button {
    padding: 2.4rem;
    width: 33.1rem;
    border-radius: 8rem;
    font-size: 2.8rem;
    line-height: 3.6rem;
    text-align: center;
}

.section-mobile__filters-buttons button:first-child {
    border: 0.2rem solid #285bf3;
}

.section-mobile__filters-block__inputs {
    display: flex;
    flex-direction: column;
}

.products-listing {
    padding: 0 2.4rem;
    background-color: #ffffff;
    border-radius: 2rem;
    position: relative;
}

.products-listing__filters {
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    display: flex;
    align-items: center;
}

.products-listing__filters > div {
    flex: 0 0 auto;
}

.products-listing__filters-open > button {
    position: relative;
}

.products-listing__filters-open > button > span {
    transition: color 0.2s ease-in-out;
}

.products-listing__filters-open > button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: #285bf3;
    transform: translate(50%, 15%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.products-listing__filters-open.checked > button {
    position: relative;
}

.products-listing__filters-open.checked > button::after {
    opacity: 1;
}

.products-listing__filters-open.active > button span {
    color: #5580ff;
}

.products-listing__filters-name {
    margin-right: 3.6rem;
    width: 18rem;
    flex: 0 0 auto;
}

.products-listing__filters-name, .products-listing__filters-size, .products-listing__filters-mark, .products-listing__filters-standart, .products-listing__filters-units, .products-listing__filters-price {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.products-listing__filters-size {
    width: 16rem;
}

.products-listing__filters-size.has-1-columns {
    width: 35rem;
}

.products-listing__filters-size.has-2-columns {
    width: 23rem;
}

.products-listing__filters-mark {
    width: 15rem;
}

.products-listing__filters-mark.has-1-columns {
    width: 35rem;
}

.products-listing__filters-mark.has-2-columns {
    width: 25rem;
}

.products-listing__filters-standart {
    width: 18rem;
}

.products-listing__filters-standart.has-1-columns {
    width: 48rem;
}

.products-listing__filters-standart.has-2-columns {
    width: 25rem;
}

.products-listing__filters-units {
    width: 11.6rem;
}

.products-listing__filters-price {
    width: 15rem;
}

.products-listing__filters-size, .products-listing__filters-mark, .products-listing__filters-standart, .products-listing__filters-price {
    position: relative;
}

.products-listing__filters-size > button, .products-listing__filters-mark > button, .products-listing__filters-standart > button, .products-listing__filters-price > button {
    display: flex;
    align-items: center;
}

.products-listing__filters-size > button span, .products-listing__filters-mark > button span, .products-listing__filters-standart > button span, .products-listing__filters-price > button span {
    margin-right: 0.4rem;
}

.products-listing__filters-size > button svg, .products-listing__filters-mark > button svg, .products-listing__filters-standart > button svg, .products-listing__filters-price > button svg {
    width: 1.6rem;
    height: 1.6rem;
}

.products-listing__filters-size__dropdown, .products-listing__filters-mark__dropdown, .products-listing__filters-standart__dropdown, .products-listing__filters-price__dropdown {
    padding: 2rem;
    position: absolute;
    left: 0;
    top: calc(100% + 1.2rem);
    width: 29.5rem;
    background-color: #ffffff;
    border-radius: 1.6rem;
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    z-index: 2;
}

.products-listing__filters-size__dropdown.active, .products-listing__filters-mark__dropdown.active, .products-listing__filters-standart__dropdown.active, .products-listing__filters-price__dropdown.active {
    opacity: 1;
    visibility: visible;
}

.products-listing__filters-size__dropdown .parameter-btn, .products-listing__filters-mark__dropdown .parameter-btn, .products-listing__filters-standart__dropdown .parameter-btn, .products-listing__filters-price__dropdown .parameter-btn {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #e5e8f1;
    cursor: pointer;
}

.products-listing__filters-size__dropdown .parameter-btn .counter, .products-listing__filters-mark__dropdown .parameter-btn .counter, .products-listing__filters-standart__dropdown .parameter-btn .counter, .products-listing__filters-price__dropdown .parameter-btn .counter {
    margin-left: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    background-color: #285bf3;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.products-listing__filters-size__dropdown .parameter-btn .counter.active, .products-listing__filters-mark__dropdown .parameter-btn .counter.active, .products-listing__filters-standart__dropdown .parameter-btn .counter.active, .products-listing__filters-price__dropdown .parameter-btn .counter.active {
    opacity: 1;
}

.products-listing__filters-size__dropdown .parameter-btn__clear, .products-listing__filters-mark__dropdown .parameter-btn__clear, .products-listing__filters-standart__dropdown .parameter-btn__clear, .products-listing__filters-price__dropdown .parameter-btn__clear {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 1.2rem;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.products-listing__filters-size__dropdown .parameter-btn__clear.active, .products-listing__filters-mark__dropdown .parameter-btn__clear.active, .products-listing__filters-standart__dropdown .parameter-btn__clear.active, .products-listing__filters-price__dropdown .parameter-btn__clear.active {
    opacity: 1;
    visibility: visible;
}

.products-listing__filters-size__dropdown .parameter-btn__clear > svg, .products-listing__filters-mark__dropdown .parameter-btn__clear > svg, .products-listing__filters-standart__dropdown .parameter-btn__clear > svg, .products-listing__filters-price__dropdown .parameter-btn__clear > svg {
    margin-right: 0.4rem;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.products-listing__filters-size__dropdown .parameter-btn__clear > span, .products-listing__filters-mark__dropdown .parameter-btn__clear > span, .products-listing__filters-standart__dropdown .parameter-btn__clear > span, .products-listing__filters-price__dropdown .parameter-btn__clear > span {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.products-listing__filters-size__dropdown .parameter-btn:first-of-type, .products-listing__filters-mark__dropdown .parameter-btn:first-of-type, .products-listing__filters-standart__dropdown .parameter-btn:first-of-type, .products-listing__filters-price__dropdown .parameter-btn:first-of-type {
    padding-top: 0;
    border-top: none;
}

.products-listing__filters-size__dropdown .parameter-btn:last-of-type + div, .products-listing__filters-mark__dropdown .parameter-btn:last-of-type + div, .products-listing__filters-standart__dropdown .parameter-btn:last-of-type + div, .products-listing__filters-price__dropdown .parameter-btn:last-of-type + div {
    margin-bottom: 1rem;
}

.products-listing__filters-size__dropdown .parameter-btn > span, .products-listing__filters-mark__dropdown .parameter-btn > span, .products-listing__filters-standart__dropdown .parameter-btn > span, .products-listing__filters-price__dropdown .parameter-btn > span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.products-listing__filters-size__dropdown .parameter-btn > svg, .products-listing__filters-mark__dropdown .parameter-btn > svg, .products-listing__filters-standart__dropdown .parameter-btn > svg, .products-listing__filters-price__dropdown .parameter-btn > svg {
    width: 1.8rem;
    height: 1.8rem;
}

.products-listing__filters-size__dropdown .parameter-btn > svg path, .products-listing__filters-mark__dropdown .parameter-btn > svg path, .products-listing__filters-standart__dropdown .parameter-btn > svg path, .products-listing__filters-price__dropdown .parameter-btn > svg path {
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
}

.products-listing__filters-size__dropdown .parameter-btn.active > svg path:last-child, .products-listing__filters-mark__dropdown .parameter-btn.active > svg path:last-child, .products-listing__filters-standart__dropdown .parameter-btn.active > svg path:last-child, .products-listing__filters-price__dropdown .parameter-btn.active > svg path:last-child {
    transform: rotate(-90deg);
}

.products-listing__filters-size__dropdown .parameter-btn + div, .products-listing__filters-mark__dropdown .parameter-btn + div, .products-listing__filters-standart__dropdown .parameter-btn + div, .products-listing__filters-price__dropdown .parameter-btn + div {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.products-listing__filters-size__search, .products-listing__filters-mark__search, .products-listing__filters-standart__search, .products-listing__filters-price__search {
    margin-bottom: 1.8rem;
    position: relative;
}

.products-listing__filters-size__search input, .products-listing__filters-mark__search input, .products-listing__filters-standart__search input, .products-listing__filters-price__search input {
    padding: 1rem 5.6rem 1rem 2rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
}

.products-listing__filters-size__search input::placeholder, .products-listing__filters-mark__search input::placeholder, .products-listing__filters-standart__search input::placeholder, .products-listing__filters-price__search input::placeholder {
    color: #aeb3c2;
}

.products-listing__filters-size__search svg, .products-listing__filters-mark__search svg, .products-listing__filters-standart__search svg, .products-listing__filters-price__search svg {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    transform: translateY(-50%);
}

.products-listing__filters-size__form, .products-listing__filters-mark__form, .products-listing__filters-standart__form, .products-listing__filters-price__form {
    margin-bottom: 1.8rem;
    display: flex;
    flex-direction: column;
    max-height: 28rem;
    overflow-y: scroll;
}

.products-listing__filters-size__form::-webkit-scrollbar, .products-listing__filters-mark__form::-webkit-scrollbar, .products-listing__filters-standart__form::-webkit-scrollbar, .products-listing__filters-price__form::-webkit-scrollbar {
    width: 0.4rem;
}

.products-listing__filters-size__form::-webkit-scrollbar-thumb, .products-listing__filters-mark__form::-webkit-scrollbar-thumb, .products-listing__filters-standart__form::-webkit-scrollbar-thumb, .products-listing__filters-price__form::-webkit-scrollbar-thumb {
    width: 0.4rem;
    background-color: #e5e8f1;
    border-radius: 20rem;
}

.products-listing__filters-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products-listing__filters-btns__reset, .products-listing__filters-btns__apply {
    padding: 1.2rem;
    width: 12.15rem;
    text-align: center;
    border-radius: 4rem;
}

.products-listing__top {
    margin-bottom: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products-listing__top-sorting {
    padding: 3.2rem 4.8rem;
    display: flex;
    align-items: center;
    width: 56rem;
    background-color: #ffffff;
    border: 1px solid #e5e8f1;
    border-radius: 6.4rem;
}

.products-listing__top-sorting svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.products-listing__top-sorting svg:first-child {
    margin-right: 1.6rem;
}

.products-listing__top-sorting svg:last-child {
    margin-left: auto;
}

.products-listing__top-sorting span {
    font-size: 3.2rem;
    line-height: 4rem;
}

.products-listing__top-filters {
    width: 10.4rem;
    height: 10.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #285bf3;
    border-radius: 50%;
}

.products-listing__top-filters svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.products-listing__mobile-header {
    display: none;
    font-size: 18px;
    color: #82888c;
    padding: 0 15px;
    margin-bottom: 20px;
}

@media (max-width: 48em) {
    .products-listing {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .products-listing__mobile-header {
        display: block;
    }
}

.products__list-item {
    padding-top: 1.1rem;
    padding-bottom: 1.6rem;
    display: flex;
    position: relative;
}

.products__list-item > div {
    flex: 0 0 auto;
}

.products__list-item:not(:last-child) {
    border-bottom: 1px solid #e5e8f1;
}

.products__list-item__select {
    position: relative;
}

.products__list-item__select.cut:hover span {
    display: none;
}

.products__list-item__select.cut:hover {
    max-width: unset;
    z-index: 3;
    background: #fff;

    &:after {
        content: attr(data-value);
        z-index: 9;
        background-color: #fff;
        padding-right: 5px;
    }
}

.products__list-item__special {
    width: 1.7rem;
    height: 1.7rem;
    margin-left: 0.5rem;
}

.products__list-item__name {
    margin-right: 3.6rem;
    padding-top: 0.9rem;
    width: 18rem;
    flex: 0 0 auto;
}

.products__list-item__name > a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 1.7rem;
    line-height: 1;
    letter-spacing: 0.01em;
    transition: color 0.2s ease-in-out;
}

.products__list-item__name > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.products__list-item__name > a:hover {
    color: #285bf3;
}

.products__list-item__name > a:hover .info-title {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.products__list-item__name > div {
    display: flex;
    align-items: center;
}

.products__list-item__name > div p {
    margin-right: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.products__list-item__name > div img {
    width: 2rem;
    height: 1.2rem;
    object-fit: contain;
}

.products__list-item__name > div img.middle-stock {
    width: 2rem;
}

.products__list-item__name > div img.high-stock {
    width: 2.8rem;
}

.products__list-item__mark.empty > div, .products__list-item__standart.empty > div {
    border: none !important;
}

.products__list-item__mark > div, .products__list-item__standart > div {
    padding: 0.8rem 1.2rem;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    background: rgba(255, 255, 255, 0.001);
    border: 1px solid #a8b8cb;
    border-radius: 2rem;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
}

.products__list-item__mark > .products__list-item__select-empty, .products__list-item__standart > .products__list-item__select-empty {
    border: none;
}

.products__list-item__mark {
    padding-top: 0.4rem;
    width: 15rem;
}

.products__list-item__mark.has-1-columns {
    width: 35rem;
}

.products__list-item__mark.has-2-columns {
    width: 25rem;
}

.products__list-item__standart {
    padding-top: 0.4rem;
    width: 18rem;
}

.products__list-item__standart.has-1-columns {
    width: 48rem;
}

.products__list-item__standart.has-2-columns {
    width: 25rem;
}

.products__list-item__size {
    padding-top: 1rem;
    width: 16rem;
}

.products__list-item__size.has-1-columns {
    width: 35rem;
}

.products__list-item__size.has-2-columns {
    width: 23rem;
}

.products__list-item__size > p {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2b3344;
    position: relative;
}

.products__list-item__units {
    width: 11.6rem;
}

.products__list-item__units > div {
    padding: 1.2rem 1.2rem 1.2rem 1.4rem;
    display: inline-flex;
    align-items: center;
    position: relative;
    background-color: #f4f5f8;
    border-radius: 0.8rem;
}

.products__list-item__units > div > input {
    margin-right: 0.2rem;
    width: 3.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.products__list-item__units > div > input::placeholder {
    color: #768395;
}

.products__list-item__units > div > button {
    width: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.products__list-item__units > div > button span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.products__list-item__units > div > button svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
}

.products__list-item__units > div > button.active svg {
    transform: scaleY(-1);
}

.products__list-item__units-sublist {
    padding: 0.8rem 0;
    position: absolute;
    left: 50%;
    top: calc(100% + 0.8rem);
    width: 18rem;
    background-color: #ffffff;
    border-radius: 1.6rem;
    transform: translateX(-50%);
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.products__list-item__units-sublist.active {
    opacity: 1;
    visibility: visible;
}

.products__list-item__units-sublist li button {
    padding: 1rem 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: opacity 0.2s ease-in-out;
}

.products__list-item__units-sublist li button span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
    transition: color 0.2s ease-in-out;
}

.products__list-item__units-sublist li button svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.products__list-item__units-sublist li button.active span {
    color: #285bf3;
}

.products__list-item__units-sublist li button.active svg {
    opacity: 1;
}

.products__list-item__units-sublist li button:hover {
    opacity: 0.7;
}

.products__list-item .products__list-item__price {
    flex: 1 1 auto;
}

.products__list-item__price-inner {
    display: flex;
    white-space: nowrap;
}

.products__list-item__price button {
    padding: 1.2rem 2.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    background: rgba(255, 255, 255, 0.001);
    border: 1px solid #285bf3;
    border-radius: 4rem;
    transition-property: color, border-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.products__list-item__price button svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.products__list-item__price button svg.check {
    margin-left: 0.8rem;
}

.products__list-item__price button svg.cart {
    margin-right: 0.8rem;
}

.products__list-item__price button svg path {
    transition: fill 0.2s ease-in-out;
}

.products__list-item__price button span {
    font-size: 1.4rem;
    line-height: 1.75rem;
    letter-spacing: 0.01em;
    color: #285bf3;
    transition: color 0.2s ease-in-out;
    font-weight: 600;
}

.products__list-item__price button:hover {
    border-color: #5580ff;
}

.products__list-item__price button:hover span {
    color: #5580ff;
}

.products__list-item__price button:hover svg path {
    fill: #5580ff;
}

@media (max-width: 48em) {
    .products__list-item {
        padding: 4rem 3.2rem;
        flex-direction: column;
        background-color: #ffffff;
        border-radius: 4rem;
    }

    .products__list-item:not(:last-child) {
        border-bottom: none;
        margin-bottom: 3.2rem;
    }

    .products__list-item__name {
        margin-bottom: 3.2rem;
        padding-top: 0;
        margin-right: 0;
        width: 100%;
    }

    .products__list-item__name > a {
        margin-bottom: 0.8rem;
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    .products__list-item__name > div p {
        margin-right: 0.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .products__list-item__name > div img {
        height: 1.6rem;
    }

    .products__list-item__name > div img.middle-stock {
        width: 3.2rem;
    }

    .products__list-item__name > div img.high-stock {
        width: 4.8rem;
    }

    .products__list-item__info {
        margin-bottom: 3.2rem;
        padding-bottom: 3.2rem;
        display: flex;
        align-items: center;
        border-bottom: 0.2rem solid #e5e8f1;
    }

    .products__list-item__mark, .products__list-item__standart {
        padding-top: 0;
        width: auto;
    }

    .products__list-item__mark > div, .products__list-item__standart > div {
        padding: 1.6rem 2.4rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
        border-radius: 4rem;
        max-width: 100%;
        white-space: nowrap;
    }

    .products__list-item__mark {
        margin-right: 1.6rem;
    }

    .products__list-item__info2 {
        margin-bottom: 4.8rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .products__list-item__size {
        padding-top: 0;
        width: auto;
    }

    .products__list-item__size > p:first-child {
        margin-bottom: 0.8rem;
        font-size: 2.4rem;
        line-height: 3.6rem;
        letter-spacing: 0.01em;
        color: #768395;
    }

    .products__list-item__size > p:last-child {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .products__list-item__units {
        width: auto;
    }

    .products__list-item__units > div {
        padding: 2.4rem 2.4rem 2.4rem 3.2rem;
        border-radius: 1.6rem;
    }

    .products__list-item__units > div > input {
        width: 9rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .products__list-item__units > div > button {
        width: 6.4rem;
    }

    .products__list-item__units > div > button span {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .products__list-item__units > div > button svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .products__list-item__units-sublist {
        padding: 1.6rem 0;
        top: calc(100% + 1.6rem);
        right: 0;
        left: auto;
        transform: none;
        border-radius: 3.2rem;
        width: 36rem;
    }

    .products__list-item__units-sublist li button {
        padding: 2rem 4rem;
    }

    .products__list-item__units-sublist li button span {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .products__list-item__units-sublist li button svg {
        width: 4rem;
        height: 4rem;
    }

    .products__list-item__price button {
        padding: 2.4rem;
        justify-content: center;
        border-radius: 8rem;
        border-width: 0.2rem;
    }

    .products__list-item__price button svg {
        margin-right: 1.6rem;
        width: 3.2rem;
        height: 3.2rem;
    }

    .products__list-item__price button span {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

@media (max-width: 48em) {
    .section-mobile-tags {
        margin-left: -3.2rem;
        margin-bottom: 3.2rem;
        width: 75rem;
        overflow-x: scroll;
    }

    .section-mobile-tags::-webkit-scrollbar {
        width: 0;
    }

    .section-mobile-tags__list {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: 75rem;
        display: flex;
        align-items: center;
        width: max-content;
    }

    .section-mobile-tags__list-item:not(:last-child) {
        margin-right: 1.6rem;
    }

    .section-mobile-tags__list-item > button {
        padding: 1.6rem 2.4rem;
        font-weight: 500;
        font-size: 2.8rem;
        line-height: 3.6rem;
        letter-spacing: 0.01em;
        border: 1px solid #a8b8cb;
        border-radius: 4rem;
    }
}

.products-listing__controllers {
    margin-top: 2.4rem;
    display: flex;
    align-items: center;
}

.products-listing__controllers > div:first-child {
    display: flex;
    align-items: center;
}

@media (max-width: 48em) {
    .products-listing__controllers {
        margin-top: 6.4rem;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .products-listing__controllers > div:first-child {
        width: 100%;
        justify-content: space-between;
    }
}

.pagination {
    margin-right: 2.4rem;
    display: flex;
    align-items: center;
}

.pagination li:not(.pagination-text) {
    margin-right: 0.8rem;
    width: 4.8rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
    border-radius: 50%;
    border: 1px solid #e5e8f1;
    background-color: #ffffff;
    transition-property: opacity, color, background-color, border-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

@media (max-width: 48em) {
    .pagination li:not(.pagination-text) {
        width: 8rem;
        height: 8rem;
        font-size: 2.8rem;
    }
}

.pagination li.pagination-text {
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
}

@media (max-width: 48em) {
    .pagination li.pagination-text {
        height: 8rem;
        font-size: 2.8rem;
    }
}

.pagination li.pagination-text:first-child {
    margin-right: 0.8rem;
}

.pagination li.active {
    background-color: #285bf3;
    border-color: #285bf3;
    color: #ffffff;
}

.pagination li.active:hover {
    opacity: 1;
    background-color: #5580ff;
    border-color: #5580ff;
}

.pagination li.active:active(:not(:focus-visible)) {
    color: rgba(255, 255, 255, 0.5);
}

.pagination li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li a:hover {
    opacity: 0.7;
}

@media (max-width: 48em) {
    .pagination {
        margin-right: 0;
    }

    .pagination button:not(:last-child) {
        margin-right: 1.2rem;
        width: 8.8rem;
        height: 8.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .pagination button:last-child {
        height: 8.8rem;
        width: 6.4rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

.pagination-btn {
    display: flex;
    align-items: center;
    transition: opacity 0.2s ease-in-out;
}

.pagination-btn.back svg {
    rotate: 180deg;
}

.pagination-btn.back span {
    margin-left: 0.8rem;
}

.pagination-btn.next span {
    margin-right: 0.8rem;
}

.pagination-btn span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
}

.pagination-btn svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.pagination-btn:hover {
    opacity: 0.7;
}

@media (max-width: 48em) {
    .pagination-btn svg {
        width: 4rem;
        height: 4rem;
    }
}

.products-listing__showmore {
    margin-left: auto;
    padding: 1.8rem;
    width: 28rem;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: #ffffff;
    border-radius: 4rem;
    background-color: #285bf3;
}

@media (max-width: 48em) {
    .products-listing__showmore {
        margin-bottom: 4rem;
        margin-left: 0;
        padding: 3.6rem;
        width: 100%;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 8rem;
    }
}

.same-tags {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    border-top: 1px solid rgba(142, 163, 215, 0.6);
}

.same-tags__heading {
    margin-bottom: 1.6rem;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
}

.same-tags__list {
    display: flex;
    align-items: center;
}

.same-tags__list-item:not(:last-child) {
    margin-right: 0.8rem;
}

.same-tags__list-item > a {
    padding: 0.8rem 1.2rem;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    border: 1px solid #a8b8cb;
    border-radius: 2rem;
}

@media (max-width: 48em) {
    .same-tags {
        margin-top: 6.4rem;
        padding-top: 6.4rem;
    }

    .same-tags__heading {
        margin-bottom: 4rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .same-tags__list-container {
        margin-left: -3.2rem;
        width: 75rem;
        overflow-x: scroll;
    }

    .same-tags__list-container::-webkit-scrollbar {
        width: 0;
    }

    .same-tags__list {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: max-content;
    }

    .same-tags__list-item:not(:last-child) {
        margin-right: 1.6rem;
    }

    .same-tags__list-item > a {
        padding: 1.6rem 2.4rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
        border-radius: 4rem;
    }
}

.info-title {
    position: absolute;
    font-size: 13px;
    color: #fff;
    border-radius: 8px;
    background-color: rgba(1, 5, 15, 0.8);
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    left: 0.55%;
    top: -50px;
    z-index: -1;
}

.info-title svg {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
}

.info-title.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.product-hero__cart-btn .added-to-cart {
    gap: 10px;
}

.added-to-cart {
    display: flex;
    align-items: center;
}

.footer {
    color: #ffffff;
    background-color: rgba(1, 5, 15, 0.9);
    background-image: url(/image/catalog/svg/footer-bg.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
}

.footer__top {
    padding-top: 6.4rem;
    padding-bottom: 4rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid rgba(142, 163, 215, 0.6);
}

.footer__top-left {
    width: 49rem;
}

.footer__top-left__logo {
    margin-bottom: 8rem;
    display: inline-block;
}

.footer__top-left__logo img {
    width: 9.7rem;
    height: 5.6rem;
    object-fit: cover;
}

.footer__top-left__list-heading {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
}

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

.footer__top-left__list-item {
    transition: 0.4s;

    &:hover {
        color: #285bf3;
    }
}

.footer__top-left__list-item-link {
    display: flex;
    align-items: center;
}

.footer__top-left__list-item-link span {
    margin-right: 0.4rem;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
}

.footer__top-left__list-item-link svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.footer__top-right {
    width: 67rem;
}

.footer__top-right__heading {
    margin-bottom: 2.4rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
}

.footer__top-right__form {
    width: 57.1rem;
}

.footer__top-right__form-policy {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #f4f5f8;
}

.footer__top-right-input {
    position: relative;
}

.footer__top-right__form-input-container {
    position: relative;
}

.footer__top-right__form-input {
    padding: 2.2rem 17.7rem 2.2rem 2.4rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #acaeb7;
    background-color: #323847;
    border-radius: 4.8rem;
}

.footer__top-right__form-input::placeholder {
    color: transparent;
}

.footer__top-right__form-input:focus-visible + .footer__top-right__form-input-label, .footer__top-right__form-input:not(:placeholder-shown) + .footer__top-right__form-input-label, .footer__top-right__form-input:-webkit-autofill + .footer__top-right__form-input-label {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    transform: translateY(-1.4rem);
}

.footer__top-right__form-input-label {
    position: absolute;
    top: 2.2rem;
    left: 2.4rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgba(172, 174, 183, 0.8);
    transition-property: font-size, line-height, letter-spacing, transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}

.footer__top-right__form-btn {
    padding: 1.4rem 3.2rem;
    position: absolute;
    top: 50%;
    right: 0.8rem;
    min-width: 14.5rem;
    background-color: #285bf3;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
    text-align: center;
    border-radius: 4rem;
    transform: translateY(-50%);
}

.footer__bottom {
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
    display: flex;
    justify-content: space-between;
}

.footer__bottom-left {
    width: 49rem;
}

.footer__bottom-left__heading {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
}

.footer__bottom-left__list {
    margin-bottom: 4rem;
}

.footer__bottom-left__list-item {
    display: flex;
    align-items: center;
}

.footer__bottom-left__list-item:not(:last-child) {
    margin-bottom: 1.6rem;
}

.footer__bottom-left__list-item span:first-child {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1rem);
    border-radius: 50%;
}

.footer__bottom-left__list-item span:first-child svg {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.footer__bottom-left__list-item span:last-child {
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
}

.footer__bottom-left__list-item a {
    display: flex;
    align-items: center;
    transition: 0.4s;

    &:hover {
        color: #285bf3;
    }
}

.footer__bottom-left__list2 {
    margin-bottom: 9.3rem;
    display: flex;
    align-items: center;
}

.footer__bottom-left__list2-item:not(:last-child) {
    margin-right: 0.8rem;
}

.footer__bottom-left__list2-item a {
    width: 4.8rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1rem);
    border-radius: 50%;
    transition: 0.3s ease;
}

@media (hover) {
    .footer__bottom-left__list2-item a:hover {
        opacity: 0.6;
    }
}

.footer__bottom-left__list2-item a svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.footer__bottom-left__bottom {
    display: flex;
    align-items: center;
}

.footer__bottom-left__bottom p,
.footer__bottom-left__bottom a {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.footer__bottom-left__bottom p {
    margin-right: 3.2rem;
    color: #e5e8f1;
    opacity: 0.6;
}

.footer__bottom-left__bottom a {
    display: flex;
    align-items: center;
    color: #6da8ff;
    transition: opacity 0.2s ease-in-out;
}

.footer__bottom-left__bottom a span {
    margin-right: 0.8rem;
}

.footer__bottom-left__bottom a svg {
    width: 1.6rem;
    height: 1.6rem;
}

.footer__bottom-left__bottom a:hover {
    opacity: 0.8;
}

.footer__bottom-right {
    width: 67rem;
    display: flex;
    flex-direction: column;
    height: auto;
}

.footer__bottom-right__list-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer__bottom-right__list-container .acc-item.active .acc-head svg path:last-child {
    transform: rotate(-90deg);
}

.footer__bottom-right__list-container .acc-item.active .acc-content {
    padding-top: 3.2rem;
    opacity: 1;
    visibility: visible;
    max-height: unset !important;
}

.footer__bottom-right__list {
    width: 20.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.footer__bottom-right__list-heading {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
    cursor: auto;
}

.footer__bottom-right__list-item:not(:last-child) {
    margin-bottom: 1.2rem;
}

.footer__bottom-right__list-item {
    transition: 0.4s;

    &:hover {
        color: #285bf3;
    }
}

.footer__bottom-right__bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__bottom-right__bottom p,
.footer__bottom-right__bottom a {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #e5e8f1;
    opacity: 0.6;
}

.footer__bottom-right__bottom a {
    text-decoration-line: underline;
    text-underline-offset: 0.3rem;
}

@media (max-width: 48em) {
    .products__list-item__name > a {
        justify-content: unset;
    }

    .footer__top {
        padding-top: 8rem;
        padding-bottom: 6.4rem;
        flex-direction: column;
    }

    .footer__top-left {
        width: 100%;
    }

    .footer__top-left__logo {
        margin-bottom: 8.2rem;
    }

    .footer__top-left__logo img {
        width: 19.4rem;
        height: 11.2rem;
    }

    .footer__top-left__list {
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 44.8rem;
    }

    .footer__top-left__list-heading {
        margin-bottom: 3.2rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .footer__top-left__list-item {
        flex: 0 0 50%;
    }

    .footer__top-left__list-item:not(:nth-last-child(-n+2)) {
        margin-bottom: 3.2rem;
    }

    .footer__top-left__list-item-link span {
        margin-right: 0.8rem;
        font-size: 3.2rem;
        line-height: 3.8rem;
    }

    .footer__top-left__list-item-link svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .footer__top-right {
        width: 100%;
    }

    .footer__top-right__heading {
        margin-bottom: 4.8rem;
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .footer__top-right__form {
        margin-bottom: 4.8rem;
        width: 100%;
    }

    .footer__top-right__form-input {
        padding: 4.4rem 32.2rem 4.4rem 4.8rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 9.6rem;
    }

    .footer__top-right__form-input:focus-visible + .footer__top-right__form-input-label, .footer__top-right__form-input:not(:placeholder-shown) + .footer__top-right__form-input-label, .footer__top-right__form-input:-webkit-autofill + .footer__top-right__form-input-label {
        font-size: 2.4rem;
        line-height: 3.2rem;
        letter-spacing: 0.01em;
        transform: translateY(-3rem);
    }

    .footer__top-right__form-input-label {
        top: 4.4rem;
        left: 4.8rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .footer__top-right__form-btn {
        padding: 2.8rem 4.8rem;
        right: 1.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 8rem;
    }

    .footer__bottom {
        padding-top: 6.4rem;
        padding-bottom: 23.2rem;
        flex-direction: column;
    }

    .footer__bottom-left {
        width: 100%;
    }

    .footer__bottom-left__heading {
        margin-bottom: 3.2rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .footer__bottom-left__list {
        margin-bottom: 6.4rem;
    }

    .footer__bottom-left__list-item span:first-child {
        margin-right: 1.6rem;
        width: 4rem;
        height: 4rem;
    }

    .footer__bottom-left__list-item span:first-child svg {
        width: 2.4rem;
        height: 2.4rem;
    }

    .footer__bottom-left__list-item span:last-child {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    .footer__bottom-left__list2 {
        margin-bottom: 8.4rem;
    }

    .footer__bottom-left__list2-item:not(:last-child) {
        margin-right: 1.6rem;
    }

    .footer__bottom-left__list2-item a {
        width: 9.6rem;
        height: 9.6rem;
    }

    .footer__bottom-left__list2-item a svg {
        width: 4rem;
        height: 4rem;
    }

    .footer__bottom-right {
        width: 100%;
    }

    .footer__bottom-right__list-container {
        margin-bottom: 12rem;
        flex-direction: column;
    }

    .footer__bottom-right__list-container > div {
        width: 100%;
    }

    .footer__bottom-right__list-container > div:not(:last-child) {
        margin-bottom: 4.8rem;
    }

    .footer__bottom-right__list {
        max-height: 0;
        width: 100%;
        font-size: 2.8rem;
        line-height: 3.6rem;
        overflow: hidden;
        transition-property: max-height, padding, opacity, visibility;
        transition-duration: 0.3s;
        opacity: 0;
        visibility: hidden;
        transition-timing-function: ease-in-out;
    }

    .footer__bottom-right__list-heading {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .footer__bottom-right__list-heading svg {
        width: 4rem;
        height: 4rem;
        object-fit: contain;
    }

    .footer__bottom-right__list-heading svg path {
        transition: transform 0.3s ease-in-out;
        transform-origin: center;
    }

    .footer__bottom-right__list-item:not(:last-child) {
        margin-bottom: 2.4rem;
    }

    .footer__bottom-right__list-item a {
        font-weight: 500;
        font-size: 2.8rem;
        line-height: 3.6rem;
        letter-spacing: 0.01em;
        color: #ffffff;
    }

    .footer__bottom-right__bottom {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column-reverse;
    }

    .footer__bottom-right__bottom p,
    .footer__bottom-right__bottom a {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .footer__bottom-right__bottom a {
        margin-bottom: 2.2rem;
        text-underline-offset: 0.8rem;
    }
}

.header {
    position: absolute;
    top: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    color: #fff;
    z-index: 5;
    transition: position 0.2s ease-in-out;
}

.header__top {
    margin-bottom: 1.2rem;
    background-color: transparent;
}

.header__top .container {
    display: flex;
    align-items: center;
    position: relative;
}

.header__top-city {
    margin-right: 1.6rem;
    display: flex;
    align-items: center;
}

.header__top-city svg {
    margin-right: 0.8rem;
    width: 1.2rem;
    height: 1.2rem;
}

.header__top-city span, .header__top-city a {
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.header__top-location {
    padding: 2rem 3.6rem 2rem 2rem;
    position: absolute;
    top: calc(100% + 1.4rem);
    left: 0;
    z-index: 1;
    background-color: #ffffff;
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    border-radius: 2rem;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.header__top-location.active {
    opacity: 1;
    visibility: visible;
}

.header__top-location__heading {
    margin-bottom: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
}

.header__top-location__city {
    margin-bottom: 1.6rem;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.header__top-location__bottom {
    display: flex;
    align-items: center;
}

.header__top-location__ok {
    margin-right: 0.8rem;
    padding: 1.2rem 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    background-color: rgba(40, 91, 243, 0.4);
    background-image: linear-gradient(#285bf3, #285bf3);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 3s linear;
    border-radius: 4rem;
}

.header__top-location__ok.active {
    background-size: 100% 100%;
}

.header__top-location__change {
    padding: 1.2rem 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    background-color: transparent;
    color: #285bf3;
    border-radius: 4rem;
    border: 1px solid #285bf3;
}

.header__top-list {
    padding-left: 1.6rem;
    display: flex;
    align-items: center;
    width: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.header__top-list__item {
    position: relative;
    display: flex;
    align-items: center;
}

.header__top-list__item:not(:last-child) {
    margin-right: 2.4rem;
}

.header__top-list__item:nth-child(3) {
    margin-left: auto;
}

.header__top-list__item.contacts {
    cursor: pointer;
}

.header__top-list__item > span, .header__top-list__item a {
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    transition: 0.4s;

    &:hover {
        color: #285bf3;
    }
}

.header__top-list__item.links a {
    font-size: 1.6rem;
}

.header__top-list__item > span:first-child, .header__top-list__item a:first-child {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1rem);
    border-radius: 50%;
}

.header__top-list__item > span:first-child svg, .header__top-list__item a:first-child svg {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.header__bottom {
    padding: 1.2rem 1.9rem;
    border-radius: 1.2rem;
}

.header__bottom .container {
    display: flex;
    align-items: center;
}

.header__bottom-logo {
    margin-right: 3.9rem;
}

.header__bottom-logo img {
    width: 8.4rem;
    height: 4.8rem;
    object-fit: contain;
}

.header__bottom-catalog {
    margin-right: 3.2rem;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    background-color: #285bf3;
    border-radius: 9.6rem;
    border: 1px solid #285bf3;
    color: #fefefe;
    transition-property: border-color, background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.header__bottom-catalog span {
    margin-right: 1.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
}

.header__bottom-catalog svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.header__bottom-catalog svg.cross {
    display: none;
}

.header__bottom-catalog svg path {
    transition: fill 0.2s ease-in-out;
}

.header__bottom-catalog:active {
    color: rgba(254, 254, 254, 0.5);
}

.header__bottom-catalog:active svg path {
    fill: rgba(255, 255, 255, 0.5);
}

.header__bottom-catalog.active {
    background-color: rgba(137, 180, 244, 0.2);
    border-color: rgba(255, 255, 255, 0.08);
}

.header__bottom-catalog.active svg.cross {
    display: inline-block;
}

.header__bottom-catalog.active svg.menu {
    display: none;
}

.header__bottom-nav {
    display: flex;
    align-items: center;
}

.header__bottom-nav__children {
    position: absolute;
    top: 100%;
    border-radius: 16px;
    background: var(--Bg-White, #FFF);
    box-shadow: 0px 10px 19px 0px rgba(10, 20, 52, 0.08), 0px 0px 10px 0px rgba(10, 20, 52, 0.07);
    transition: ease-in-out 0.3s;
    transform: translateY(-10%);
    visibility: hidden;
    opacity: 0;
    padding: 7px 0;
    width: 300px;
}

.header__bottom-nav__children li {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050F;
}

.header__bottom-nav__children li a {
    display: block;
    padding: 7px 20px;
}

.header__bottom-nav__children li a:hover {
    color: #285BF3;
}

.header__bottom-nav__list {
    margin-right: 2rem;
    display: flex;
    align-items: center;
}

.header__bottom-nav__list .has-children {
    position: relative;
}

.header__bottom-nav__list .has-children svg {
    transition: ease-in-out 0.3s;
}

.header__bottom-nav__list .has-children:hover svg {
    rotate: 180deg;
}

.header__bottom-nav__list .has-children.show .header__bottom-nav__children {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header__bottom-nav__list-item {
    padding: 10px 0;
}

.header__bottom-nav__list-item:not(:last-child) {
    margin-right: 2rem;
}

.header__bottom-nav__list-item.has-children {
    display: flex;
    align-items: center;
}

.header__bottom-nav__list-item.has-children a {
    margin-right: 0.5rem;
}

.header__bottom-nav__list-item-link {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #acaeb7;
}

.header__bottom-nav__list-item-link:hover {
    color: #ffffff;
}

.header__bottom-nav__more {
    display: flex;
    align-items: center;
}

.header__bottom-nav__more span {
    margin-right: 0.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #acaeb7;
}

.header__bottom-nav__more span:hover {
    color: #ffffff;
}

.header__bottom-nav__more svg {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
}

.header__bottom-list {
    margin-left: auto;
    margin-right: 5.6rem;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.header__bottom-list__item:not(:last-child) {
    margin-right: 2.8rem;
}

.header__bottom-list__item-link {
    display: flex;
    align-items: center;
    transition: 0.4s;

    &:hover {
        color: #5580ff;
    }
}

.header__bottom-list__item-link span:first-child {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1rem);
    border-radius: 50%;
}

.header__bottom-list__item-link span:first-child svg {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.header__bottom-list__item-link span:last-child {
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
}

.header__bottom-search {
    margin-right: 1.2rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1rem);
}

.header__bottom-search svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.header__bottom-cart {
    padding: 0.9rem 0.9rem 0.9rem 2rem;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1rem);
    border-radius: 24rem;
}

.header__bottom-cart span:first-child {
    margin-right: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.header__bottom-cart span:last-child {
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #3b444d;
    font-size: 1.2rem;
    line-height: 1.4rem;
    background-color: #ffffff;
    border-radius: 50%;
}

.header-contacts {
    padding: 1.6rem 1.6rem 2rem 1.6rem;
    position: absolute;
    left: -1.1rem;
    top: calc(100% + 1.5rem);
    border-radius: 2rem;
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.header-contacts.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.header-contacts__online, .header-contacts__offline {
    margin-bottom: 2.4rem;
    display: none;
    align-items: center;
}

.header-contacts__online.active, .header-contacts__offline.active {
    display: flex;
}

.header-contacts__online span:first-child, .header-contacts__offline span:first-child {
    margin-right: 0.8rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.header-contacts__online span:last-child, .header-contacts__offline span:last-child {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.header-contacts__online span:first-child {
    background-color: #64cf75;
}

.header-contacts__offline span:first-child {
    background-color: #e56044;
}

.header-contacts__links {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: flex-start;
}

.header-contacts__links li:first-child {
    width: 17.6rem;
}

.header-contacts__links li:last-child {
    width: 21.6rem;
}

.header-contacts__links li:not(:last-child) {
    margin-right: 6.4rem;
}

.header-contacts__links li p {
    margin-bottom: 0.4rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.header-contacts__links li a {
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
}

.header-contacts__links-phone {
    color: #01050f;
}

.header-contacts__links-email {
    color: #285bf3;
}

.header-contacts__social {
    margin-bottom: 2rem;
    display: flex;
    align-items: flex-start;
}

.header-contacts__social > li {
    width: 13.6rem;
}

.header-contacts__social > li:first-child {
    margin-right: 6rem;
}

.header-contacts__social > li > p {
    margin-bottom: 0.4rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    color: #01050f;
}

.header-contacts__social-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-contacts__social-list__item a {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f5f8;
    border-radius: 50%;
}

.header-contacts__social-list__item a img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.header-contacts__btn {
    margin-bottom: 2rem;
    padding: 1.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
}

.header-contacts__btn span {
    margin-right: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.header-contacts__btn svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.header-contacts__info {
    padding: 1.6rem;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
}

.header-contacts__info-heading {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.header-contacts__info-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
}

.header-contacts__info-time p:first-child {
    text-align: left;
}

.header-contacts__info-time p:last-child {
    text-align: right;
}

@media (max-width: 48em) {
    .header-contacts {
        padding: 3.2rem 3.2rem 8rem 3.2rem;
        position: fixed;
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        transform: translateY(110%);
        z-index: 5;
        border-radius: 4rem 4rem 0 0;
        transition: transform 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

    .header-contacts.active {
        transform: none;
    }

    .header-contacts__close {
        position: absolute;
        top: 3.2rem;
        right: 3.2rem;
    }

    .header-contacts__close svg {
        width: 4.8rem;
        height: 4.8rem;
        object-fit: contain;
    }

    .header-contacts__online, .header-contacts__offline {
        margin-bottom: 4.8rem;
    }

    .header-contacts__online span:first-child, .header-contacts__offline span:first-child {
        margin-right: 1.6rem;
        width: 1.6rem;
        height: 1.6rem;
    }

    .header-contacts__online span:last-child, .header-contacts__offline span:last-child {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .header-contacts__links {
        margin-bottom: 5.2rem;
        width: 100%;
    }

    .header-contacts__links li {
        width: auto;
        flex: 1 1 50%;
    }

    .header-contacts__links li:not(:last-child) {
        margin-right: 0;
    }

    .header-contacts__links li p {
        margin-bottom: 0.8rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .header-contacts__links li a {
        font-size: 2.5rem;
        line-height: 3.6rem;
    }

    .header-contacts__social {
        margin-bottom: 4rem;
    }

    .header-contacts__social > li {
        width: 27.2rem;
    }

    .header-contacts__social > li:first-child {
        margin-right: 9.2rem;
        width: 27.2rem;
    }

    .header-contacts__social > li > p {
        margin-bottom: 0.8rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .header-contacts__social-list__item a {
        width: 8rem;
        height: 8rem;
    }

    .header-contacts__social-list__item a img {
        width: 4rem;
        height: 4rem;
    }

    .header-contacts__btn {
        margin-bottom: 4rem;
        padding: 2.4rem;
        width: 100%;
        border: 0.2rem solid #285bf3;
    }

    .header-contacts__btn span {
        margin-right: 1.6rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .header-contacts__btn svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .header-contacts__info {
        padding: 3.2rem;
        border-radius: 2.4rem;
    }

    .header-contacts__info-heading {
        margin-left: 1.3rem;
        margin-bottom: 1.6rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .header-contacts__info-time {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.header__catalog-mobile {
    padding: 4.2rem 3.2rem 0 3.2rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background-color: #ffffff;
    transform: translateY(110%);
    transition: transform 0.2s ease-in-out;
}

.header__catalog-mobile__pages {
    width: 100%;
}

.header__catalog-mobile__pages-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.header__catalog-mobile__pages > p {
    font-size: 14px;
    color: #64666B;
    margin-bottom: 16px;
}

.header__catalog-mobile__pages-links {
    display: flex;
    gap: 8px;
}

.header__catalog-mobile__pages a {
    padding: 8px 12px;
    display: block;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
    border: 1px solid #A8B8CB;
    border-radius: 15px;
    white-space: nowrap;
}

.header__catalog-mobile.active {
    transform: none;
}

.header__catalog-mobile__top {
    margin-bottom: 5.4rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__catalog-mobile__top-logo img {
    width: 14rem;
    height: 8rem;
    object-fit: contain;
}

.header__catalog-mobile__top-slogan {
    width: 36rem;
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: #768395;
    text-align: right;
}

.header__catalog-mobile__tabs {
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
}

.header__catalog-mobile__tabs-item {
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
}

.header__catalog-mobile__tabs-item:not(:last-child) {
    margin-right: 4rem;
}

.header__catalog-mobile__tabs-item.active {
    color: #285bf3;
}

.header__catalog-mobile__heading {
    margin-bottom: 2.4rem;
    font-size: 4.8rem;
    line-height: 5.8rem;
    color: #01050f;
    letter-spacing: -0.02em;
}

.header__catalog-mobile__menu {
    height: calc(100dvh - 52rem);
    overflow: scroll;
    width: 100%;
    display: none;
}

.header__catalog-mobile__menu-search__wrapper {
    height: calc(100vh - 60rem);
    overflow-y: auto;
}

.header__catalog-mobile__menu-search__wrapper a, .header__catalog-mobile__menu-search__wrapper p {
    display: block;
    padding: 2.4rem 0;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
}

.header__catalog-mobile__menu.active {
    display: block;
}

.header__catalog-mobile__menu::-webkit-scrollbar {
    width: 0;
}

.header__catalog-mobile__menu-btn {
    padding: 2.4rem 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.header__catalog-mobile__menu-btn svg {
    margin-right: 1.6rem;
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__menu-btn span {
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
}

.header__catalog-mobile__search {
    margin-left: -3.2rem;
    padding: 2.4rem 3.2rem 2.4rem 3.2rem;
    width: 75rem;
    position: absolute;
    bottom: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4rem rgba(39, 45, 58, 0.08);
    border-radius: 2.4rem 2.4rem 0 0;
    visibility: hidden;
    opacity: 0;
}

.header__catalog-mobile__search.active {
    visibility: visible;
    opacity: 1;
}

.header__catalog-mobile__search-input {
    padding: 2.4rem 10.4rem 2.4rem 4rem;
    width: 100%;
    font-size: 3.2rem;
    line-height: 4rem;
    background-color: #f4f5f8;
    border-radius: 2.4rem;
    color: #434343;
}

.header__catalog-mobile__search-input::placeholder {
    color: #aeb3c2;
}

.header__catalog-mobile__search-icon {
    position: absolute;
    top: 4.8rem;
    right: 6.4rem;
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__submenu {
    padding: 4rem 3.2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100dvh - 23rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #ffffff;
    transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
}

.header__catalog-mobile__submenu.active {
    transform: none;
}

.header__catalog-mobile__submenu-back {
    margin-bottom: 4.8rem;
    display: flex;
    align-items: center;
}

.header__catalog-mobile__submenu-back svg {
    margin-right: 1.6rem;
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__submenu-back span {
    font-size: 3.6rem;
    line-height: 4rem;
    color: #01050f;
}

.header__catalog-mobile__submenu-link {
    padding: 2.4rem 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__catalog-mobile__submenu-link span {
    font-size: 3.2rem;
    line-height: 4rem;
    color: #285bf3;
}

.header__catalog-mobile__submenu-link svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__submenu-list {
    overflow-y: scroll;
}

.header__catalog-mobile__submenu-list::-webkit-scrollbar {
    width: 0;
}

.header__catalog-mobile__submenu-item {
    padding: 2.4rem 0;
    width: 100%;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
    display: block;
}

.header__catalog-mobile__subsubmenu {
    padding: 4rem 3.2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
}

.header__catalog-mobile__subsubmenu.active {
    transform: none;
}

.header__catalog-mobile__subsubmenu-back {
    margin-bottom: 4.8rem;
    display: flex;
    align-items: center;
}

.header__catalog-mobile__subsubmenu-back svg {
    margin-right: 1.6rem;
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__subsubmenu-back span {
    font-size: 3.6rem;
    line-height: 4rem;
    color: #01050f;
}

.header__catalog-mobile__subsubmenu-card {
    margin-bottom: 1.6rem;
    padding-bottom: 4.8rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #e5e8f1;
}

.header__catalog-mobile__subsubmenu-card-left {
    width: 29.2rem;
    height: 16.4rem;
    object-fit: contain;
}

.header__catalog-mobile__subsubmenu-card-right {
    display: flex;
    flex-direction: column;
    width: 37.2rem;
}

.header__catalog-mobile__subsubmenu-card-right p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #01050f;
}

.header__catalog-mobile__subsubmenu-card-right a {
    margin-top: auto;
    display: flex;
    align-items: center;
}

.header__catalog-mobile__subsubmenu-card-right a span {
    margin-right: 1.6rem;
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: #285bf3;
}

.header__catalog-mobile__subsubmenu-card-right a svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__subsubmenu-search {
    margin-bottom: 1.6rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #e5e8f1;
}

.header__catalog-mobile__subsubmenu-search p {
    margin-bottom: 3.2rem;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: 0.01em;
    color: #64666b;
}

.header__catalog-mobile__subsubmenu-search-container {
    margin-left: -3.2rem;
    width: 75rem;
    overflow-x: scroll;
}

.header__catalog-mobile__subsubmenu-search-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.header__catalog-mobile__subsubmenu-search-container ul {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    display: flex;
    align-items: center;
    width: max-content;
}

.header__catalog-mobile__subsubmenu-search-container ul li:not(:last-child) {
    margin-right: 1.6rem;
}

.header__catalog-mobile__subsubmenu-search-container ul li a {
    padding: 1.6rem 2.4rem;
    display: inline-block;
    font-size: 2.8rem;
    line-height: 3.6rem;
    text-align: center;
    border: 1px solid #a8b8cb;
    border-radius: 4rem;
    color: #01050f;
}

.header__catalog-mobile__subsubmenu-link {
    padding: 2.4rem 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__catalog-mobile__subsubmenu-link span {
    font-size: 3.2rem;
    line-height: 4rem;
    color: #285bf3;
}

.header__catalog-mobile__subsubmenu-link svg {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
}

.header__catalog-mobile__subsubmenu-list {
    max-height: calc(100vh - 44.6rem - 30.4rem);
    overflow-y: scroll;
}

.header__catalog-mobile__subsubmenu-list::-webkit-scrollbar {
    width: 0;
}

.header__catalog-mobile__subsubmenu-list a {
    padding: 2.4rem 0;
    display: block;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #01050f;
}

.header.scroll {
    position: fixed;
    top: 1.2rem;
}

.header.scroll .header__top {
    display: none;
}

.header.scroll .header__bottom {
    background: rgba(26, 31, 43, 0.79);
    box-shadow: 0px 0.8rem 2.8rem rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2.8rem);
}

.header.scroll .header__bottom-nav__list-item-link {
    color: #fff;
}

.header.scroll .header__bottom-nav__more span {
    color: #fff;
}

.header.scroll .header__bottom-nav__more svg path {
    fill: #fff;
}

.header.scroll .header__bottom-list {
    opacity: 1;
    visibility: visible;
}

.header.scroll .header__bottom-list__item span:first-child {
    backdrop-filter: none;
}

@media (max-width: 48em) {
    .header {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .header__top {
        margin-bottom: 0;
    }

    .header__top-location {
        padding: 3.2rem;
        width: 68.6rem;
        left: 50%;
        top: 16.8rem;
        transform: translateX(-50%);
    }

    .header__top-location__heading {
        margin-bottom: 0.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .header__top-location__city {
        margin-bottom: 3.2rem;
        font-size: 3.2rem;
        line-height: 3.8rem;
    }

    .header__top-location__ok, .header__top-location__change {
        padding: 2.4rem 4.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
        border-radius: 8rem;
    }

    .header__top-location__ok {
        margin-right: 1.6rem;
    }

    .header__bottom {
        position: absolute;
        padding: 2.4rem 2.2rem;
        width: 100%;
        border-radius: 2.4rem;
    }

    .header__bottom .container {
        padding: 0;
    }

    .header__bottom-logo {
        margin-right: 0;
    }

    .header__bottom-logo img {
        width: 14rem;
        height: 8rem;
    }

    .header__bottom-search {
        margin-left: auto;
        margin-right: 1.6rem;
        width: 8rem;
        height: 8rem;
    }

    .header__bottom-search svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .header__bottom-contacts {
        margin-right: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 8rem;
        height: 8rem;
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(1rem);
        border-radius: 50%;
    }

    .header__bottom-contacts svg {
        width: 3.8rem;
        height: 3.8rem;
        object-fit: contain;
    }

    .header__bottom-location {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 8rem;
        height: 8rem;
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(1rem);
        border-radius: 50%;
    }

    .header__bottom-location svg {
        width: 3.2rem;
        height: 3.2rem;
        object-fit: contain;
    }

    .header__menu-mobile {
        padding: 3rem 3.2rem 2rem 3.2rem;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0px 0px 4rem rgba(39, 45, 58, 0.08);
        background-color: #ffffff;
        border-top-left-radius: 2.4rem;
        border-top-right-radius: 2.4rem;
    }

    .header__menu-mobile__item {
        width: 12.44rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }

    .header__menu-mobile__item.active svg path {
        fill: #285bf3;
    }

    .header__menu-mobile__item.active > span {
        color: #01050f;
    }

    .header__menu-mobile__item.cart > span {
        position: relative;
    }

    .header__menu-mobile__item.cart .number {
        position: absolute;
        top: -1rem;
        right: -1.8rem;
        width: 3.2rem;
        height: 3.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #285bf3;
        color: #ffffff;
        font-size: 2rem;
        line-height: 2.4rem;
        border-radius: 50%;
    }

    .header__menu-mobile__item svg {
        margin-bottom: 0.8rem;
        width: 4rem;
        height: 4rem;
        object-fit: contain;
    }

    .header__menu-mobile__item svg path {
        fill: #acaeb7;
        transition: fill 0.2s ease-in-out;
    }

    .header__menu-mobile__item > span {
        font-size: 2rem;
        line-height: 3rem;
        letter-spacing: 0.01em;
        text-align: center;
        color: #aeb3c2;
    }

    .header.scroll {
        top: 0;
    }

    .header.scroll .header__bottom {
        top: 1.6rem;
        left: 1.6rem;
        width: 71.7rem;
    }
}

.catalog-menu {
    padding-top: 13.6rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #01050f;
    z-index: 4;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition-property: transform, opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.catalog-menu__list-search a {
    padding: 1.2rem 1.2rem 1.2rem 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
    border-radius: 12rem;
}

.catalog-menu__search {
    padding: 0.9rem 0.9rem 0.9rem 2rem;
    display: flex;
    align-items: center;
    background: rgba(169, 169, 169, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1rem);
    border-radius: 24rem;
    width: 100%;
    margin-bottom: 15px;
    color: white;
    font-size: 18px;
    cursor: text;
}

.catalog-menu__search-wrapper {
    position: relative;
}

.catalog-menu__search-wrapper .clear-btn {
    position: absolute;
    top: 10px;
    right: 10px;
}

.catalog-menu__search-ico {
    width: 20px;
    height: 20px;
    display: block;
}

.catalog-menu__search-ico use {
    transition: 0.3s ease;
    fill: #acaeb7;
}

.catalog-menu.active {
    transform: none;
    opacity: 1;
    visibility: visible;
}

.catalog-menu__content {
    position: relative;
    border-top: 1px solid #394258;
}

.catalog-menu__content-container {
    max-height: 79.875vh;
    overflow-y: scroll;
}

.catalog-menu__content-container::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__content-right {
    padding-top: 3.2rem;
    position: absolute;
    top: 0;
    left: 100%;
    width: 33.5rem;
    height: 78vh;
    overflow: visible;
    overflow-y: scroll;
}

.catalog-menu__content-right::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__content-right__search {
    padding: 3.2rem 1.6rem 0 1.6rem;
    position: absolute;
    left: 100%;
    width: 33.4rem;
    height: 78vh;
    top: 0;
    overflow-y: auto;
    display: none;
    z-index: 2;
}

.catalog-menu__content-right__search::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__content-right__search.active, .catalog-menu__content-right__search:hover {
    display: block;
}

.catalog-menu__content-right__search-heading {
    margin-left: 1.3rem;
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    color: #acaeb7;
}

.catalog-menu__content-right__search-link {
    margin-left: 1.3rem;
    margin-bottom: 2.1rem;
    display: inline-flex;
    align-items: center;
}

.catalog-menu__content-right__search-link span {
    margin-right: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #6da8ff;
}

.catalog-menu__content-right__search-link svg {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.catalog-menu__content-right__search-list {
    margin-left: 1.3rem;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.catalog-menu__content-right__search-list-item {
    margin-bottom: 0.8rem;
    padding: 0.8rem 1.2rem;
    position: relative;
    border: 1px solid #e5e8f1;
    border-radius: 2rem;
    transition: background-color 0.2s ease-in-out;
}

.catalog-menu__content-right__search-list-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.catalog-menu__content-right__search-list-item:not(:last-child) {
    margin-right: 0.8rem;
}

.catalog-menu__content-right__search-list-item a {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #e5e8f1;
}

.catalog-menu__content-right__search-list-item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.catalog-menu__content-right__search-menu-heading {
    margin-left: 1.3rem;
    margin-bottom: 1.2rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.catalog-menu__content-right__search-menu-items {
    margin-bottom: 2rem;
    overflow-y: auto;
    max-height: 74vh;
}

.catalog-menu__content-right__search-menu-items::-webkit-scrollbar {
    width: 0.2rem;
    margin-right: 10px;
}

.catalog-menu__content-right__search-menu-items::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.catalog-menu__content-right__search-menu-item a {
    display: block;
    padding: 1.2rem 1.2rem 1.2rem 1.6rem;
    width: 100%;
    position: relative;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
    border-radius: 12rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.catalog-menu__content-right__search-menu-item a:hover {
    background-color: #2b3344;
}

.catalog-menu__content-right__card {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.catalog-menu__content-right__description {
    width: 28rem;
    position: relative;
    line-height: 1.25;
}

.catalog-menu__content-right__description p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .catalog-menu__content-right__description p {
        font-size: 1.6rem;
        margin-bottom: 0.8rem;
    }
}

.catalog-menu__content-right__description a {
    color: #6da8ff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (min-width: 1440px) {
    .catalog-menu__content-right__description a {
        font-size: 1.4rem;
        gap: 0.8rem;
    }
}

.catalog-menu__content-right__description a svg {
    width: 16px;
    height: 16px;
    transform: rotate(-90deg);
    display: block;
}

.catalog-menu__content-right__description a svg use {
    fill: #285bf3;
}

@media screen and (min-width: 1440px) {
    .catalog-menu__content-right__description a svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

.catalog-menu__list {
    padding-top: 2.4rem;
    padding-right: 1.6rem;
    width: 31rem;
    border-right: 1px solid #394258;
    overflow-y: scroll;
    max-height: 100%;
    max-height: 79.875vh;
    overflow-y: scroll;
}

.catalog-menu__list::-webkit-scrollbar {
    width: 0.2rem;
    margin-right: 10px;
}

.catalog-menu__list::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.catalog-menu__list-item {
    position: relative;
    cursor: pointer;
}

.catalog-menu__list-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1.6rem);
    height: 100%;
}

.catalog-menu__list-item.active svg path {
    fill: #ffffff;
}

.catalog-menu__list-item.active svg:last-child {
    opacity: 1;
}

.catalog-menu__list-item.active span {
    color: #ffffff;
}

.catalog-menu__list-item.active a {
    background-color: #2b3344;
}

.catalog-menu__list-item:hover svg path {
    fill: #ffffff;
}

.catalog-menu__list-item:hover svg:last-child {
    opacity: 1;
}

.catalog-menu__list-item:hover span {
    color: #ffffff;
}

.catalog-menu__list-item:hover + div .catalog-menu__submenu {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__list-item:hover a {
    background-color: #2b3344;
}

.catalog-menu__list-item a {
    padding: 1.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 12rem;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.catalog-menu__list-item a svg:first-child {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.catalog-menu__list-item a svg:last-child {
    margin-left: auto;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.catalog-menu__list-item a svg path {
    transition: fill 0.2s ease-in-out;
    fill: #f4f5f8;
}

.catalog-menu__list-item a span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #f4f5f8;
}

.catalog-menu__list-item a.active {
    background-color: #2b3344;
}

.catalog-menu__list-item a.active svg path {
    fill: #ffffff;
}

.catalog-menu__list-item a.active svg:last-child {
    opacity: 1;
}

.catalog-menu__list-item a.active span {
    color: #ffffff;
}

.catalog-menu__submenu-container {
    max-height: 79.875vh;
    overflow-y: scroll;
}

.catalog-menu__submenu-container::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__submenu-container.active .catalog-menu__submenu {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__subsubmenu-container {
    max-height: 79.875vh;
    overflow-y: scroll;
}

.catalog-menu__subsubmenu-container::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__subsubmenu-container.active .catalog-menu__sublist-submenu {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__submenu {
    padding: 3.2rem 1.6rem 0 1.6rem;
    position: absolute;
    left: 31rem;
    top: 0;
    width: 33.4rem;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.catalog-menu__submenu.full-width {
    width: 80rem;
}

.catalog-menu__submenu.full-width .catalog-menu__sublist-item {
    width: fit-content;
}

.catalog-menu__submenu-inner {
    overflow-y: auto;
    height: 79.875vh;
    overflow-x: clip;
}

.catalog-menu__submenu-inner::-webkit-scrollbar {
    width: 0.2rem;
    margin-right: 10px;
}

.catalog-menu__submenu-inner::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.catalog-menu__submenu:hover {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__submenu-content {
    max-height: 79.875vh;
    overflow-y: scroll;
}

.catalog-menu__submenu-content::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__submenu-heading {
    margin-left: 1.3rem;
    margin-bottom: 1.2rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.catalog-menu__sublist {
    width: 100%;
}

.catalog-menu__sublist-item {
    position: relative;
}

.catalog-menu__sublist-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1.6rem);
    height: 100%;
    z-index: -1;
}

.catalog-menu__sublist-item__link {
    padding: 1.2rem 1.2rem 1.2rem 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
    border-radius: 12rem;
}

.catalog-menu__sublist-item__link:hover {
    background-color: #2b3344;
}

.catalog-menu__sublist-item__link:hover > svg {
    opacity: 1;
}

.catalog-menu__sublist-item button {
    padding: 1.2rem 1.2rem 1.2rem 1.6rem;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 12rem;
    transition: background-color 0.2s ease-in-out;
}

.catalog-menu__sublist-item button > span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.catalog-menu__sublist-item button > svg {
    margin-left: auto;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.catalog-menu__sublist-item:hover + div .catalog-menu__sublist-submenu {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__sublist-item:hover button {
    background-color: #2b3344;
}

.catalog-menu__sublist-item:hover button > svg {
    opacity: 1;
}

.catalog-menu__sublist-item.active a {
    background-color: #2b3344;
}

.catalog-menu__sublist-item.active a > svg {
    opacity: 1;
}

.catalog-menu__sublist-submenu {
    padding: 3.2rem 1.6rem 0 1.6rem;
    position: absolute;
    left: 100%;
    top: 0;
    width: 33.4rem;
    max-height: 78vh;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    border-left: 1px solid #394258;
    height: 100%;
}

.catalog-menu__sublist-submenu:hover {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__sublist-submenu::-webkit-scrollbar {
    width: 0;
}

.catalog-menu__sublist-submenu.active {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__sublist-submenu__heading {
    margin-left: 1.3rem;
    margin-bottom: 1.2rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.catalog-menu__sublist-submenu__link {
    margin-left: 1.6rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
}

.catalog-menu__sublist-submenu__link span {
    margin-right: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6da8ff;
}

.catalog-menu__sublist-submenu__link svg {
    width: 1.6rem;
    line-height: 1.6rem;
}

.catalog-menu__sublist-submenu__list {
    overflow-y: auto;
    max-height: 74vh;
}

.catalog-menu__sublist-submenu__list::-webkit-scrollbar {
    width: 0.2rem;
    margin-right: 10px;
}

.catalog-menu__sublist-submenu__list::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.catalog-menu__sublist-submenu__list-item {
    padding: 1.2rem 1.2rem 1.2rem 1.6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
    border-radius: 12rem;
}

.catalog-menu__sublist-submenu__list-item.active {
    background-color: #2b3344;
}

.catalog-menu__sublist-submenu__list-item:hover {
    background-color: #2b3344;
}

.catalog-menu__sublist-submenu__list-item:hover + div .catalog-menu__content-right__search {
    display: block;
}

.catalog-menu__sublist-submenu__list-item a {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.catalog-menu__sublist-submenu__list-item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.header.scroll + .catalog-menu {
    padding-top: 9.6rem;
    position: fixed;
}

.choose-city {
    padding-top: 4.8rem;
    padding-bottom: 7.4rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    background-color: #1a1f2b;
    z-index: 5;
    transform: translateY(-100%);
    transform-origin: top;
    border-radius: 0 0 2rem 2rem;
    overflow-y: scroll;
    transition: transform 0.2s ease-in-out;
}

.choose-city.active {
    transform: none;
}

.choose-city::-webkit-scrollbar {
    width: 0;
}

.choose-city .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.choose-city__close {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1rem);
    border-radius: 50%;
    z-index: 2;
}

.choose-city__close svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.choose-city__map {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 104.2rem;
    height: 69.8rem;
    z-index: -1;
}

.choose-city__left {
    width: 49rem;
}

.choose-city__left-subheading {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
}

.choose-city__left-heading {
    margin-bottom: 3.4rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 5.3rem;
    letter-spacing: -0.02em;
}

.choose-city__left-list__heading {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
}

.choose-city__left-list {
    margin-bottom: 4.2rem;
}

.choose-city__left-list__item {
    display: flex;
    align-items: center;
}

.choose-city__left-list__item:not(:last-child) {
    margin-bottom: 1.4rem;
}

.choose-city__left-list__item a {
    display: flex;
    align-items: center;
}

.choose-city__left-list__item span:first-child {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1rem);
}

.choose-city__left-list__item span:first-child svg {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.choose-city__left-list__item span:last-child {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.choose-city__left-call {
    margin-bottom: 12.3rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #6da8ff;
}

.choose-city__left-social {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.choose-city__left-social__item-link {
    display: flex;
    align-items: center;
}

.choose-city__left-social__item-link span {
    margin-right: 0.4rem;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
}

.choose-city__left-social__item-link svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.choose-city__right {
    padding-top: 4.5rem;
    width: 56rem;
}

.choose-city__right-heading {
    margin-bottom: 1.2rem;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
}

.choose-city__right-description {
    margin-bottom: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.choose-city__right-form {
    margin-bottom: 3.2rem;
    width: 100%;
    position: relative;
}

.choose-city__right-form__input {
    width: 100%;
    padding: 1rem 5.6rem 1rem 2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
    background-color: #2b3344;
    border-radius: 4.8rem;
}

.choose-city__right-form__input::-webkit-search-decoration, .choose-city__right-form__input::-webkit-search-cancel-button, .choose-city__right-form__input::-webkit-search-results-button, .choose-city__right-form__input::-webkit-search-results-decoration {
    display: none;
}

.choose-city__right-form__input::placeholder {
    color: #768395;
}

.choose-city__right-form__btn {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    cursor: pointer;
}

.choose-city__right-form__btn svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.choose-city__right-form__btn.inactive {
    opacity: 0;
    visibility: hidden;
}

.choose-city__right-form__clear {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

.choose-city__right-form__clear svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.choose-city__right-form__clear.active {
    opacity: 1;
    visibility: visible;
}

.choose-city__right-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-height: 23.6rem;
    overflow-y: auto;
}

.choose-city__right-list::-webkit-scrollbar {
    width: 0.2rem;
}

.choose-city__right-list::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.choose-city__right-list.inactive {
    display: none;
}

.choose-city__right-list li {
    width: 19rem;
}

.choose-city__right-list li p {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2rem;
    cursor: pointer;
}

.choose-city__right-list li:not(:nth-child(7n)) {
    margin-bottom: 1.6rem;
}

.choose-city__right-list li.active p::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1.6rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #e5e8f1;
    border-radius: 50%;
    transform: translateY(-50%);
}

.choose-city__right-result {
    display: none;
}

.choose-city__right-result.active {
    display: block;
}

.choose-city__right-result__heading {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
}

.choose-city__right-result__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 20.6rem;
}

.choose-city__right-result__list-item {
    width: 20.6rem;
}

.choose-city__right-result__list-item:not(:nth-child(6n)) {
    margin-bottom: 1.6rem;
}

.choose-city__right-result__list-item p {
    font-size: 1.6rem;
    line-height: 2rem;
    cursor: pointer;
}

.choose-city__right-noresult {
    margin-top: 1.6rem;
    display: none;
}

.choose-city__right-noresult.active {
    display: block;
}

.choose-city__right-noresult__icon {
    margin-bottom: 2.4rem;
    width: 7.2rem;
    height: 7.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1rem);
}

.choose-city__right-noresult__icon svg {
    width: 3.2rem;
    height: 3.2rem;
    object-fit: contain;
}

.choose-city__right-noresult__heading {
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
    line-height: 3rem;
}

.choose-city__right-noresult__description {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #e5e8f1;
}

@media (max-width: 48em) {
    .choose-city {
        padding-top: 4rem;
        padding-bottom: 10.4rem;
        height: 100vh;
        overflow-y: scroll;
        border-radius: 0;
        background-image: url(/image/catalog/svg/map.svg);
        background-position: bottom -5.4rem right -28.6rem;
        background-size: 140rem 93.4rem;
        background-repeat: no-repeat;
    }

    .choose-city .container {
        flex-direction: column;
    }

    .choose-city__logo {
        margin-bottom: 5.6rem;
    }

    .choose-city__logo img {
        width: 14rem;
        height: 8rem;
        object-fit: contain;
    }

    .choose-city__close {
        top: 4rem;
        right: 4rem;
        width: 8rem;
        height: 8rem;
    }

    .choose-city__close svg {
        width: 4rem;
        height: 4rem;
    }

    .choose-city__left {
        width: 100%;
    }

    .choose-city__left-subheading {
        margin-bottom: 0.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .choose-city__left-heading {
        margin-bottom: 4.8rem;
        font-size: 5.6rem;
        line-height: 6.4rem;
    }

    .choose-city__left-contacts {
        max-height: 0;
        transition: max-height 0.2s ease-in-out;
        overflow: hidden;
    }

    .choose-city__left-showmore {
        display: flex;
        align-items: center;
    }

    .choose-city__left-showmore.active svg {
        transform: scaleY(-1);
    }

    .choose-city__left-showmore span {
        margin-right: 1.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
        color: #6da8ff;
    }

    .choose-city__left-showmore svg {
        width: 4rem;
        height: 4rem;
        object-fit: contain;
        transition: transform 0.2s ease-in-out;
    }

    .choose-city__left-list__heading {
        margin-bottom: 3.2rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .choose-city__left-list {
        margin-bottom: 8rem;
    }

    .choose-city__left-list__item:not(:last-child) {
        margin-bottom: 2.8rem;
    }

    .choose-city__left-list__item span:first-child {
        margin-right: 1.6rem;
        width: 4rem;
        height: 4rem;
    }

    .choose-city__left-list__item span:first-child svg {
        width: 2.4rem;
        height: 2.4rem;
    }

    .choose-city__left-list__item span:last-child {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .choose-city__left-call {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .choose-city__right {
        padding-top: 6.4rem;
        width: 100%;
    }

    .choose-city__right-heading {
        margin-bottom: 1.6rem;
        font-size: 3.2rem;
        line-height: 3.8rem;
    }

    .choose-city__right-description {
        margin-bottom: 4.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .choose-city__right-form {
        margin-bottom: 4.8rem;
    }

    .choose-city__right-form__input {
        padding: 2rem 9.2rem 2rem 4rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 9.6rem;
    }

    .choose-city__right-form__btn, .choose-city__right-form__clear {
        right: 3.2rem;
    }

    .choose-city__right-form__btn svg, .choose-city__right-form__clear svg {
        width: 4rem;
        height: 4rem;
    }

    .choose-city__right-list {
        max-height: 76rem;
    }

    .choose-city__right-list li {
        width: 49%;
    }

    .choose-city__right-list li:not(:nth-child(7n)) {
        margin-bottom: 0;
    }

    .choose-city__right-list li:not(:nth-child(11n)) {
        margin-bottom: 3.2rem;
    }

    .choose-city__right-list li p {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.cookie {
    padding: 0.9rem 1.1rem 0.9rem 1.7rem;
    position: fixed;
    bottom: 1.8rem;
    left: 50%;
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 1rem rgba(10, 20, 52, 0.07), 0px 1rem 1.9rem rgba(10, 20, 52, 0.08);
    backdrop-filter: blur(1rem);
    border-radius: 10.4rem;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    z-index: 5;
}

.cookie.active {
    opacity: 1;
    visibility: visible;
}

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

.cookie__img {
    margin-right: 1.2rem;
    width: 4.6rem;
    height: 4.6rem;
    object-fit: contain;
}

.cookie__description {
    margin-right: 3.3rem;
    width: 50.7rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

.cookie__description a {
    color: #285bf3;
}

.cookie__btn {
    padding: 1.2rem 2.4rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #ffffff;
    letter-spacing: 0.01em;
    background-color: #285bf3;
    border-radius: 4rem;
}

@media (max-width: 48em) {
    .cookie {
        padding: 2.4rem;
        bottom: 18.4rem;
        width: 68.6rem;
    }

    .cookie__img {
        margin-right: 0;
        position: absolute;
        top: 1.6rem;
        left: -2rem;
        width: 9.2rem;
        height: 7rem;
    }

    .cookie__description {
        margin-left: auto;
        margin-right: 4rem;
        width: 36.6rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .cookie__btn {
        padding: 1.6rem;
        min-width: 17rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

.main-hero {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-top: 15.1rem;
    height: 80rem;
}

.main-hero .container {
    position: unset;
}

.main-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    z-index: -1;
}

.main-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.main-hero__heading {
    width: 94.1rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 10.4rem;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.main-hero__heading span {
    margin-right: 2.6rem;
    display: inline-block;
}

.main-hero__heading span img {
    width: 7.2rem;
    height: 7.2rem;
    object-fit: contain;
}

.main-hero__list-container {
    position: absolute;
    bottom: 6.1rem;
    left: 4.8rem;
}

.main-hero__list {
    display: flex;
    align-items: center;
}

.main-hero__list-item {
    padding: 1.4rem;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1.33rem);
    border-radius: 12rem;
}

.main-hero__list-item:not(:last-child) {
    margin-right: 0.8rem;
}

.main-hero__list-item__icon {
    margin-right: 1.2rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.main-hero__list-item__text {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.main-hero__advantages {
    position: absolute;
    top: 18.6rem;
    right: 9.6rem;
    width: 28.8rem;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
}

.main-hero__advantages-item:not(:last-child) {
    margin-bottom: 2.4rem;
}

.main-hero__advantages-item:nth-child(odd) {
    color: #ffffff;
}

.main-hero__advantages-item:nth-child(even) {
    color: #f9f9f9;
    opacity: 0.6;
}

.main-hero__news {
    padding: 2.4rem 4.8rem 2.4rem 3.2rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 41.5rem;
    height: 15.2rem;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border-top-left-radius: 1.5rem;
}

@media (max-width: 48em) {
    .main-hero__news {
        display: none;
    }
}

.main-hero__news-top {
    display: flex;
    align-items: flex-start;
}

.main-hero__news-top__text {
    margin-right: 2rem;
    width: 24.3rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
}

.main-hero__news-top__img {
    width: 7.2rem;
    height: 7.2rem;
    object-fit: cover;
    border-radius: 0.8rem;
}

.main-hero__news-bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #64666b;
}

.main-hero__news-bottom__left {
    margin-right: 2.4rem;
    position: relative;
}

.main-hero__news-bottom__left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1.4rem;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #64666b;
    border-radius: 50%;
    transform: translateY(-50%);
}

@media (max-width: 48em) {
    .main-hero {
        padding-top: 0;
        height: auto;
    }

    .main-hero__block {
        padding-top: 20.6rem;
        position: relative;
        height: calc(100vh - 17.2rem);
    }

    .main-hero__bg {
        height: 100%;
    }

    .main-hero__heading {
        margin-bottom: 4.8rem;
        width: 100%;
        font-size: 8rem;
        line-height: 8.4rem;
    }

    .main-hero__heading span {
        margin-right: 1.2rem;
    }

    .main-hero__heading span svg {
        width: 6.4rem;
        height: 6.4rem;
    }

    .main-hero__advantages {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        font-size: 3.2rem;
        line-height: 3.8rem;
    }

    .main-hero__advantages p:first-child {
        margin-bottom: 2.2rem;
    }

    .main-hero__list-container {
        left: 3.2rem;
        bottom: 5.8rem;
        width: 71.8rem;
        overflow: scroll;
    }

    .main-hero__list-container::-webkit-scrollbar {
        width: 0;
        display: none;
    }

    .main-hero__list {
        width: 80rem;
    }

    .main-hero__list-item {
        padding: 1.6rem 2.4rem;
    }

    .main-hero__list-item__icon {
        margin-right: 2.4rem;
        width: 4rem;
        height: 4rem;
    }

    .main-hero__list-item__text {
        font-size: 2.8rem;
        line-height: 3.6rem;
        letter-spacing: 0.01em;
    }

    .main-hero__news {
        padding: 6.4rem 3.2rem 0 3.2rem;
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .main-hero__news-top {
        margin-bottom: 2.4rem;
        justify-content: space-between;
    }

    .main-hero__news-top__text {
        width: 48.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .main-hero__news-top__img {
        width: 14.4rem;
        height: 14.4rem;
    }

    .main-hero__news-bottom {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .main-hero__news-bottom__left {
        margin-right: 4.8rem;
    }

    .main-hero__news-bottom__left::after {
        width: 0.8rem;
        height: 0.8rem;
        right: -2.8rem;
    }
}

@media (min-width: 120em) {
    .main-hero__list-container {
        left: 22.8rem;
    }

    .main-hero__advantages {
        right: 23rem;
    }

    .main-hero__news {
        right: 22.8rem;
        border-top-right-radius: 1.5rem;
    }
}

.main-products__subheading {
    margin-bottom: 1.6rem;
}

.main-products__heading {
    margin-bottom: 3.2rem;
    width: 116rem;
}

.main-products__content {
    display: none;
}

.main-products__content.active {
    display: block;
}

.main-products .categories {
    margin-bottom: 5.6rem;
}

.main-products__swiper-top {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-products__swiper-heading {
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: -0.02em;
}

.main-products__swiper-container {
    width: 100%;
    position: relative;
}

.main-products__swiper {
    position: relative;
    overflow: hidden;
}

.main-products__swiper-slide {
    padding: 3.2rem 2.4rem;
    position: relative;
    width: 43.8rem;
    height: 52rem;
    background-color: #ffffff;
    border-radius: 2rem;
}

.main-products__swiper-slide__count {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
}

.main-products__swiper-slide__title {
    margin-bottom: 2rem;
    font-family: "Vela Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
}

.main-products__swiper-slide__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-height: 66%;
    overflow: auto;
}

.main-products__swiper-slide__list::-webkit-scrollbar {
    width: 0;
    display: none;
}

.main-products__swiper-slide__list-item {
    margin-bottom: 0.8rem;
    padding: 0.8rem 1.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    border: 1px solid #a8b8cb;
    border-radius: 2rem;
    transition: opacity 0.2s ease-in-out;
    background: rgba(255, 255, 255, 0.3);
}

.main-products__swiper-slide__list-item:not(:last-child) {
    margin-right: 0.7rem;
}

.main-products__swiper-slide__list-item:hover {
    opacity: 0.8;
}

.main-products__swiper-slide__img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 31.5rem;
    object-fit: cover;
    border-bottom-right-radius: inherit;
    z-index: -1;
}

.main-products__swiper-slide__link {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    width: 39rem;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0.01em;
    color: #ffffff;
    background-color: #285bf3;
    border-radius: 4rem;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility, color, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.main-products__swiper-slide:hover .main-products__swiper-slide__link {
    opacity: 1;
    visibility: visible;
}

.main-products__heading {
    width: 100%;
    margin-bottom: 3.2rem;
}

@media (max-width: 48em) {
    .main-products__subheading {
        margin-bottom: 2.4rem;
    }

    .main-products__heading {
        margin-bottom: 3.2rem;
    }

    .main-products__categories {
        margin-left: -3.2rem;
        width: 75rem;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .main-products__categories::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    .main-products .categories {
        display: none;
    }

    .main-products__swiper-top {
        margin-bottom: 3.2rem;
    }

    .main-products__swiper-heading {
        display: none;
    }

    .main-products__swiper {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        margin-left: -3.2rem;
        width: 75rem;
    }

    .main-products__swiper-slide {
        padding: 3.8rem 3.2rem;
        width: 60.4rem;
        height: 80rem;
        border-radius: 4rem;
    }

    .main-products__swiper-slide.swiper-slide-active .main-products__swiper-slide__link {
        opacity: 1;
        visibility: visible;
    }

    .main-products__swiper-slide__count {
        margin-bottom: 1.6rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .main-products__swiper-slide__title {
        margin-bottom: 4rem;
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .main-products__swiper-slide__list-item {
        margin-bottom: 1.6rem;
        padding: 1.6rem 2.4rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
        border-radius: 4rem;
        white-space: nowrap;
    }

    .main-products__swiper-slide__list-item:not(:last-child) {
        margin-right: 1.6rem;
    }

    .main-products__swiper-slide__img {
        height: 43rem;
    }

    .main-products__swiper-slide__link {
        padding: 3.6rem;
        bottom: 3.8rem;
        width: 54rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 8rem;
    }
}

.main-products__swiper-slide {
    overflow: hidden;
}

.main-products__swiper-slide-body {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-products__swiper-slide-body::before, .main-products__swiper-slide-body::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid #e5e8f1;
    z-index: 1;
}

.main-products__swiper-slide-body:before {
    width: 460.56px;
    height: 460.56px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.main-products__swiper-slide-body:after {
    width: 336.011px;
    height: 336.011px;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.main-products__swiper-slide-body p {
    color: #64666b;
    text-align: center;
    font-size: 14px;
    line-height: 125%; /* 17.5px */
    letter-spacing: 0.14px;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .main-products__swiper-slide-body p {
        font-size: 1.4rem;
        margin-bottom: 0.8 ren;
    }
}

.main-products__swiper-slide-body h4 {
    color: #01050f;
    text-align: center;
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .main-products__swiper-slide-body h4 {
        font-size: 3.2rem;
    }
}

.main-products__swiper-slide-body a {
    padding: 18px 32px;
    background-color: #285bf3;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    border-radius: 40px;
    width: 100%;
    display: inline-block;
    margin-top: auto;
    position: relative;
    z-index: 2;
}

.main-products__swiper-slide-text {
    margin-top: auto;
    position: relative;
    z-index: 2;
}

.main-services__swiper-slide {
    overflow: hidden;
}

.main-services__subheading {
    margin-bottom: 1.6rem;
}

.main-services__heading {
    margin-bottom: 3.2rem;
}

.main-services__content {
    display: none;
}

.main-services__content.active {
    display: block;
}

.main-services__categories {
    margin-bottom: 5.6rem;
    overflow-x: auto;
}

.main-services__swiper-top {
    margin-bottom: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-services__swiper-top__heading {
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: -0.02em;
}

.main-services__swiper-container {
    position: relative;
}

.main-services__swiper-slide {
    padding: 3.2rem 2.4rem 2.4rem 2.4rem;
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    background-color: #ffffff;
    border-radius: 2rem;
    min-height: 40rem;
}

.main-services__swiper-slide.min .main-products__swiper-slide-body::before {
    top: 0;
    width: 381px;
    height: 381px;
}

.main-services__swiper-slide.min .main-products__swiper-slide-body::after {
    top: 20px;
}

.main-services__swiper-slide:hover {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
}

.main-services__swiper-slide:hover .main-services__swiper-slide__img {
    opacity: 1;
}

.main-services__swiper-slide__title {
    margin-bottom: 10rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
    transition: color 0.2s ease-in-out;
    display: block;
}

.main-services__swiper-slide__title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.main-services__swiper-slide__list {
    margin-top: auto;
    z-index: 2;
}

.main-services__swiper-slide__list-item {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
}

.main-services__swiper-slide__list-item:not(:last-child) {
    margin-bottom: 1.6rem;
}

.main-services__swiper-slide__list-item a {
    transition: color 0.2s ease-in-out;
}

.main-services__swiper-slide__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    object-fit: cover;
}

@media (max-width: 48em) {
    .main-services__subheading {
        margin-bottom: 2.4rem;
    }

    .main-services__heading {
        margin-bottom: 3.2rem;
    }

    .main-services__swiper-top {
        margin-bottom: 3.2rem;
    }

    .main-services__swiper-top__heading {
        font-size: 5.6rem;
        line-height: 6.4rem;
    }

    .main-services__swiper {
        margin-left: -3.2rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: 75rem;
    }

    .main-services__swiper-slide {
        padding: 4.8rem 3.2rem;
        width: 60.4rem;
        border-radius: 4rem;
    }

    .main-services__swiper-slide.swiper-slide-active {
        color: #ffffff;
    }

    .main-services__swiper-slide.swiper-slide-active .main-services__swiper-slide__img {
        opacity: 1;
    }

    .main-services__swiper-slide__title {
        margin-bottom: 25.8rem;
        font-size: 4.8rem;
        line-height: 5.8rem;
        text-shadow: 1px 1px 1px #000;
    }

    .main-services__swiper-slide__list-item {
        font-size: 3.2rem;
        line-height: 3.8rem;
    }

    .main-services__swiper-slide__list-item:not(:last-child) {
        margin-bottom: 3.2rem;
    }
}

.main-advantages {
    position: relative;
    color: #ffffff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4617) 0%, rgba(0, 0, 0, 0.81) 100%);
}

.main-advantages__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    border-radius: inherit;
}

.main-advantages__subheading {
    margin-bottom: 1.6rem;
    color: #ffffff;
}

.main-advantages__heading {
    margin-bottom: 7.2rem;
    width: 104.7rem;
    color: #ffffff;
}

.main-advantages__list {
    margin-bottom: 34.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-advantages__list-item {
    width: 30.4rem;
}

.main-advantages__list-item__icon {
    margin-bottom: 2rem;
    width: 7.2rem;
    height: 7.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1rem);
    border-radius: 50%;
}

.main-advantages__list-item__icon img {
    width: 3.2rem;
    height: 3.2rem;
    object-fit: contain;
}

.main-advantages__list-item__title {
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
    line-height: 3rem;
}

.main-advantages__list-item__description {
    font-size: 1.8rem;
    line-height: 2rem;
}

.main-advantages__description {
    margin-bottom: 3.2rem;
    width: 112.2rem;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 4.2rem;
}

.main-advantages__link {
    margin-bottom: 6.6rem;
    justify-content: center;
    background-color: #285bf3;
    color: #ffffff;
}

.main-advantages__list2 {
    display: flex;
    align-items: flex-start;
}

.main-advantages__list2-item {
    padding-left: 2.4rem;
    min-height: 16.1rem;
    width: 30.4rem;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.main-advantages__list2-item:not(:last-child) {
    margin-right: 3.2rem;
}

.main-advantages__list2-item__number {
    margin-bottom: 0.8rem;
    font-size: 8.8rem;
    line-height: 9.7rem;
}

.main-advantages__list2-item__number span {
    font-size: 3.2rem;
    line-height: 3.5rem;
    vertical-align: top;
}

.main-advantages__list2-item__text {
    width: 24.5rem;
    font-size: 2rem;
    line-height: 2.4rem;
}

@media (max-width: 48em) {
    .main-advantages__subheading {
        margin-bottom: 2.4rem;
    }

    .main-advantages__heading {
        margin-bottom: 8rem;
        width: 100%;
    }

    .main-advantages__list-container {
        margin-bottom: 21.6rem;
        width: 71.8rem;
        overflow: scroll;
    }

    .main-advantages__list-container::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    .main-advantages__list {
        margin-bottom: 0;
        justify-content: flex-start;
        width: 170rem;
    }

    .main-advantages__list::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .main-advantages__list-item {
        width: 39.2rem;
    }

    .main-advantages__list-item:not(:last-child) {
        margin-right: 3.2rem;
    }

    .main-advantages__list-item__icon {
        margin-bottom: 4rem;
        width: 11.2rem;
        height: 11.2rem;
    }

    .main-advantages__list-item__icon img {
        width: 4.8rem;
        height: 4.8rem;
    }

    .main-advantages__list-item__title {
        margin-bottom: 2.4rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .main-advantages__list-item__description {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    .main-advantages__description {
        margin-bottom: 8rem;
        width: 100%;
        font-size: 4rem;
        line-height: 5.2rem;
    }

    .main-advantages__link {
        padding: 3.6rem;
        margin-bottom: 9.6rem;
        width: 100%;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 8rem;
    }

    .main-advantages__list2-container {
        margin-left: -3.2rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: 75rem;
        overflow: scroll;
    }

    .main-advantages__list2-container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .main-advantages__list2 {
        width: max-content;
    }

    .main-advantages__list2::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .main-advantages__list2-item {
        padding-left: 3.2rem;
        width: 40rem;
    }

    .main-advantages__list2-item:not(:last-child) {
        margin-right: 3.2rem;
    }

    .main-advantages__list2-item__number {
        margin-bottom: 1.6rem;
        font-size: 9.6rem;
        line-height: 10.6rem;
    }

    .main-advantages__list2-item__number span {
        font-size: 4.8rem;
        line-height: 5.2rem;
    }

    .main-advantages__list2-item__text {
        width: 100%;
        font-size: 3.6rem;
        line-height: 4.4rem;
    }
}

.main-reviews {
    color: #ffffff;
    background-color: rgba(1, 5, 15, 0.9);
    position: relative;
    background-image: url(/image/catalog/svg/main-reviews-bg-top.svg), url(/image/catalog/svg/main-reviews-bg-bottom.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100%;
    background-position: top right, bottom left;
}

.main-reviews__subheading {
    margin-bottom: 1.6rem;
}

.main-reviews__heading {
    margin-bottom: 8rem;
    color: #ffffff;
}

.main-reviews__list {
    width: 100%;
}

.main-reviews__list-item {
    padding-top: 3.1rem;
    padding-bottom: 5.5rem;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid rgba(142, 163, 215, 0.6);
}

.main-reviews__list-item__left-name {
    margin-bottom: 1.6rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
}

.main-reviews__list-item__left-post {
    display: flex;
    align-items: center;
}

.main-reviews__list-item__left-post p {
    position: relative;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #e5e8f1;
}

.main-reviews__list-item__left-post p:first-child {
    margin-right: 2.4rem;
}

.main-reviews__list-item__left-post p:first-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1.5rem;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #e5e8f1;
    border-radius: 50%;
    transform: translateY(-50%);
}

.main-reviews__list-item__right {
    width: 66.1rem;
}

.main-reviews__list-item__right-text {
    margin-bottom: 2rem;
    max-height: 3em;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: 0.01em;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
}

.main-reviews__list-item__right-text.active {
    max-height: none;
}

.main-reviews__list-item__right-text.active + button svg {
    transform: rotate(-180deg);
}

.main-reviews__list-item__right-btn {
    display: flex;
    align-items: center;
    transition: opacity 0.2s ease-in-out;
}

.main-reviews__list-item__right-btn span {
    margin-right: 0.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #6da8ff;
}

.main-reviews__list-item__right-btn svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
}

.main-reviews__list-item__right-btn:hover {
    opacity: 0.8;
}

.main-reviews__partners {
    padding-top: 3.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-reviews__partners-left {
    width: 40rem;
}

.main-reviews__partners-left__heading {
    margin-bottom: 1.6rem;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
}

.main-reviews__partners-left__description {
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
}

.main-reviews__partners-right {
    width: 67.2rem;
}

.main-reviews__partners-right__list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.main-reviews__partners-right__list-item {
    position: relative;
    width: 21.3rem;
    height: 8.8rem;
}

.main-reviews__partners-right__list-item:not(:nth-child(3n)) {
    margin-right: 1.6rem;
}

.main-reviews__partners-right__list-item:hover .main-reviews__partners-right__list-item-logo,
.main-reviews__partners-right__list-item:hover .main-reviews__partners-right__list-item-popup {
    opacity: 1;
}

.main-reviews__partners-right__list-item-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.6;
    transition: opacity 0.2s ease-in-out;
}

.main-reviews__partners-right__list-item-popup {
    padding: 0.8rem 1.2rem;
    position: absolute;
    width: auto;
    left: 50%;
    top: -25%;
    text-align: center;
    transform: translateX(-50%);
    background-color: rgba(1, 5, 15, 0.8);
    border-radius: 0.8rem;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.main-reviews__partners-right__list-item-popup::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 1.2rem;
    height: 0.7rem;
    background-image: url(/image/catalog/svg/popup-triangle.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transform: translate(-50%, 100%);
}

.main-reviews__partners-right__list-item-popup p {
    width: max-content;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
}

@media (max-width: 48em) {
    .main-reviews__subheading {
        margin-bottom: 2.4rem;
    }

    .main-reviews__heading {
        margin-bottom: 10.8rem;
    }

    .main-reviews__list-item {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        flex-direction: column;
    }

    .main-reviews__list-item__left {
        margin-bottom: 6.4rem;
        width: 100%;
    }

    .main-reviews__list-item__left-name {
        margin-bottom: 2.4rem;
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .main-reviews__list-item__left-post p {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .main-reviews__list-item__left-post p:first-child {
        margin-right: 4.8rem;
    }

    .main-reviews__list-item__left-post p:first-child::after {
        right: -2.6rem;
        width: 0.8rem;
        height: 0.8rem;
    }

    .main-reviews__list-item__right {
        margin-bottom: 0;
    }

    .main-reviews__list-item__right-text {
        margin-bottom: 3.2rem;
        max-height: 19.2rem;
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .main-reviews__list-item__right-btn span {
        margin-right: 1.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .main-reviews__list-item__right-btn svg {
        width: 4rem;
        height: 4rem;
    }

    .main-reviews__partners {
        padding-top: 9.6rem;
        flex-direction: column;
        justify-content: flex-start;
    }

    .main-reviews__partners-left {
        margin-bottom: 4.8rem;
        width: 100%;
    }

    .main-reviews__partners-left__heading {
        margin-bottom: 2.4rem;
        font-size: 3.2rem;
        line-height: 3.8rem;
    }

    .main-reviews__partners-left__description {
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .main-reviews__partners-right {
        width: 100%;
    }

    .main-reviews__partners-right__list-item {
        margin-bottom: 3.2rem;
        width: 33rem;
        height: 13.6rem;
    }

    .main-reviews__partners-right__list-item:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .main-reviews__partners-right__list-item:not(:nth-child(2n)) {
        margin-right: 2.4rem;
    }

    .main-reviews__partners-right__list-item-popup {
        padding: 1.6rem 2.4rem;
        max-width: 100%;
        top: 0;
        border-radius: 1.6rem;
        transform: translate(-50%, -100%);
    }

    .main-reviews__partners-right__list-item-popup::after {
        width: 2.4rem;
        height: 1.4rem;
    }

    .main-reviews__partners-right__list-item-popup p {
        width: auto;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

.main-about__subheading {
    margin-bottom: 1.7rem;
}

.main-about__heading {
    margin-bottom: 3.2rem;
    width: 79.9rem;
}

.main-about__content {
    display: none;
}

.main-about__content.active {
    display: block;
}

.main-about__swiper-top {
    margin-bottom: 3.2rem;
    display: flex;
    align-items: center;
}

.main-about__swiper-top .link {
    margin-left: auto;
}

.main-about__swiper-container {
    position: relative;
}

.main-about__swiper-slide {
    overflow: hidden;
    padding: 3.2rem 2.4rem 2.4rem 2.4rem;
    min-height: 47.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    background-color: #f4f5f8;
    border-radius: 2rem;
}

.main-about__swiper-slide .main-products__swiper-slide-body {
    background-color: #f4f5f8;
}

.main-about__swiper-slide:hover .main-about__swiper-slide__img {
    opacity: 1;
}

.main-about__swiper-slide__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.main-about__swiper-slide__subtitle {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
    transition: color 0.2s ease-in-out;
}

.main-about__swiper-slide__subtitle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.main-about__swiper-slide__title {
    font-size: 2.4rem;
    line-height: 3rem;
    transition: color 0.2s ease-in-out;
}

.main-about__swiper-slide__bottom {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-about__swiper-slide__bottom-left {
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 5.3rem;
    letter-spacing: -0.02em;
    transition: color 0.2s ease-in-out;
}

.main-about__swiper-slide__bottom-right {
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    text-align: right;
    transition: color 0.2s ease-in-out;
}

.main-about__swiper-slide__bottom-right span {
    display: block;
}

.main-about__swiper-slide__bottom-right span:first-child {
    margin-bottom: 0.6rem;
}

@media (max-width: 48em) {
    .main-about__subheading {
        margin-bottom: 2.4rem;
    }

    .main-about__heading {
        margin-bottom: 3.2rem;
        width: 100%;
    }

    .main-about__swiper-top-container {
        margin-left: -3.2rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: 75rem;
        overflow: scroll;
    }

    .main-about__swiper-top-container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .main-about__swiper-top {
        margin-bottom: 3.2rem;
        width: max-content;
    }

    .main-about__swiper-top .link {
        margin-left: 5rem;
    }

    .main-about__swiper-top::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .main-about__swiper {
        margin-left: -3.2rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: 75rem;
    }

    .main-about__swiper-slide {
        padding: 4.8rem 3.2rem;
        width: 60.4rem;
        min-height: 76rem;
        border-radius: 4rem;
    }

    .main-about__swiper-slide.swiper-slide-active {
        color: #e5e8f1;
    }

    .main-about__swiper-slide.swiper-slide-active .main-about__swiper-slide__img {
        opacity: 1;
    }

    .main-about__swiper-slide.swiper-slide-active .main-about__swiper-slide__subtitle {
        color: #fff;
    }

    .main-about__swiper-slide.swiper-slide-active .main-about__swiper-slide__bottom {
        color: #fff;
    }

    .main-about__swiper-slide__subtitle {
        margin-bottom: 1rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .main-about__swiper-slide__title {
        font-size: 4rem;
        line-height: 5rem;
    }

    .main-about__swiper-slide__bottom-left {
        font-size: 9.6rem;
        line-height: 10.6rem;
    }

    .main-about__swiper-slide__bottom-right {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .main-about__swiper-slide__bottom-right p:first-child {
        margin-bottom: 0.6rem;
    }
}

.qa .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.qa__left {
    width: 56.2rem;
}

.qa__left-subheading {
    margin-bottom: 1.6rem;
}

.qa__left-heading {
    margin-bottom: 18rem;
    font-family: "Vela Sans";
    font-size: 5.6rem;
    line-height: 6.2rem;
    letter-spacing: -0.02em;
}

.qa__left-description {
    margin-bottom: 2.6rem;
    position: relative;
    font-size: 2.4rem;
    line-height: 3rem;
}

.qa__left-description::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.5rem;
    width: 100%;
    height: 1px;
    background-color: rgba(142, 163, 215, 0.6);
}

.qa__left-btn {
    margin-bottom: 4.8rem;
}

.qa__left-notice {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
}

@media screen and (min-width: 1440px) {
    .qa__left-notice {
        font-size: 1.4rem;
        margin-bottom: 1.6rem;
    }
}

.qa__left-list {
    display: flex;
    align-items: center;
}

.qa__left-list__item:not(:last-child) {
    margin-right: 3.2rem;
}

.qa__left-list__item-link {
    display: flex;
    align-items: center;
}

.qa__left-list__item-link svg {
    margin-right: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.qa__left-list__item-link span {
    font-size: 16px;
    line-height: 2rem;
}

@media screen and (min-width: 1440px) {
    .qa__left-list__item-link span {
        font-size: 1.6rem;
    }
}

.qa__right {
    width: 67.2rem;
}

.qa__right-list {
    width: 100%;
}

.qa__right-list__all-link {
    margin-top: 15px;
    text-align: right;
}

.qa__right-list__all-link a {
    color: #285bf3;
    font-size: 16px;
}

.qa__right-list__item {
    padding: 2rem 2.4rem;
    width: 100%;
    background-color: #ffffff;
    border-radius: 2rem;
    position: relative;
}

.qa__right-list__item:not(:last-child) {
    margin-bottom: 1.2rem;
}

.qa__right-list__item.active .acc-head button {
    background-color: #285bf3;
}

.qa__right-list__item.active .acc-head button svg path {
    stroke: #ffffff;
}

.qa__right-list__item.active .acc-head button svg path:last-child {
    transform: rotate(-90deg);
}

.qa__right-list__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.qa__right-list__item-head p {
    font-size: 2.4rem;
    line-height: 3rem;
}

.qa__right-list__item-head button {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f5f8;
    border-radius: 50%;
    transform: translateY(0.8rem);
    transition-property: opacity, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.qa__right-list__item-head button:hover {
    opacity: 0.8;
}

.qa__right-list__item-head button svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.qa__right-list__item-head button svg path {
    transition: stroke 0.2s ease-in-out;
}

.qa__right-list__item-head button svg path:last-child {
    transition-property: transform, stroke;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transform-origin: center;
}

.qa__right-list__item-content {
    margin-top: 0.8rem;
    margin-bottom: 0.4rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.qa__right-list__item-content p {
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.qa__right-list__item-number {
    margin-top: 0.8rem;
}

.qa__right-list__item-number p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #acaeb7;
}

.qa__right-category {
    gap: 8px;
    overflow-x: scroll;
    display: none;
    margin-bottom: 16px;
}

.qa__right-category::-webkit-scrollbar {
    width: 0;
    display: none;
}

.qa__right-category button {
    padding: 18px 32px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e5e8f1;
    color: #768395;
    font-size: 16px;
    border-radius: 32px;
    white-space: nowrap;
}

.qa__right-category button.active {
    background-color: #285bf3;
    border-color: #285bf3;
    color: #fff;
}

@media (max-width: 48em) {
    .qa {
        margin-bottom: 3.2rem;
    }

    .qa .container {
        flex-direction: column;
        justify-content: flex-start;
    }

    .qa__left {
        margin-bottom: 8rem;
        width: 100%;
    }

    .qa__left-subheading {
        margin-bottom: 2.4rem;
    }

    .qa__left-heading {
        margin-bottom: 0;
    }

    .qa__left-description {
        margin-bottom: 3.2rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .qa__left-description::before {
        top: -5rem;
    }

    .qa__left-btn {
        margin-bottom: 7.2rem;
        padding: 2.4rem 4.8rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .qa__left-notice {
        margin-bottom: 1.6rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .qa__left-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .qa__left-list__item:not(:last-child) {
        margin-bottom: 2.4rem;
    }

    .qa__left-list__item-link svg {
        margin-right: 1.6rem;
        width: 3.2rem;
        height: 3.2rem;
    }

    .qa__left-list__item-link span {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .qa__right {
        margin-bottom: 10rem;
        width: 100%;
    }

    .qa__right-list__item {
        padding: 4.8rem 3.2rem 3.2rem 3.2rem;
        position: relative;
        border-radius: 4rem;
    }

    .qa__right-list__item:not(:last-child) {
        margin-bottom: 1.6rem;
    }

    .qa__right-list__item-head p {
        width: 52.6rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .qa__right-list__item-head button {
        width: 6.4rem;
        height: 6.4rem;
        position: absolute;
        top: 1.6rem;
        right: 1.6rem;
    }

    .qa__right-list__item-head button svg {
        width: 4rem;
        height: 4rem;
    }

    .qa__right-list__item-content {
        margin-bottom: 1.6rem;
        margin-top: 2.4rem;
    }

    .qa__right-list__item-content p {
        font-size: 2.8rem;
        line-height: 4rem;
    }

    .qa__right-list__item-number {
        margin-top: 1.6rem;
    }

    .qa__right-list__item-number p {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

.qa-popup .popup__subheading {
    margin-bottom: 8px;
}

.qa-popup .popup__heading {
    margin-bottom: 32px;
}

.qa-popup .popup__form-input {
    resize: none;
}

.qa-popup .popup__form-policy {
    margin: 0;
    margin-top: 18px;
}

.qa-popup .popup__form-btn {
    margin-top: auto;
}

html {
    scroll-behavior: smooth;
}

.articles__subheading {
    margin-bottom: 1.7rem;
}

.articles__heading {
    margin-bottom: 3.2rem;
}

.articles__heading span {
    width: 79.9rem;
}

.articles__swiper-top {
    margin-bottom: 3.2rem;
    display: flex;
    align-items: center;
}

.articles__swiper-top .link {
    margin-left: auto;
}

.articles__swiper-container {
    position: relative;
}

.articles__swiper-slide {
    padding: 3.2rem 2.4rem 2.4rem 2.4rem;
    min-height: 47.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    background-color: #f4f5f8;
    border-radius: 2rem;
}

.articles__swiper-slide:hover .articles__swiper-slide__img {
    opacity: 1;
}

.articles__swiper-slide:hover .articles__swiper-slide__title, .articles__swiper-slide:hover .articles__swiper-slide__bottom {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
}

.articles__swiper-slide__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

@media (max-width: 48em) {
    .articles__swiper-slide__img {
        opacity: 1;
    }
}

.articles__swiper-slide__subtitle {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #64666b;
    transition: color 0.2s ease-in-out;
}

.articles__swiper-slide__subtitle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.articles__swiper-slide__title {
    font-size: 2.4rem;
    line-height: 3rem;
    transition: color 0.2s ease-in-out;
}

.articles__swiper-slide__bottom {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articles__swiper-slide__bottom-left {
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 5.3rem;
    letter-spacing: -0.02em;
    transition: color 0.2s ease-in-out;
}

.articles__swiper-slide__bottom-right {
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    text-align: right;
    transition: color 0.2s ease-in-out;
}

.articles__swiper-slide__bottom-right span {
    display: block;
}

.articles__swiper-slide__bottom-right span:first-child {
    margin-bottom: 0.6rem;
}

@media (max-width: 48em) {
    .articles__subheading {
        margin-bottom: 2.4rem;
    }

    .articles__heading {
        margin-bottom: 3.2rem;
        width: 100%;
    }

    .articles__swiper-top-container {
        width: 71.8rem;
        overflow: scroll;
    }

    .articles__swiper-top-container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .articles__swiper-top {
        margin-bottom: 3.2rem;
        width: 160rem;
    }

    .articles__swiper-top::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .articles__swiper {
        width: 71.8rem;
    }

    .articles__swiper-slide {
        padding: 4.8rem 3.2rem;
        width: 60.4rem;
        min-height: 76rem;
        border-radius: 4rem;
    }

    .articles__swiper-slide__subtitle {
        margin-bottom: 1rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .articles__swiper-slide__title {
        font-size: 4rem;
        line-height: 5rem;
        text-shadow: 1px 1px 1px #000;
        color: #fff;
    }

    .articles__swiper-slide__bottom-left {
        font-size: 9.6rem;
        line-height: 10.6rem;
    }

    .articles__swiper-slide__bottom-right {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .articles__swiper-slide__bottom-right p:first-child {
        margin-bottom: 0.6rem;
    }
}

.request {
    position: relative;
    background-color: rgba(1, 5, 15, 0.9);
    background-image: url(/image/catalog/svg/request-bg.svg);
    background-position: right bottom -2rem;
    background-size: 100%;
    background-repeat: no-repeat;
}

.request .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.request__left {
    width: 56.2rem;
}

.request__left-subheading {
    margin-bottom: 1.6rem;
}

.request__left-heading {
    margin-bottom: 16rem;
    font-family: "Vela Sans";
    font-size: 5.6rem;
    line-height: 6.2rem;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.request__left-manager {
    margin-bottom: 4.8rem;
    padding-top: 2.5rem;
    border-top: 1px solid rgba(142, 163, 215, 0.6);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.request__left-manager__left {
    width: 25.3rem;
}

.request__left-manager__left-name {
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #ffffff;
}

.request__left-manager__left-post {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.request__left-manager__right {
    width: 9rem;
}

.request__left-manager__right-img {
    width: 100%;
    height: 9rem;
    object-fit: contain;
    border-radius: 50%;
}

.request__left-notice {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #acaeb7;
}

.request__left-list {
    display: flex;
    align-items: center;
}

.request__left-list__item:not(:last-child) {
    margin-right: 3.2rem;
}

.request__left-list__item-link {
    display: flex;
    align-items: center;
}

.request__left-list__item-link svg {
    margin-right: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.request__left-list__item-link span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.request__right {
    width: 67rem;
}

.request__right-form {
    width: 100%;
}

.request__right-form__input-container {
    position: relative;
}

.request__right-form__input-container:not(:last-of-type) {
    margin-bottom: 1.2rem;
}

.request__right-form__input-container:last-of-type {
    margin-bottom: 2.4rem;
}

.request__right-form__input, .request__right-form__textarea {
    padding: 2.2rem 1.6rem;
    width: 100%;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
}

.request__right-form__input::placeholder, .request__right-form__textarea::placeholder {
    color: transparent;
}

.request__right-form__input:focus-visible + .request__right-form__input-label, .request__right-form__input:not(:placeholder-shown) + .request__right-form__input-label, .request__right-form__input:-webkit-autofill + .request__right-form__input-label, .request__right-form__textarea:focus-visible + .request__right-form__input-label, .request__right-form__textarea:not(:placeholder-shown) + .request__right-form__input-label, .request__right-form__textarea:-webkit-autofill + .request__right-form__input-label {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    transform: translateY(-1.4rem);
}

.request__right-form__input-label {
    position: absolute;
    top: 2.2rem;
    left: 1.6rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #acaeb7;
    transition-property: font-size, line-height, letter-spacing, transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}

.request__right-form__file {
    margin-bottom: 0.4rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.request__right-form__file-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.request__right-form__file-btn {
    display: flex;
    align-items: center;
}

.request__right-form__file-btn svg {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.request__right-form__file-btn span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
}

.request__right-form__formats {
    margin-bottom: 7.2rem;
    margin-left: 2.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #ffffff;
    opacity: 0.7;
}

.request__right-form__btn {
    margin-bottom: 1.6rem;
    padding: 2.2rem 3.2rem;
    width: 100%;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0.01em;
    color: #ffffff;
    background-color: #285bf3;
    border-radius: 4rem;
}

.request__right-form__policy {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #f4f5f8;
    display: flex;
    margin-bottom: 2rem;
    gap: 5px;
}

.request__right-form__policy a {
    text-decoration: underline;
}

@media (max-width: 48em) {
    .request .container {
        flex-direction: column;
        justify-content: flex-start;
    }

    .request__left {
        margin-bottom: 8rem;
        width: 100%;
    }

    .request__left-subheading {
        margin-bottom: 2.2rem;
    }

    .request__left-heading {
        margin-bottom: 0;
    }

    .request__left-mobile {
        width: 100%;
    }

    .request__left-manager {
        margin-bottom: 6.6rem;
        padding-top: 5rem;
    }

    .request__left-manager__left {
        max-width: 40rem;
        width: unset;
    }

    .request__left-manager__left-name {
        margin-bottom: 2.4rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .request__left-manager__left-post {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .request__left-manager__right {
        width: 16rem;
    }

    .request__left-manager__right-img {
        height: 16rem;
    }

    .request__left-notice {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .request__left-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .request__left-list__item a svg {
        margin-right: 1.6rem;
        width: 3.2rem;
        height: 3.2rem;
    }

    .request__left-list__item a span {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .request__left-list__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 2.4rem;
    }

    .request__right {
        margin-bottom: 4.8rem;
        width: 100%;
    }

    .request__right-form__input, .request__right-form__textarea {
        padding: 4.4rem 3.2rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 2.4rem;
    }

    .request__right-form__input:focus-visible + .request__right-form__input-label, .request__right-form__input:not(:placeholder-shown) + .request__right-form__input-label, .request__right-form__input:-webkit-autofill + .request__right-form__input-label, .request__right-form__textarea:focus-visible + .request__right-form__input-label, .request__right-form__textarea:not(:placeholder-shown) + .request__right-form__input-label, .request__right-form__textarea:-webkit-autofill + .request__right-form__input-label {
        font-size: 2.4rem;
        line-height: 3.2rem;
        letter-spacing: 0.01em;
        transform: translateY(-2.8rem);
    }

    .request__right-form__input-container:not(:last-of-type) {
        margin-bottom: 2.4rem;
    }

    .request__right-form__input-container:last-child {
        margin-bottom: 4.8rem;
    }

    .request__right-form__input-label {
        top: 4.4rem;
        left: 3.2rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .request__right-form__textarea {
        height: 19.4rem;
    }

    .request__right-form__file {
        margin-bottom: 0.8rem;
    }

    .request__right-form__file-btn svg {
        margin-right: 1.6rem;
        width: 4rem;
        height: 4rem;
    }

    .request__right-form__file-btn span {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .request__right-form__formats {
        margin-bottom: 8rem;
        margin-left: 5.6rem;
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    .request__right-form__btn {
        margin-bottom: 3.2rem;
        padding-top: 4.4rem;
        padding-bottom: 4.4rem;
        font-size: 3.6rem;
        line-height: 4rem;
        border-radius: 8rem;
    }

    .request__right-form__policy {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

@media (max-width: 48em) {
    .product-main .request__right {
        display: none;
    }
}

.banner1 {
    margin: 1.6rem 1.2rem;
}

.banner1__container {
    display: flex;
    justify-content: center;
}

.banner1__left {
    margin-right: 1.6rem;
    padding: 3.2rem 3.6rem;
    position: relative;
    min-height: 28.8rem;
    width: 75.6rem;
    overflow: hidden;
    border-radius: 1.6rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.banner1__left:hover .banner1__left-img {
    transform: scale(1.2);
}

.banner1__left-heading {
    margin-bottom: 7.8rem;
    width: 44rem;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #ffffff;
}

.banner1__left-btn {
    padding: 1.8rem 3.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 4rem;
}

.banner1__left-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner1__left-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 112.5rem;
    height: 75rem;
    object-position: 0 -30rem;
    object-fit: cover;
    z-index: -1;
    transform-origin: top;
    transition: transform 0.3s ease-in-out;
}

.banner1__left-icon {
    position: absolute;
    bottom: 4rem;
    right: -4rem;
    width: 18rem;
    height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #285bf3;
}

.banner1__left-icon svg {
    width: 6.9rem;
    height: 7.4rem;
    object-fit: contain;
}

.banner1__info {
    padding: 2.4rem 2.4rem 3.2rem 2.4rem;
    display: flex;
    position: relative;
    width: 31.4rem;
    flex-direction: column;
    background-color: #f4f5f8;
    border-radius: 1.6rem;
}

.banner1__info:not(:last-child) {
    margin-right: 1.6rem;
}

.banner1__info-icon {
    margin-bottom: 2.4rem;
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    background-color: #285bf3;
    justify-content: center;
    border-radius: 50%;
}

.banner1__info-icon svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.banner1__info-heading {
    font-size: 2.4rem;
    line-height: 3rem;
}

.banner1__info-btn {
    margin-top: auto;
    display: flex;
    align-items: center;
}

.banner1__info-btn:hover span {
    color: #5580ff;
}

.banner1__info-btn:hover svg path {
    fill: #5580ff;
}

.banner1__info-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.banner1__info-btn span {
    margin-right: 0.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
    transition: color 0.2s ease-in-out;
}

.banner1__info-btn svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.banner1__info-btn svg path {
    transition: fill 0.2s ease-in-out;
}

@media (max-width: 48em) {
    .banner1 {
        margin: 3.2rem 0;
        overflow-x: scroll;
    }

    .banner1::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .banner1__container {
        width: fit-content;
        display: grid;
        grid-template-areas: "A  B " "A  C ";
        grid-template-columns: repeat(2, 60.4rem);
        grid-template-rows: repeat(2, 32rem);
        column-gap: 2.4rem;
        row-gap: 3.2rem;
    }

    .banner1__left {
        margin-left: 3.2rem;
        margin-right: auto;
        padding: 4.8rem 3.2rem 6.4rem 3.2rem;
        width: auto;
        min-height: auto;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        border-radius: 3.2rem;
        grid-area: A;
    }

    .banner1__left-heading {
        margin-bottom: auto;
        width: 100%;
        font-size: 4rem;
        line-height: 5rem;
    }

    .banner1__left-btn {
        margin-top: auto;
        padding: 3.6rem 6.4rem;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 8rem;
    }

    .banner1__left-img {
        object-position: 0;
    }

    .banner1__info {
        margin-right: 3.2rem;
        padding: 4rem 3.2rem;
        position: relative;
        grid-area: B;
        width: auto;
        border-radius: 3.2rem;
    }

    .banner1__info:not(:last-child) {
        margin-right: 3.2rem;
    }

    .banner1__info:last-child {
        grid-area: C;
    }

    .banner1__info-icon {
        position: absolute;
        top: 3.2rem;
        right: 3.2rem;
        width: 8rem;
        height: 8rem;
    }

    .banner1__info-icon svg {
        width: 4rem;
        height: 4rem;
    }

    .banner1__info-heading {
        width: 43.6rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .banner1__info-btn span {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .banner1__info-btn svg {
        width: 4rem;
        height: 4rem;
    }
}

.banner4 .banner1__left-img {
    width: 112.5rem;
    height: 75rem;
    object-position: 0 0;
}

.banner4 .banner1__left-heading {
    margin-bottom: 5.4rem;
}

.banner2 {
    margin: 2rem 0;
    padding: 4rem;
    position: relative;
    background-color: #0f131e;
    border-radius: 2rem;
    overflow: hidden;
    z-index: 1;
}

@media (hover) {
    .banner2:hover img,
    .banner2:hover .banner2__icon1,
    .banner2:hover .banner2__icon2 {
        transform: scale(1.08);
    }
}

.banner2 .blur {
    content: "";
    position: absolute;
    width: 33.4rem;
    height: 12.4rem;
    left: -8.8rem;
    bottom: -4.5rem;
    background: #285bf3;
    opacity: 0.8;
    filter: blur(12rem);
    transform: rotate(9.7deg);
    z-index: -1;
}

.banner2__heading {
    margin-bottom: 6.2rem;
    display: flex;
    align-items: center;
    font-family: "Vela Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
    color: #ffffff;
    z-index: 3;
}

.banner2__heading span {
    margin-left: 1.2rem;
    display: inline;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #285bf3;
    border-radius: 50%;
}

.banner2__heading span svg {
    width: 1.8rem;
    height: 1.8rem;
}

.banner2__link {
    padding: 1.8rem 3.2rem;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4rem;
    z-index: 3;
}

.banner2__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner2__icon1 {
    position: absolute;
    top: -2.3rem;
    right: 14.2rem;
    width: 8.8rem;
    height: 8.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #285bf3;
    border-radius: 50%;
    z-index: 2;
    transition: 0.3s ease;
}

.banner2__icon1 svg {
    width: 3.9rem;
    height: 3.9rem;
    object-fit: contain;
}

.banner2__icon2 {
    position: absolute;
    bottom: 5.6rem;
    right: 26.1rem;
    width: 7.2rem;
    height: 7.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(137, 180, 244, 0.2);
    border: 1.1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1.1rem);
    border-radius: 50%;
    z-index: 2;
    transition: 0.3s ease;
}

.banner2__icon2 svg {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.banner2__gear1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 21.9rem;
    height: 22.2rem;
    object-fit: contain;
    z-index: 1;
    transition: 0.3s ease;
}

.banner2__gear2 {
    position: absolute;
    right: 15rem;
    bottom: 0;
    width: 18.6rem;
    height: 13.4rem;
    object-fit: contain;
    z-index: 1;
    transition: 0.3s ease;
}

@media (max-width: 48em) {
    .banner2 {
        margin: 3.2rem 0;
        padding: 6.4rem 3.2rem;
    }

    .banner2__heading {
        margin-bottom: 36.6rem;
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .banner2__heading span {
        margin-left: 2.4rem;
        width: 7.2rem;
        height: 7.2rem;
    }

    .banner2__heading span svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .banner2__link {
        padding: 3.6rem;
        width: 100%;
        font-size: 3.2rem;
        line-height: 4rem;
        text-align: center;
        border-radius: 8rem;
    }

    .banner2__bg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 49.8rem;
        object-fit: contain;
        z-index: -2;
    }

    .banner2 .blur {
        top: -12.4rem;
        left: -22rem;
        width: 57.4rem;
        height: 23rem;
        transform: rotate(-20.94deg);
    }
}

.banner3 {
    margin: 1.6rem 1.2rem;
    padding: 4.8rem 3.6rem 5.6rem 3.6rem;
    position: relative;
    background-color: #285bf3;
    border-radius: 2rem;
    overflow: hidden;
}

.banner3__subheading {
    margin-bottom: 1.6rem;
    color: rgba(255, 255, 255, 0.6);
}

.banner3__heading {
    margin-bottom: 18rem;
    width: 56rem;
    font-family: "Vela Sans";
    font-size: 5.6rem;
    line-height: 6.2rem;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.banner3__btn {
    padding: 1.8rem 3.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    background-color: #ffffff;
    border-radius: 4rem;
    transition: background-color 0.2s ease-in-out;
}

.banner3__btn:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.banner3__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 48em) {
    .banner3 {
        margin: 3.2rem 0;
        padding: 6.4rem 3.2rem;
    }

    .banner3__subheading {
        margin-bottom: 2.4rem;
    }

    .banner3__heading {
        margin-bottom: 66.4rem;
    }

    .banner3__btn {
        padding: 3.6rem;
        width: 100%;
        font-size: 3.2rem;
        line-height: 4rem;
        text-align: center;
        border-radius: 8rem;
    }

    .banner3__img {
        width: 100%;
        height: 60rem;
        right: auto;
        left: 0;
        bottom: 17.4rem;
    }
}

@media (min-width: 120em) {
    .banner3 {
        margin: 1.6rem auto;
        width: 141.6rem;
    }
}

.banner5__left {
    position: relative;
    background: none;
    display: flex;
    flex-direction: column;
}

.banner5__left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #285bf3;
    z-index: -2;
}

.banner5__left-heading {
    margin-bottom: 0;
    position: relative;
}

.banner5__left-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50.5rem;
    background: linear-gradient(270deg, #6188ff 23.65%, rgba(97, 136, 255, 0) 100%);
    z-index: -1;
}

.banner5__left-list__item {
    display: flex;
    align-items: center;
}

.banner5__left-list__item:not(:last-child) {
    margin-bottom: 1.6rem;
}

.banner5__left-list__item img {
    margin-right: 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

.banner5__left-list__item p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
    color: #ffffff;
}

.banner5__left-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 22.5rem;
    height: 26.3rem;
    object-fit: contain;
    transition: 0.3s ease;
}

.banner5__left-bottom {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.banner5__left-btn {
    padding: 1.8rem 3.2rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
    background-color: #ffffff;
    border-radius: 4rem;
    transition: 0.3s ease;
}

.banner5__left-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (hover) {
    .banner5__left-btn:hover {
        opacity: 0.8;
    }
}

@media (hover) {
    .banner5__left:hover .banner5__left-icon {
        transform: scale(1.1);
    }
}

@media (max-width: 48em) {
    .banner5__left {
        padding: 4.8rem 3.2rem;
    }

    .banner5__left-bg {
        width: 100%;
        height: 57.6rem;
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
        background: linear-gradient(0deg, #6188ff 0%, rgba(97, 136, 255, 0) 100%);
    }

    .banner5__left-icon {
        width: 34.8rem;
        height: 38.8rem;
        bottom: -8rem;
        right: -1rem;
        top: auto;
    }

    .banner5__left-heading {
        margin-bottom: 4rem;
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .banner5__left-bottom {
        margin-top: 0;
        height: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .banner5__left-list__item:not(:last-child) {
        margin-bottom: 2.4rem;
    }

    .banner5__left-list__item img {
        margin-right: 1.6rem;
        width: 3.6rem;
        height: 3.6rem;
    }

    .banner5__left-list__item p {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    .banner5__left-btn {
        padding: 3.6rem 6.4rem;
        margin-top: auto;
        font-size: 3.2rem;
        line-height: 4rem;
        border-radius: 8rem;
        z-index: 2;
    }
}

.request-card {
    padding: 3.2rem 2.4rem;
    position: relative;
    overflow: hidden;
    background-color: #1a1f2b;
    border-radius: 2rem;
    z-index: 1;
}

.request-card .blur {
    position: absolute;
    top: -4.8rem;
    right: -11.6rem;
    width: 21.5rem;
    height: 11.7rem;
    background: #285bf3;
    filter: blur(12rem);
    z-index: -1;
}

.request-card__subheading {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #a8b8cb;
    z-index: 1;
}

.request-card__heading {
    margin-bottom: 7.4rem;
    width: 29rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
    color: #ffffff;
    z-index: 1;
}

.request-card__manager {
    margin-bottom: 4.8rem;
    padding-top: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(142, 163, 215, 0.6);
    z-index: 1;
}

.request-card__manager-left {
    width: 20rem;
}

.request-card__manager-name {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
    color: #ffffff;
}

.request-card__manager-post {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #ffffff;
}

.request-card__manager-img {
    width: 7rem;
    object-fit: contain;
    border-radius: 50%;
}

.request-card__btn {
    padding: 1.8rem;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
    border-radius: 4rem;
}

.request-card__btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 48em) {
    .request-card {
        padding: 6.4rem 3.2rem;
    }

    .request-card__subheading {
        margin-bottom: 2.4rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .request-card__heading {
        margin-bottom: 9.6rem;
        width: 100%;
        font-size: 4.8rem;
        line-height: 5.8rem;
    }

    .request-card__manager {
        margin-bottom: 9.6rem;
        padding-top: 4.2rem;
    }

    .request-card__manager-left {
        width: 40rem;
    }

    .request-card__manager-name {
        margin-bottom: 1.6rem;
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    .request-card__manager-post {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .request-card__manager-img {
        width: 14rem;
        height: 14rem;
    }

    .request-card__btn {
        padding: 3.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
        text-align: center;
        border-radius: 8rem;
    }

    .request-card__btn-mobile {
        margin-top: 8rem;
    }
}

.popup {
    padding: 1.2rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(1, 5, 15, 0.8);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.popup.calculator-popup .popup__body {
    width: 80rem;
}

.popup.calculator-popup iframe {
    height: 100%;
}

.popup.active {
    opacity: 1;
    visibility: visible;
}

.popup__body {
    margin-left: auto;
    padding: 3.2rem;
    position: relative;
    display: flex;
    height: calc(100vh - 2.4rem);
    width: fit-content;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 2rem;
    overflow-y: scroll;
}

.popup__body::-webkit-scrollbar {
    width: 0;
}

.calculator-popup .popup__top {
    height: 100%;
}

.popup__top {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
}

.popup__top span {
    margin-right: 1.2rem;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #d6e6ff;
    background-color: #eef2ff;
}

.popup__top span svg {
    width: 1.6rem;
    height: 1.6rem;
}

.popup__top p {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
}

.popup__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    top: 0.8rem;
    right: 0.8rem;
}

.popup__close svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.popup__heading {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #01050f;
}

.popup__subheading {
    margin-bottom: 3.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #01050f;
}

.popup__form {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 50rem;
}

.popup__form .input-container {
    margin-bottom: 1.6rem;
}

.popup__form-textarea {
    height: 12rem;
}

.popup__form-label {
    margin-bottom: 0.4rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup__form-label__input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.popup__form-label__btn {
    display: flex;
    align-items: center;
}

.popup__form-label__btn svg {
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.popup__form-label__btn span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #285bf3;
}

.popup__form-formats {
    margin-bottom: 7.6rem;
    margin-left: 2.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.popup__form-policy {
    margin-top: auto;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.01em;
    color: #01050f;
    text-align: center;
    display: flex;
}

.popup__form-policy a {
    color: #285bf3;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

.popup__form-btn {
    padding: 2.2rem;
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0.01em;
    border-radius: 4rem;
}

.popup__form-btn:disabled, .cart-form__submit:disabled, .request__right-form__btn:disabled, .vacancy-form__submit:disabled, .footer__top-right__form-btn:disabled {
    background-color: #9ea0a7;
}

.popup__form-btn:disabled:hover, .cart-form__submit:disabled:hover, .request__right-form__btn:disabled:hover, .vacancy-form__submit:disabled:hover, .footer__top-right__form-btn:disabled:hover {
    background-color: #9ea0a7;
}

#agree-checkbox, #agree-checkbox-subscribe {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

@media (max-width: 48em) {
    .popup {
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .popup__body {
        margin-left: 0;
        width: 100%;
        height: 100%;
        border-radius: 4rem 4rem 0 0;
    }

    .popup__top {
        margin-bottom: 4.8rem;
    }

    .popup__top span {
        margin-right: 2.4rem;
        width: 6.4rem;
        height: 6.4rem;
    }

    .popup__top span svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .popup__top p {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .popup__close {
        top: 3.2rem;
        right: 3.2rem;
    }

    .popup__close svg {
        width: 4.8rem;
        height: 4.8rem;
    }

    .popup__heading {
        margin-bottom: 1.6rem;
        font-size: 4rem;
        line-height: 5rem;
    }

    .popup__subheading {
        margin-bottom: 3rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .popup__form {
        width: 100%;
    }

    .popup__form-policy {
        margin-top: 2rem;
        margin-bottom: 4rem;
        font-size: 2rem;
        line-height: 3.6rem;
        order: 3;
        margin-bottom: 0;
    }

    .popup__form-btn {
        padding: 2.4rem;
        font-size: 3.6rem;
        line-height: 4rem;
        border-radius: 8rem;
    }

    .popup__form-formats {
        margin-bottom: 20px;
    }
}

.filters-popup .popup__heading {
    margin-bottom: 2.4rem;
}

.filters-popup .popup__form {
    max-height: calc(100% - 11rem);
    overflow-y: scroll;
}

.filters-popup .popup__form::-webkit-scrollbar {
    width: 0.2rem;
}

.filters-popup .popup__form::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.filters-popup .popup__form .acc-item.active .acc-head > svg path:last-child {
    transform: rotate(-90deg);
}

.filters-popup .popup__form .acc-item.active .acc-content {
    padding-top: 1.2rem;
    opacity: 1;
}

.filters-popup .popup__form .acc-item.checked .acc-head .counter {
    opacity: 1;
}

.filters-popup .popup__form .acc-item.checked .acc-head .reset {
    opacity: 1;
    visibility: visible;
}

.filters-popup .popup__form .acc-item .acc-head .reset {
    margin-left: auto;
    margin-right: 1.4rem;
    position: relative;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.filters-popup .popup__form .acc-item .acc-head .reset svg {
    margin-right: 0.4rem;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.filters-popup .popup__form .acc-item .acc-head .reset span {
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0.01em;
    color: #768395;
}

.filters-popup .popup__form .acc-item .acc-head .counter {
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #ffffff;
    background-color: #285bf3;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.filters-popup .popup__form .acc-item .acc-head .counter.active {
    opacity: 1;
}

.filters-popup .popup__form .acc-item .acc-content {
    max-height: 0;
    overflow-y: hidden;
    opacity: 0;
    transition-property: padding-top, max-height, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.filters-popup__item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #e5e8f1;
}

.filters-popup__item:first-child {
    padding-top: 0;
    border-top: none;
}

.filters-popup__item:last-child {
    padding-bottom: 0;
}

.filters-popup__btn {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.filters-popup__btn > span:first-child {
    margin-right: 0.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
}

.filters-popup__btn > svg {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

.filters-popup__btn > svg path:last-child {
    transform-origin: center;
    transition: transform 0.3s ease-in-out;
}

.filters-popup__search {
    margin-bottom: 1.8rem;
    position: relative;
}

.filters-popup__search input {
    padding: 1.2rem 5.2rem 1.2rem 2rem;
    font-size: 1.6rem;
    width: 100%;
    line-height: 2rem;
    background-color: #f4f5f8;
    border-radius: 1.2rem;
}

.filters-popup__search input::placeholder {
    color: #aeb3c2;
}

.filters-popup__search svg {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    transform: translateY(-50%);
}

.filters-popup__form {
    display: flex;
    flex-direction: column;
    max-height: 22rem;
    overflow-y: scroll;
}

.filters-popup__form::-webkit-scrollbar {
    width: 0.4rem;
}

.filters-popup__form::-webkit-scrollbar-thumb {
    background-color: #285bf3;
    border-radius: 20rem;
}

.filters-popup__bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 30px;
    width: 50rem;
}

.filters-popup__bottom .stroke-btn,
.filters-popup__bottom .blue-btn {
    padding: 1.8rem;
    width: 24.4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 8rem;
}

input.invalid {
    border: 1px solid red;
}

input.invalid + label {
    color: red;
}

.swiper-btn {
    background-color: #01050f;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-btn.prev {
    transform: translateY(-50%) rotate(180deg);
}

.swiper-btn.next {
    right: 0;
}

.swiper-btn.swiper-button-disabled {
    display: none;
}

@media (hover) {
    .swiper-btn:hover {
        background-color: rgba(1, 5, 15, 0.8);
    }
}

.listing-hero__heading {
    margin-bottom: 24px;
}

.listing-hero__subheading {
    max-width: 713px;
    color: #e1e4ea;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 7rem;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
}

@media screen and (min-width: 1199px) {
    .listing-hero__subheading {
        font-size: 1.7rem;
    }
}

.listing-hero__subheading a {
    color: #6da8ff;
}

@media (max-width: 48em) {
    .listing-hero__subheading__subheading {
        margin-bottom: 25rem;
    }
}

.listing-main {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
}

.listing-main .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 137rem;
    max-width: 100%;
}

.listing-main__left {
    width: 28rem;
    position: sticky;
    top: 100px;
}

.listing-main__right {
    width: 106.4rem;
}

@media (max-width: 48em) {
    .listing-main {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .listing-main .container {
        flex-direction: column;
    }

    .listing-main__left {
        width: 100%;
        z-index: 4;
    }

    .listing-main__right {
        width: 100%;
    }
}

.listing-info .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.listing-info__left {
    font-weight: 400;
    font-size: 18px;
    width: 89.6rem;
}

.listing-info__left-image {
    max-height: 500px;
    object-fit: cover;
    margin-bottom: 1rem;
}

.listing-info__left .listing-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 400px;
}

.listing-info__left-delivery {
    margin-top: 4.8rem;
}

.listing-info__left-delivery .section-delivery__benefits {
    flex-wrap: wrap;
}

.listing-info__left-delivery .section-delivery__benefits .benefits-card {
    background: #ffffff;
    flex: 1 1 auto;
    max-width: calc(50% - 8px);
}

.listing-info__left-delivery .article-content__text-info {
    background: #ffffff;
    font-size: 16px;
    line-height: 25px;
}

@media (max-width: 991px) {
    .listing-info__left-delivery .section-delivery__benefits .benefits-card {
        flex: 0 1 100%;
        max-width: unset;
        min-height: auto;
    }
}

.listing-info__left h2 {
    margin-bottom: 2rem;
    font-family: "Vela Sans";
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.02em;
}

@media (max-width: 48em) {
    .listing-info__left h2 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 28px;
    }
}

.listing-info__left .article-content__expert {
    background-color: #ededed;
}

.listing-info__left p, .listing-info__left li {
    margin-bottom: 2rem;
    font-size: 16px;
    line-height: 25px;
}

@media (max-width: 1199px) {
    .listing-info__left p, .listing-info__left li {
        margin-bottom: 3rem;
        line-height: 4rem;
    }
}

@media (max-width: 767px) {
    .listing-info__left p, .listing-info__left li {
        margin-bottom: 20px;
        line-height: 22px;
    }
}

.listing-info__left a {
    color: #285bf3;
    text-decoration: underline;
}

.listing-info__left ul, .listing-info__left ol {
    margin-bottom: 3.2rem;
    margin-left: 1rem;
}

@media (max-width: 1199px) {
    .listing-info__left ul, .listing-info__left ol {
        margin-bottom: 4.2rem;
    }
}

@media (max-width: 767px) {
    .listing-info__left ul, .listing-info__left ol {
        margin-bottom: 5.2rem;
    }
}

.listing-info__left ul li, .listing-info__left ol li {
    padding-left: 1.5rem;
    position: relative;
}

.listing-info__left ul li::before, .listing-info__left ol li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -3px;
    width: 6px;
    height: 6px;
    background-color: #285bf3;
    border-radius: 50%;
}

.listing-info__left ul__item, .listing-info__left ol__item {
    padding-left: 0.5rem;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3rem;
}

.listing-info__left-showmore {
    display: flex;
    align-items: center;
    transition: opacity 0.2s ease-in-out;
    margin-top: 1.5rem;
}

.listing-info__left-showmore span {
    margin-right: 0.8rem;
    font-size: 16px;
    line-height: 2rem;
    color: #285bf3;
}

.listing-info__left-showmore svg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
}

.listing-info__left-showmore.active svg {
    transform: scaleY(-1);
}

.listing-info__left-showmore:hover {
    opacity: 0.7;
}

.listing-info__right {
    position: sticky;
    top: 13.8rem;
    width: 41.2rem;
}

@media (max-width: 767px) {
    .listing-info__left {
        margin-top: 6.4rem;
    }
}

@media (max-width: 48em) {
    .listing-info {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .listing-info .container {
        flex-direction: column;
    }

    .listing-info__left {
        width: 100%;
    }

    .listing-info__left-heading {
        margin-bottom: 4rem;
        font-size: 24px;
        line-height: 28px;
    }

    .listing-info__left-description, .listing-info__left-list__heading, .listing-info__left-delivery {
        margin-bottom: 3.2rem;
        font-size: 14px;
        line-height: 4.8rem;
    }

    .listing-info__left-list {
        margin-bottom: 4.8rem;
    }

    .listing-info__left-list__item {
        font-size: 16rem;
        line-height: 4.8rem;
    }

    .listing-info__left-list__postdescription {
        font-size: 16rem;
        line-height: 4.8rem;
    }

    .listing-info__left-list.ul .listing-info__left-list__item {
        padding-left: 3rem;
    }

    .listing-info__left-list.ul .listing-info__left-list__item::before {
        top: 2rem;
        width: 1rem;
        height: 1rem;
    }

    .listing-info__left-img {
        margin-bottom: 6.4rem;
        height: 56rem;
    }

    .listing-info__left-showmore span {
        margin-right: 1.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .listing-info__left-showmore svg {
        width: 4rem;
        height: 4rem;
    }

    .listing-info__right {
        position: relative;
        top: auto;
        width: 100%;
    }
}

.spinner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(159, 156, 156, 0.5);
    border-radius: 2rem;
}

.spinner {
    width: 150px;
    z-index: 1;
}

.sublisting-hero__heading {
    margin-bottom: 2rem;
}

.sublisting-hero__description {
    margin-bottom: 7.3rem;
    width: 71.3rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
    color: #e1e4ea;
}

.sublisting-hero__description p:not(:last-child) {
    margin-bottom: 1rem;
}

.sublisting-hero__description a {
    color: #6da8ff;
}

@media (max-width: 48em) {
    .sublisting-hero__heading {
        margin-bottom: 25rem;
    }
}

.sublisting-main__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sublisting-main__left {
    width: 32rem;
    position: sticky;
    top: 100px;
    z-index: 4;
}

.sublisting-main__right {
    width: 100.8rem;
}

.sublisting-main__right .section-tags__list-item > button {
    padding: 1.2rem 2rem;
}

@media (max-width: 48em) {
    .sublisting-main__content {
        flex-direction: column;
        justify-content: flex-start;
    }

    .sublisting-main__left {
        width: 100%;
    }

    .sublisting-main__right {
        width: 100%;
    }

    .sublisting-main__right .section-mobile__filters .switch-container {
        padding-top: 3.2rem;
        margin-bottom: 3.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #e5e8f1;
    }

    .sublisting-main__right .section-mobile__filters .switch-container p {
        font-weight: 500;
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.pin-spacer {
    z-index: 0;
}

.catalog-hero__heading {
    margin-bottom: 12.2rem;
}

.catalog-hero__img {
    width: 63.2rem;
    height: 30.2rem;
}

.catalog-hero__icon {
    position: absolute;
    top: 11.8rem;
    right: 16rem;
    width: 11.5rem;
    height: 11.5rem;
    object-fit: contain;
    z-index: -2;
}

.catalog-hero .blur2 {
    position: absolute;
    top: 10.2rem;
    right: -34.8rem;
    width: 103.2rem;
    height: 14.5rem;
    background-color: #2665ed;
    opacity: 0.62;
    filter: blur(9.6rem);
    border-radius: 9.2rem;
    transform: rotate(3.59deg);
    z-index: -1;
}

@media (max-width: 48em) {
    .catalog-hero__heading {
        margin-bottom: 25rem;
    }

    .catalog-hero__icon {
        top: auto;
        bottom: 17rem;
        right: 14.2rem;
    }

    .catalog-hero__img {
        width: 56.6rem;
        height: 27rem;
    }

    .catalog-hero .blur2 {
        top: auto;
        bottom: 10rem;
        right: -31.2rem;
        width: 92.4rem;
        height: 13rem;
        filter: blur(8.6rem);
        border-radius: 8.2rem;
        transform: rotate(3.59deg);
        z-index: -1;
    }
}

.catalog-main__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
}

.catalog-main__list-item {
    padding: 2.4rem 2.4rem 1.6rem 2.4rem;
    width: 32.4rem;
    background-color: #ffffff;
    border-radius: 2rem;
    max-height: 388px;
    overflow: hidden;
    position: relative;
}

.catalog-main__list-item::-webkit-scrollbar {
    width: 3px;
}

.catalog-main__list-item::-webkit-scrollbar-thumb {
    background-color: #e5e8f1;
}

.catalog-main__list-item__heading {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3rem;
}

.catalog-main__list-item__link {
    margin-bottom: 0.8rem;
    display: inline-block;
}

.catalog-main__list-item__sublist {
    margin-bottom: 1.6rem;
    max-height: 85px;
    overflow: hidden;
    will-change: max-height;
    transition: 1s;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.catalog-main__list-item__sublist-item a {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    display: block;
    position: relative;
    z-index: 0;
}

.catalog-main__list-item__sublist-item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -0.4rem;
    right: -0.4rem;
    bottom: 0;
    background-color: #f4f5f8;
    border-radius: 0.8rem;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s ease-in-out;
}

.catalog-main__list-item__sublist-item a:hover::after {
    opacity: 1;
}

.catalog-main__list-item__img-container {
    position: relative;
    width: 100%;
    height: 15.4rem;
    background-color: #f5f6f8;
    border-radius: 0.8rem;
    transition: 0.5s ease;
    transform-origin: bottom;
    position: sticky;
    left: 0;
    bottom: 0;
}

.catalog-main__list-item__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 23.9rem;
    height: 14rem;
    object-fit: contain;
}

@media (max-width: 48em) {
    .catalog-main__list {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .catalog-main__list-item {
        padding: 3.2rem;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        border-radius: 4rem;
        max-height: 500px;
    }

    .catalog-main__list-item-wrapper {
        position: relative;
        margin-bottom: 20px;
    }

    .catalog-main__list-item__heading {
        font-size: 4rem;
        line-height: 5rem;
        order: 1;
    }

    .catalog-main__list-item__link {
        margin-bottom: 0;
        order: 2;
    }

    .catalog-main__list-item__sublist {
        margin-left: -3.2rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        width: 68.6rem;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        order: 3;
        transition-property: opacity, padding, visibility, max-height;
        transition-duration: 0.3s;
        transition-timing-function: ease-in-out;
    }

    .catalog-main__list-item__sublist.active {
        padding-top: 3.2rem;
        opacity: 1;
        visibility: visible;
        overflow-y: scroll;
    }

    .catalog-main__list-item__sublist-item a {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .catalog-main__list-item__sublist-item a::after {
        left: -1.6rem;
        right: -1.6rem;
        border-radius: 1.6rem;
    }

    .catalog-main__list-item__img-container {
        margin-bottom: 3.2rem;
        height: 30.8rem;
        order: 0;
        border-radius: 1.6rem;
    }

    .catalog-main__list-item__img {
        width: 51.2rem;
        height: 100%;
        object-fit: cover;
    }

    .catalog-main__list-item__btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 8rem;
        height: 8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f4f5f8;
        border-radius: 50%;
    }

    .catalog-main__list-item__btn.active img {
        transform: rotate(180deg);
    }

    .catalog-main__list-item__btn img {
        width: 4rem;
        height: 4rem;
        object-fit: contain;
        transition: transform 0.3s ease-in-out;
    }
}

@media screen and (max-width: 768px) {
    .product-main {
        overflow: hidden;
    }
}

.product-hero__mobile-header {
    font-size: 20px;
    color: #01050F;
    margin-bottom: 2.4rem;
    display: none;
}

@media screen and (max-width: 768px) {
    .product-hero {
        padding: 18rem 0 32px;
    }

    .product-hero__mobile-header {
        display: block;
    }
}

.product-hero::after {
    display: none;
}

.product-hero .container {
    position: relative;
}

.product-hero .blur {
    top: 16.67rem;
}


.product-hero__attributes {
    padding: 2rem 0;
    font-size: 1.6rem;
    color: #fff;
}

.product-hero__attributes-wrapper {
    padding: 0.5rem 2.5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3.2rem;
    row-gap: 1.2rem;
    border-left: 1px solid #64666b;
}

.product-hero__attributes-block span:first-child {
    font-weight: 600;
}

.product-hero__attributes-block a {
    color: #6da8ff;
}

@media screen and (max-width: 768px) {
    .product-hero__attributes {
        padding: 3.5rem 0;
        display: block;
        font-size: 14px;
    }

    .product-hero__attributes-block:not(:last-child) {
        margin-bottom: 15px;
    }
}

.product-hero__block {
    display: flex;
    flex-wrap: wrap;
    gap: 6.4rem;
    margin-bottom: 8.8rem;
}

@media screen and (max-width: 768px) {
    .product-hero__block {
        justify-content: center;
        margin-bottom: 49px;
    }
}

.product-hero__img {
    width: 49.2rem;
    height: 49.2rem;
    object-fit: cover;
    position: relative;
    border-radius: 12px;
}

.product-hero__img:has(.swiper) {
    width: 44rem;
    height: 44rem;
}

.product-hero__img .swiper-product {
    margin-bottom: 2rem;
}

.product-hero__img .swiper-nav img {
    cursor: pointer;
}

.product-hero__img-sku {
    position: absolute;
    font-size: 16px;
    color: white;
    z-index: 3;
    left: 0;
    top: 0;
    padding: 18px;
    background-color: rgba(153, 150, 150, 0.5);
    border-radius: 10px 0 10px 0;
}

.product-hero__img .background {
    border-radius: 4px;
    opacity: 0.4;
    background-color: lightgray;
    filter: blur(100px);
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.product-hero__img img {
    position: relative;
    z-index: 2;
    border-radius: 12px;
}

@media screen and (max-width: 768px) {
    .product-hero__img, .product-hero__img:has(.swiper) {
        width: 100%;
        height: auto;
    }
}

.product-hero__content {
    max-width: 73.4rem;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .product-hero__content {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        width: 100%;
    }
}

.product-hero__info {
    color: #aeb3c2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.2rem;
    letter-spacing: 0.14px;
}

@media screen and (max-width: 375px) {
    .product-hero__info {
        font-size: 13px;
    }
}

@media screen and (min-width: 375px) {
    .product-hero__info {
        font-size: 14px;
    }
}

@media screen and (min-width: 1440px) {
    .product-hero__info {
        font-size: 1.4rem;
    }
}

.product-hero__info span {
    width: 0.1rem;
    height: 1.2rem;
    margin: 0 1.6rem;
    display: inline-block;
    background-color: rgba(142, 163, 215, 0.6);
}

.product-hero__info-stock {
    position: relative;
    padding-right: 14px;
    display: inline-block;
    cursor: pointer;
}

.product-hero__info-stock:before, .product-hero__info-stock:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    border-radius: 50%;
    border: 2px solid #2b3344;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.product-hero__info-stock:after {
    right: -0.6rem;
}

.product-hero__info-stock.many:before, .product-hero__info-stock.many:after {
    background-color: #64cf75;
}

.product-hero__info-stock.few:before, .product-hero__info-stock.few:after {
    background-color: #e4d345;
}

.product-hero__info-stock .info-title {
    background-color: #000;
    top: -87px;
    width: 150px;
}

.product-hero__info-stock:hover .info-title {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.product-hero__title {
    margin-bottom: 2rem;
    font-size: 24px;
}

@media screen and (min-width: 768px) {
    .product-hero__title {
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 768px) {
    .product-hero__title {
        order: 1;
    }
}

.product-hero__subtitle {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: 0.18px;
    margin-bottom: 3.3rem;
}

.product-hero__subtitle a {
    color: #285bf3;
}

@media screen and (min-width: 768px) {
    .product-hero__subtitle {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .product-hero__subtitle {
        order: 4;
    }
}

.product-hero__options {
    font-size: 1.4rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3.2rem;
    row-gap: 1.2rem;
    margin-bottom: 4.4rem;
}

@media screen and (max-width: 768px) {
    .product-hero__options {
        order: 4;
        display: block;
        margin-bottom: 0;
    }
}

.product-hero__options-item {
    flex: 1 1 50%;
    padding-left: 2.8rem;
}

.product-hero__options-item:nth-child(1) {
    background: url("/image/catalog/product-ico-1.svg") left/contain no-repeat;
}

.product-hero__options-item:nth-child(2) {
    background: url("/image/catalog/product-ico-2.svg") left/contain no-repeat;
}

.product-hero__options-item:nth-child(3) {
    background: url("/image/catalog/product-ico-3.svg") left/contain no-repeat;
}

.product-hero__options-item:nth-child(4) {
    background: url("/image/catalog/product-ico-4.svg") left/contain no-repeat;
}

@media screen and (max-width: 768px) {
    .product-hero__options-item {
        font-size: 14px;
        padding-left: 28px;
    }

    .product-hero__options-item:not(:last-child) {
        margin-bottom: 12px;
    }
}

.product-hero__action {
    padding: 2.4rem;
    display: flex;
    background-color: #2b3344;
    border-radius: 16px;
}

@media screen and (max-width: 768px) {
    .product-hero__action {
        order: 2;
        margin-bottom: 32px;
        display: block;
    }
}

.product-hero__action-title {
    font-size: 16px;
    gap: 8px;
    display: flex;
    align-items: start;
    line-height: 1.1;
    position: relative;
}

@media screen and (min-width: 768px) {
    .product-hero__action-title {
        margin-bottom: 0.5rem;
    }
}

.product-hero__action-price {
    font-size: 14px;
    margin-bottom: 2.2rem;
    color: #6da8ff;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-weight: 600;
}

@media screen and (min-width: 1440px) {
    .product-hero__action-price {
        font-size: 1.4rem;
    }
}

.product-hero__action-price span {
    width: 2rem;
}

.product-hero__action-text {
    font-size: 14px;
    margin-bottom: 0;
    color: #6da8ff;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

@media screen and (min-width: 1440.99px) {
    .product-hero__action-text {
        font-size: 1.4rem;
        margin-bottom: 2.2rem;
    }
}

.product-hero__action-text span {
    width: 2rem;
}

.product-hero__action-item {
    padding-bottom: 20px;
}

.product-hero__action-item:first-child {
    width: 47.2rem;
    border-right: 1px solid #64666b;
    margin-right: 32px;
    display: flex;
}

@media screen and (min-width: 992px) {
    .product-hero__action-item:first-child {
        align-items: end;
    }
}

@media screen and (max-width: 991px) {
    .product-hero__action-item:first-child {
        flex-direction: column;
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .product-hero__action-item:first-child {
        border: 0;
        border-bottom: 1px solid #64666b;
        margin: 0;
        width: auto;
        margin-bottom: 20px;
    }
}

.product-hero__action-item:last-child {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 10px;
}

@media screen and (max-width: 768px) {
    .product-hero__action-item:last-child {
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .product-hero__action-item {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: space-between;
    }
}

.product-hero__action-item-block {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.product-hero__action-item-block .product-hero__action-title {
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .product-hero__action-item-block {
        margin-bottom: 0.8rem;
    }

    .product-hero__action-item-block .product-hero__action-title {
        font-size: 2.6rem;
    }

    .product-hero__action-item-block .product-hero__action-title.on-request {
        font-size: 1.6rem;
    }
}

.product-hero__action-item-wrapper {
    width: 100%;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 1199px) {
    .product-hero__action-item-wrapper {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .product-hero__action-item-wrapper {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
}

.product-hero__action-item-wrapper .show-price {
    color: #fff;
    font-size: 32px;
    line-height: 1.3;
    display: none;
}

@media screen and (max-width: 767px) {
    .product-hero__action-item-wrapper .show-price {
        font-size: 16px;
    }
}

.product-hero__action-item-wrapper .show-price.active {
    display: block;
}

.product-hero__action-item-wrapper .show-price.active ~ * {
    display: none;
}

@media screen and (min-width: 992px) {
    .product-hero__action-item-wrapper:has(.show-price) {
        margin-right: 25px;
    }
}

.product-hero__cart {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    flex-wrap: wrap;
    margin-right: 15px;
}

@media screen and (max-width: 768px) {
    .product-hero__cart {
        width: 100%;
    }
}

.product-hero .products__list-item__units {
    flex: 0 0 auto;
    width: 135px;
    height: 40px;
    color: #01050f;
}

.products__list-item__units-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-hero .products__list-item__units.desktop {
    display: block !important;
}

@media screen and (min-width: 768px) {
    .product-hero .products__list-item__units {
        max-width: 14rem;
        flex: 1 1;
    }
}

.product-hero .products__list-item__units input {
    width: 100%;
}

.product-hero .products__list-item__units div {
    width: 100%;
    padding: 1.1rem 1.4rem;
    justify-content: space-between;
    font-size: 1.6rem;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .products__list-item__units-wrapper {
        flex-direction: column;
        align-items: baseline;
        gap: 15px;
    }
}

@media screen and (max-width: 768px) {
    .product-hero .products__list-item__units button {
        width: auto;
    }

    .product-hero .products__list-item__units svg {
        width: 16px;
        height: 16px;
    }

    .product-hero .products__list-item__units * {
        font-size: 14px;
    }
}

.product-hero .products__list-item__units-sublist.active {
    left: 0;
}

.product-hero__cart-btn {
    font-size: 14px;
    padding: 1.4rem 3.2rem;
    background-color: #285bf3;
    border-radius: 40px;
}

.product-hero__cart-btn__text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-hero__cart-btn img {
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 1440px) {
    .product-hero__cart-btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .product-hero__cart-btn {
        flex: 1 1 100%;
        padding: 1.8rem 3.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.product-hero__cart-btn svg {
    width: 16px;
    height: 16px;
}

.product-hero__cart-btn svg use {
    fill: #fff;
}

.product-hero__action-selected {
    font-size: 16px;
    display: flex;
    color: #768395;
    gap: 1rem;
}

@media screen and (min-width: 768px) {
    .product-hero__action-selected {
        font-size: 1.6rem;
    }
}

.product-hero__action-selected-count {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-hero__action-selected-count.added {
    background-color: #285bf3;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 1.4rem;
}

.product-hero .listing-info__left-list__heading {
    font-weight: 500;
}

.product-hero__feature {
    padding: 2.4rem;
    background-color: #fff;
    border-radius: 12px;
    font-size: 16px;
    margin-bottom: 1.6rem;
    line-height: 1.2;
}

@media screen and (min-width: 1440px) {
    .product-hero__feature {
        font-size: 1.6rem;
    }
}

.product-hero__feature-list {
    margin-bottom: 15px;
}

.product-hero__feature-title {
    margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
    .product-hero__feature-title {
        font-size: 2rem;
    }
}

.product-hero__feature-list-item {
    display: flex;
    column-gap: 1rem;
}

@media screen and (max-width: 768px) {
    .product-hero__feature-list-item {
        font-size: 14px;
    }
}

.product-hero__feature-list-item:not(:last-child) {
    margin-bottom: 1.2rem;
}

@media screen and (max-width: 768px) {
    .product-hero__feature-list-item:not(:last-child) {
        margin-bottom: 8px;
    }
}

.product-hero__feature-list-item p {
    color: #768395;
    flex: 1 1 auto;
}

.product-hero__feature-list-item span {
    text-align: right;
}

.product-hero__feature-list-item a {
    text-transform: uppercase;
    color: #285bf3;
}

.product-hero__feature-more {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    color: #285bf3;
    width: 100%;
    border-bottom: 1px solid #e5e8f1;
}

@media screen and (max-width: 768px) {
    .product-hero__feature-more {
        font-size: 14px;
    }
}

.product-hero__feature-certif {
    display: flex;
    gap: 10px;
}

.product-hero__feature-certif p {
    flex: 1 1 auto;
}

.product-hero__feature-download {
    color: #285bf3;
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-hero__feature-download img {
    width: 2rem;
    height: 2rem;
}

.product-hero__service {
    position: relative;
    padding: 2rem 2.4rem;
    border-radius: 20px;
    background: #fff url(/image/catalog/product-service.svg) calc(100% - 2rem) 2.4rem no-repeat;
    background-size: 4rem;
    line-height: 1.2;
}

.product-hero__service .product-hero__action-text {
    margin-bottom: 0;
    color: #285bf3;
}

.product-hero__service-bottom {
    margin-top: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-hero__quick-order {
    padding: 1.2rem 2.5rem;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: center;
    position: relative;
    background: rgba(255, 255, 255, 0.001);
    border: 1px solid #285bf3;
    border-radius: 4rem;
    transition-property: color, border-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.product-hero__quick-order span {
    font-size: 1.6rem;
    line-height: 1.75rem;
    letter-spacing: 0.01em;
    color: #285bf3;
    transition: color 0.2s ease-in-out;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .product-hero__service {
        background-size: 40px;
    }
}

.product-hero__service-text-title {
    font-size: 14px;
    margin-bottom: 0.8rem;
}

@media screen and (min-width: 768px) {
    .product-hero__service-text-title {
        font-size: 2rem;
    }
}

.product-hero__service-text-subtitle {
    color: #768395;
    font-size: 14px;
    display: flex;
    gap: 1rem;
}

@media screen and (min-width: 1440px) {
    .product-hero__service-text-subtitle {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .product-hero__service-text-subtitle {
        font-size: 14px;
    }
}

.product-hero__service-counter.added {
    background-color: #285bf3;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 1.4rem;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-hero .breadcrumbs-list::-webkit-scrollbar {
    width: 0;
}

.product-hero .breadcrumbs-list .breadcrumbs-list__item {
    flex: 0 0 auto;
}

@media screen and (max-width: 768px) {
    .product-hero .breadcrumbs-list .breadcrumbs-list__item {
        font-size: 16px;
    }
}

.listing-info__left-contacts {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.5;
    color: #285bf3;
    margin-bottom: 3.2rem;
}

@media screen and (min-width: 768px) {
    .listing-info__left-contacts {
        font-size: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .listing-info__right {
        margin-top: 20px;
    }
}

.product-products {
    margin-top: 3.2rem;
}

.product-products .container {
    display: block;
}

.product-products__title {
    padding-top: 3.2rem;
    border-top: 1px solid rgba(142, 163, 215, 0.6);
    font-size: 24px;
    margin-bottom: 1.6rem;
}

@media screen and (min-width: 768px) {
    .product-products__title {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 768px) {
    .product-products__title {
        margin-bottom: 20px;
    }
}

.product-products__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.product-products__items::-webkit-scrollbar {
    width: 0;
}

.product-products__item {
    flex: 0 0 auto;
}

.product-products__item a {
    padding: 0.8rem 1.2rem;
    border: 1px solid #a8b8cb;
    border-radius: 20px;
    font-size: 14px;
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .product-products__item a {
        font-size: 1.4rem;
    }
}

.opinions {
    font-size: 14px;
    padding: 5.6rem 0;
}

@media screen and (min-width: 768px) {
    .opinions {
        font-size: 1.8rem;
    }
}

.opinions button {
    cursor: pointer;
}

.opinions__overtitle {
    color: #64666b;
    margin-bottom: 0.8rem;
}

@media screen and (max-width: 768px) {
    .opinions__overtitle {
        font-size: 16px;
    }
}

.opinions__title {
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 768px) {
    .opinions__title {
        font-size: 32px;
    }
}

.opinions__controls {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 16px;
    overflow-x: scroll;
    margin-bottom: 3.2rem;
}

@media screen and (min-width: 1440px) {
    .opinions__controls {
        font-size: 1.6rem;
    }
}

.opinions__controls::-webkit-scrollbar {
    width: 0;
}

@media screen and (max-width: 768px) {
    .opinions__controls {
        font-size: 14px;
    }
}

.opinions__btns {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex: 1 0 auto;
}

.opinions__btn {
    line-height: 1.5;
    border-radius: 32px;
    border: 1px solid #e5e8f1;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 16.5px 32px;
    color: #768395;
    flex: 0 1 auto;
}

.opinions__btn.active {
    background-color: #285bf3;
    border-color: #285bf3;
    color: #fff;
    transition: 0.3s ease;
}

.opinions__btn.active svg {
    transition: 0.3s ease;
    fill: #fff;
}

@media (hover) {
    .opinions__btn:hover:not(.active) {
        color: #000;
        transition: 0.3s ease;
    }

    .opinions__btn:hover:not(.active) svg {
        transition: 0.3s ease;
        fill: #000;
    }
}

.opinions__btn--rating {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.opinions__btn--rating div {
    width: 16px;
    height: 16px;
}

.opinions__btn--rating svg {
    display: block;
    fill: #768395;
}

.opinions__more {
    border-radius: 40px;
    border: 1px solid #285bf3;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 17px 32px;
    color: #285bf3;
    flex: 0 0 auto;
}

.opinions__more svg {
    display: block;
}

@media screen and (min-width: 1440px) {
    .opinions__more svg {
        width: 2rem;
        height: 2rem;
    }
}

.opinions__list {
    display: flex;
    gap: 1.6rem;
    overflow-x: scroll;
}

.opinions__list::-webkit-scrollbar {
    width: 0;
}

.opinions [data-child] {
    display: none;
}

.opinions [data-child].active {
    display: flex;
}

.opinions__list-item {
    flex: 0 0 auto;
}

.opinions__card {
    padding: 3.2rem 2.4rem 2.4rem;
    border-radius: 20px;
    letter-spacing: 0.2px;
    background-color: #f4f5f8;
    max-width: 43.8rem;
    min-width: 300px;
    min-height: 47.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .opinions__card {
        padding: 20px;
    }
}

.opinions__card-title {
    font-size: 16px;
    margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
    .opinions__card-title {
        font-size: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .opinions__card-title {
        margin-bottom: 0.8rem;
    }
}

.opinions__card-subtitle {
    color: #64666b;
    display: flex;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(142, 163, 215, 0.6);
}

.opinions__card-subtitle li:not(:last-child) {
    display: flex;
    align-items: center;
}

.opinions__card-subtitle li:not(:last-child)::after {
    content: "";
    width: 4px;
    display: inline-block;
    height: 4px;
    background-color: #64666b;
    margin: 0 8px;
    border-radius: 50%;
}

.opinions__card-text {
    font-size: 16px;
    margin: 16px 0;
}

@media screen and (min-width: 768px) {
    .opinions__card-text {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 768px) {
    .opinions__card-text {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

.opinions__card-img {
    max-width: 80px;
    cursor: pointer;
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: end;
}

.opinions__card-img img {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .opinions__card-img {
        max-width: 8.8rem;
    }
}

.opinions__card-img-zoom {
    position: absolute;
    bottom: 0;
    left: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.opinions__card-img-zoom .zoom-ico {
    width: 20px;
    height: 20px;
}

.opinions__card-img-zoom .zoom-ico use {
    fill: #fff;
}

.opinions__card-footer {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: space-between;
    margin-top: 10px;
}

.opinions__card-date {
    color: #768395;
}

.opinions__card-more {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: #285bf3;
}

.opinions__card-more span {
    display: block;
    padding-top: 2px;
}

.opinions__card-more span svg {
    display: block;
}

@media (hover) {
    .opinions__card-more:hover {
        transition: 0.3s ease;
        opacity: 0.8;
    }
}

.opinions__list-left {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (min-width: 1440px) {
    .opinions__list-left {
        font-size: 1.6rem;
    }
}

.opinions__list-left-item {
    background-color: #f4f5f8;
    border-radius: 20px;
    padding: 32px 24px 32px 24px;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.opinions__list-left-item img {
    max-width: 100%;
    width: initial;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .opinions__list-left-item img {
        margin-bottom: 1.6rem;
    }
}

@media screen and (min-width: 1440px) {
    .opinions__list-left-item {
        width: 43.8rem;
        height: 23rem;
    }
}

.opinions__list-left-rating-text {
    display: flex;
    align-items: center;
    font-size: 20px;
}

@media screen and (min-width: 1440px) {
    .opinions__list-left-rating-text {
        font-size: 2rem;
    }
}

.opinions__list-left-text {
    color: #768395;
    margin-bottom: auto;
}

.opinions__list-left-more {
    color: #285bf3;
    gap: 8px;
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.opinions__list-right {
    display: flex;
    gap: 16px;
}

@media screen and (min-width: 1440px) {
    .opinions__list-right {
        gap: 1.6rem;
    }
}

.opinions__list-right-card {
    min-height: 475px;
    border-radius: 20px;
    background-color: #f4f5f8;
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1440px) {
    .opinions__list-right-card {
        width: 43.8rem;
        height: 47.5rem;
    }
}

.rating-star {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .rating-star {
        margin-bottom: 1.2rem;
    }
}

.rating-star__item {
    display: flex;
    align-items: center;
    gap: 2px;
}

.rating-star__item svg {
    width: 24px;
    height: 24px;
}

.rating-star__item use.rating-star__star {
    fill: #e5e8f1;
}

.rating-star__item use.rating-star__star.selected {
    fill: #ffcc01;
}

.right-card__header {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(142, 163, 215, 0.6);
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (min-width: 1440px) {
    .right-card__header {
        font-size: 2rem;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
}

.right-card__header-title {
    flex: 1 0 auto;
}

.right-card__header-rating {
    margin-top: 8px;
}

@media screen and (min-width: 1440px) {
    .right-card__header-rating {
        margin-top: 0.8rem;
    }
}

.right-card__header-rating svg {
    width: 20px;
    height: 20px;
}

.right-card__header-rating use.rating-star__star {
    fill: #e5e8f1;
}

.right-card__header-rating use.rating-star__star.selected {
    fill: #ffcc01;
}

.right-card__ico {
    position: relative;
    padding: 11px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e5e8f1;
}

@media screen and (min-width: 1440px) {
    .right-card__ico {
        width: 5.6rem;
        height: 5.6rem;
    }
}

.right-card__ico-map {
    position: absolute;
    right: -6px;
    top: -6px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

@media screen and (min-width: 1440px) {
    .right-card__ico-map {
        width: 2.8rem;
        height: 2.8rem;
        right: -0.6rem;
        top: -0.6rem;
    }
}

.right-card__text {
    margin-bottom: auto;
    font-size: 16px;
}

@media screen and (min-width: 1440px) {
    .right-card__text {
        font-size: 1.6rem;
    }
}

.right-card__date {
    font-size: 14px;
    margin-top: 15px;
}

@media screen and (min-width: 1440px) {
    .right-card__date {
        font-size: 1.4rem;
    }
}

.similar {
    margin: 16px 8px;
    padding: 5.6rem 0;
    background-color: #f4f5f8;
    border-radius: 20px;
}

.similar__title {
    margin-bottom: 3.2rem;
}

.similar__subheding {
    color: #64666b;
    margin-bottom: 1.6rem;
}

.similar .products-listing__filters-name {
    width: 84.5rem;
}

.similar .products-listing__filters {
    justify-content: space-between;
}

.similar .products__list-item {
    justify-content: space-between;
}

.similar .products__list-item__price {
    width: 16rem;
}

@media screen and (max-width: 768px) {
    .similar .products__list-item__price {
        width: 100%;
    }
}

.specoffer {
    padding: 5.6rem 0;
    margin-bottom: 1.6rem;
}

.specoffer__title {
    margin-bottom: 3.2rem;
}

.specoffer__subheading {
    color: #64666b;
    margin-bottom: 1.6rem;
}

.specoffer__card {
    position: relative;
    padding: 12px;
    background-color: #f4f5f8;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}

.specoffer__card .product-hero__img-sku {
    margin: 12px 0 0 12px;
}

@media screen and (min-width: 1440px) {
    .specoffer__card {
        padding: 1.2rem;
    }

    .specoffer__card .product-hero__img-sku {
        margin: 1.2rem 0 0 1.2rem;
    }
}

@media screen and (max-width: 500px) {
    .specoffer__card {
        max-width: initial;
    }
}

.specoffer__card-info {
    flex: 1 1 auto;
}

.specoffer__card-sale {
    border-radius: 24px;
    background-color: #285bf3;
    width: 105px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 24px;
    left: 24px;
}

.specoffer__card-img {
    margin-bottom: 2rem;
    border-radius: 12px;
    overflow: hidden;
}

.specoffer__card-title {
    font-size: 16px;
    margin-bottom: 16px;
    display: block;
}

@media screen and (min-width: 768px) {
    .specoffer__card-title {
        font-size: 1.8rem;
        margin-bottom: 1.6rem;
    }
}

.specoffer__card-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 32px;
}

.specoffer__card-item:not(:last-child) {
    margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
    .specoffer__card-item {
        font-size: 1.4rem;
        margin-bottom: 3.2rem;
    }
}

.specoffer__card-spec {
    color: #768395;
}

.specoffer__card-val {
    color: #01050f;
    text-transform: uppercase;
}

.specoffer__card-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    width: 100%;
}

.specoffer__card-btn {
    padding: 11px 24px;
    font-size: 14px;
    color: #285bf3;
    border-radius: 40px;
    border: 1px solid #285bf3;
    transition: 0.3s ease;
    width: 100%;
}

.specoffer__card-btn span {
    display: block;
    font-weight: 600;
}

.specoffer__card-btn span svg {
    fill: #285bf3;
    display: block;
    transition: 0.3s ease;
    width: 16px;
    height: 16px;
}

@media screen and (min-width: 768px) {
    .specoffer__card-btn span svg {
        width: 2rem;
        height: 2rem;
    }
}

.specoffer__card-btn .added-to-cart {
    justify-content: center;
    gap: 10px;
}

.specoffer__card-btn .swiper {
    overflow: visible;
}

@media screen and (min-width: 768px) {
    .specoffer__card-btn {
        font-size: 1.6rem;
        padding: 1.78rem 3.2rem;
    }
}

.opinion-swiper {
    position: relative;
}

.opinion-swiper .opinion-swiper__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
    background-color: #1a1f2b;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .opinion-swiper .opinion-swiper__next {
        display: none;
    }
}

.opinion-swiper .opinion-swiper__next.next {
    right: 0;
}

.opinion-swiper .opinion-swiper__next.prev {
    left: 0;
    transform: translateY(-50%) rotate(180deg);
}

.opinion-swiper .opinion-swiper__next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .opinion-swiper .opinion-swiper__next {
        width: 40px;
        height: 40px;
    }
}

.specoffer_swiper-btn {
    top: 50%;
    transform: translateY(-50%);
}

.specoffer_swiper-btn.prev {
    transform: translateY(-50%) rotate(180deg);
    left: 0;
}

.specoffer_swiper-btn.next {
    right: 0;
}

.specoffer_swiper-btn.swiper-button-disabled {
    display: none;
}

.popup__subheading {
    color: #768395;
}

.product-popup__subhead {
    max-width: 500px;
    font-size: 16px;
}

@media screen and (min-width: 1440px) {
    .product-popup__subhead {
        font-size: 1.6rem;
    }
}

.product-popup__list {
    width: initial;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.product-popup__list::-webkit-scrollbar {
    width: 0.2rem;
}

.product-popup__list::-webkit-scrollbar-thumb {
    background-color: #e5e8f1;
    border-radius: 20rem;
}

.product-popup__item {
    display: flex;
    gap: 15px;
    font-size: 16px;
    padding: 12px 0;
    transition: 0.3s ease;
}

@media screen and (min-width: 1440px) {
    .product-popup__item {
        font-size: 1.6rem;
    }
}

.product-popup__item > div {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 1 auto;
}

.product-popup__item > div .tool-tip {
    position: relative;
}

.product-popup__item > div > button {
    width: 16px;
    height: 16px;
}

.product-popup__item > div > button .title {
    position: absolute;
    min-width: 323px;
    max-width: 323px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
    background-color: rgba(1, 5, 15, 0.8);
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

@media screen and (min-width: 1440px) {
    .product-popup__item > div > button .title {
        font-size: 1.4rem;
    }
}

.product-popup__item > div > button .title > p {
    margin-bottom: 8px;
}

.product-popup__item > div > button .title > a {
    color: #6da8ff;
}

.product-popup__item > div > button .title.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.product-popup__item > div > button .title svg {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
}

@media screen and (max-width: 768px) {
    .product-popup__item > div > button .title {
        min-width: 256px;
    }
}

@media screen and (max-width: 500px) {
    .product-popup__item > div > button .title {
        font-size: 11px;
    }
}

.product-popup__btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #285bf3;
}

.product-popup__btn-ico svg {
    display: block;
    width: 20px;
    height: 20px;
}

.product-popup__btn-ico svg use {
    fill: #285bf3;
}

.product-popup__submit-wrapper {
    display: flex;
    gap: 13px;
}

.product-popup__submit-wrapper > * {
    flex: 1 1 50%;
}

.product-popup__submit {
    padding: 18px 32px;
    background-color: #285bf3;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.18px;
}

@media screen and (max-width: 768px) {
    .product-popup__submit {
        padding: 11px 24px;
        font-size: 14px;
    }
}

.product-popup__submit.reset {
    background-color: transparent;
    border: 1px solid #285bf3;
    color: #285bf3;
    display: none;
}

@media screen and (max-width: 48em) {
    .product-popup__submit.reset {
        display: block;
    }
}

@media screen and (min-width: 1440px) {
    .product-popup__submit {
        font-size: 1.8rem;
    }
}

.cart-navbar {
    display: none;
}

@media screen and (max-width: 768px) {
    .cart-navbar {
        display: block;
    }
}

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

@media screen and (max-width: 375px) {
    .cart-navbar__body {
        gap: 7px;
    }
}

.cart-navbar__body .color span {
    color: #01050f;
}

.cart-navbar__body .products__list-item__units-sublist {
    top: -300%;
}

.cart-navbar__body .product-hero__cart-btn {
    line-height: 1.25;
    letter-spacing: 0.14px;
    color: #fff;
    padding: 11px 24px;
    font-size: 12px;
}

.cart-navbar__body .products__list-item__units-sublist {
    left: 0;
    z-index: 3;
}

.price-tooltip {
    position: relative;
}

.price-tooltip .title {
    position: absolute;
    min-width: 323px;
    max-width: 323px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.4rem;
    color: #fff;
    border-radius: 8px;
    background-color: rgb(6, 1, 1);
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

@media screen and (max-width: 1499px) {
    .price-tooltip .title {
        left: -50px;
    }
}

@media screen and (max-width: 767px) {
    .price-tooltip .title {
        left: 100px;
    }
}

.price-tooltip:hover .title {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    top: -0.8rem;
    transform: translate(-50%, -100%);
}

.price-tooltip:hover .title svg {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: 0;
    padding: 0 20px;
    width: 57px !important;
}

.price-tooltip:hover .title a {
    margin-top: 15px;
    display: inline-block;
    color: #285bf3;
}

.section-cart {
    overflow: hidden;
}

.section-cart img {
    width: 60.8rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -2;
}

@media screen and (max-width: 768px) {
    .section-cart img {
        right: -17%;
    }
}

.section-cart__title {
    color: #fff;
    margin-bottom: 12.2rem;
}

.cart-items {
    padding: 48px 36px;
    background-color: #f4f5f8;
}

@media screen and (max-width: 768px) {
    .cart-items {
        padding: 24px 0;
    }
}

.cart-items svg {
    width: 16px;
    height: 16px;
    display: block;
}

.cart-items__cont {
    display: flex;
    gap: 3.2rem;
}

@media screen and (max-width: 1150px) {
    .cart-items__cont {
        display: block;
    }
}

.cart-items__order {
    border-radius: 200px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 10px 19px 0px rgba(10, 20, 52, 0.08), 0px 0px 10px 0px rgba(10, 20, 52, 0.07);
    backdrop-filter: blur(10px);
    color: #01050f;
    font-size: 14px;
    padding: 10px 20px;
    text-align: center;
    position: sticky;
    bottom: 96px;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    display: none;
}

@media screen and (min-width: 1440px) {
    .cart-items__order {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .cart-items__order {
        display: block;
    }
}

.cart-items__wrapper {
    flex: 1 1 auto;
    max-width: 74.8rem;
}

@media screen and (max-width: 1150px) {
    .cart-items__wrapper {
        display: block;
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768.99px) {
    .cart-items__wrapper {
        max-width: initial;
    }
}

.cart-items__descr {
    padding-left: 8px;
    margin-top: 20px;
    display: flex;
    gap: 10px;
    color: #768395;
    font-size: 14px;
}

@media screen and (min-width: 1440px) {
    .cart-items__descr {
        font-size: 1.4rem;
    }
}

.cart-items__descr use {
    fill: #768395;
}

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

.cart-items__block.left {
    padding: 32px 24px 16px;
}

@media screen and (max-width: 768px) {
    .cart-items__block.left {
        padding: 32px 16px 8px;
    }
}

@media screen and (max-width: 630px) {
    .cart-items__block.left {
        padding: 20px 8px;
    }
}

.cart-items__header {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    margin-bottom: 24px;
    padding: 0 8px;
}

@media screen and (min-width: 1440px) {
    .cart-items__header {
        margin-bottom: 2.4rem;
    }
}

.cart-items__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 24px;
    flex: 1 0 auto;
}

@media screen and (min-width: 1440px) {
    .cart-items__title {
        font-size: 2.4rem;
    }
}

.cart-items__counter {
    background-color: #285bf3;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    display: block;
    display: flex;
    min-width: 18px;
    min-height: 18px;
    align-items: center;
    justify-content: center;
}

.cart-items__action {
    font-size: 14px;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1440px) {
    .cart-items__action {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .cart-items__action {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

.cart-items__action-item {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.cart-items__action-item.dwnld {
    color: #285bf3;
}

.cart-items__action-item.delete {
    color: #768395;
}

.cart-items__action-item:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #768395;
    margin: 0 13px;
}

@media screen and (max-width: 768px) {
    .cart-items__action-item:not(:last-child):after {
        display: none;
    }
}

.cart-items__action-ico.dwnld use {
    fill: #285bf3;
}

.cart-items__action-ico.delete use {
    fill: #768395;
}

.cart__list .left-side {
    flex: 0 1 460px;
}

@media screen and (max-width: 630px) {
    .cart__list .left-side {
        flex: 1 1 auto;
    }
}

.cart__list .right-side {
    flex: 0 0 216px;
}

.cart__list-price {
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

@media screen and (max-width: 630px) {
    .cart__list-price {
        display: none;
    }
}

.cart__list-header {
    color: #768395;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    margin-bottom: 24px;
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

@media screen and (min-width: 1440px) {
    .cart__list-header {
        font-size: 1.4rem;
        margin-bottom: 2.4rem;
    }
}

.cart__item {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.cart__item-img img {
    width: initial;
    border-radius: 1rem;
}

.cart__item-wrapper {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
}

.cart__item-wrapper:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e8f1;
    margin-bottom: 24px;
}

.cart__item-wrapper .cart__item-action-btn {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .cart__item-wrapper {
        gap: 16px;
    }
}

.cart__item-name {
    font-size: 16px;
    color: #01050f;
    line-height: 1.25;
    margin-bottom: 12px;
    display: block;
    transition: 0.4s ease;
}

.cart__item-name:hover {
    color: #285bf3;
}

.cart__item-name span {
    padding: 8px;
    flex: 0 0 auto;
}

.cart__item-name span svg {
    display: none;
    width: 16px;
    height: 16px;
}

@media screen and (min-width: 1440px) {
    .cart__item-name {
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }
}

@media screen and (max-width: 630px) {
    .cart__item-name {
        display: flex;
        align-items: start;
        gap: 15px;
    }

    .cart__item-name span {
        background-color: #f4f5f8;
        border-radius: 50%;
    }
}

@media screen and (max-width: 630px) and (max-width: 350px) {
    .cart__item-name span {
        align-self: end;
    }
}

@media screen and (max-width: 630px) {
    .cart__item-name span svg {
        display: block;
    }
}

@media screen and (max-width: 350px) {
    .cart__item-name {
        flex-direction: column;
    }
}

.cart__item-action {
    display: flex;
    gap: 20px;
}

.cart__item-action-btn {
    display: flex;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    align-items: center;
    gap: 4px;
    color: #768395;
}

@media screen and (min-width: 1440px) {
    .cart__item-action-btn {
        font-size: 1.4rem;
    }
}

.cart__item-action-btn svg {
    fill: #768395;
}

.cart__item-action-btn.blue {
    color: #285bf3;
}

.cart__item-action-btn.blue svg {
    fill: #285bf3;
}

@media screen and (max-width: 992px) {
    .cart__item-action-btn {
        font-size: 13px;
    }
}

@media screen and (max-width: 630px) {
    .cart__item-action-btn.delete {
        display: none;
    }
}

.cart__list-header-item {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #768395;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

.cart__list-header-item svg use {
    fill: #768395;
}

.cart__list-header-item.price {
    position: relative;
    cursor: pointer;
}

.cart__list-header-item.price .title {
    position: absolute;
    min-width: 323px;
    max-width: 323px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #fff;
    border-radius: 8px;
    background-color: #060101;
    padding: 12px;
    opacity: 0;
    visibility: hidden;
}

.cart__list-header-item.price .title svg {
    width: 12px;
    height: 7px;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
}

@media screen and (max-width: 630px) {
    .cart__list-header-item.price .title {
        min-width: 230px;
    }
}

.cart__list-header-item.price .title.active {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    left: 50%;
    top: -100%;
    transform: translate(-50%, -94%);
}

@media (hover) {
    .cart__list-header-item.price:hover .title {
        transition: 0.3s;
        opacity: 1;
        visibility: visible;
        left: 50%;
        top: -100%;
        transform: translate(-50%, -94%);
    }
}

.cart__item-units {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 630px) {
    .cart__item-units {
        display: none;
    }
}

.cart__item-units-text {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

.cart__unit .products__list-item__units {
    width: initial;
}

.cart__unit .products__list-item__units div {
    padding: 11px 13px;
    gap: 6px;
}

.cart__unit .products__list-item__units div * {
    font-size: 14px;
    line-height: 1.1;
}

.cart__unit .products__list-item__units div input {
    width: 40px;
}

.cart__unit .products__list-item__units div button {
    width: 30px;
}

.cart__unit .products__list-item__units div button svg {
    height: initial;
}

.cart__item-mobile {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    display: none;
}

@media screen and (max-width: 630px) {
    .cart__item-mobile {
        display: flex;
    }
}

.cart__item-mobile-price *:first-child {
    margin-bottom: 2px;
}

.cart-form {
    border-radius: 20px;
    padding: 32px 32px 40px;
    max-width: 56rem;
}

@media screen and (max-width: 1150px) {
    .cart-form {
        display: block;
        max-width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768.99px) {
    .cart-form {
        max-width: initial;
        padding: 32px 16px 40px;
    }
}

.cart-form__title {
    font-size: 24px;
    margin-bottom: 32px;
}

@media screen and (min-width: 1440px) {
    .cart-form__title {
        font-size: 2.4rem;
        margin-bottom: 3.2rem;
    }
}

.cart-form__form textarea {
    resize: none;
}

.cart-form__files {
    margin-bottom: 40px;
}

.cart-form__submit {
    padding: 18px 32px;
    background-color: #285bf3;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    max-width: 500%;
    text-align: center;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .cart-form__submit {
        font-size: 1.6rem;
        margin-bottom: 1.6rem;
    }
}

.cart-form .request__right-form__file .request__right-form__file-btn span {
    color: #285bf3;
}

.cart-form .request__right-form__file .request__right-form__file-btn svg {
    width: 20px;
    height: 20px;
}

.cart-form .request__right-form__formats {
    margin-bottom: 0;
    color: #768395;
}

.cart-form .request__right-form__policy {
    color: #01050f;
}

.cart-form .request__right-form__policy a {
    text-align: center;
    color: #285bf3;
}

.cart-swiper-btn {
    top: 50%;
    transform: translateY(-50%);
}

.cart-swiper-btn.prev {
    transform: translateY(-50%) rotate(180deg);
    left: 0;
}

.cart-swiper-btn.next {
    right: 0;
}

.cart-swiper-btn.swiper-button-disabled {
    opacity: 0;
    transition: 0.3s ease;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .cart-swiper-btn {
        display: none;
    }
}

.req-error {
    color: #e56044;
    margin-top: 6px;
    font-size: 12px;
    display: none;
}

.cart-empty {
    background-color: #f4f5f8;
    border-radius: 20px;
    text-align: center;
    padding: 88px 0;
    margin: 16px 0;
}

.cart-empty__counter {
    width: 56px;
    height: 56px;
    background-color: #285bf3;
    margin: 0 auto 16px;
    font-size: 20px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1440px) {
    .cart-empty__counter {
        width: 5.6rem;
        height: 5.6rem;
        font-size: 2rem;
    }
}

.cart-empty__title {
    font-size: 24px;
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .cart-empty__title {
        font-size: 2.4rem;
        margin-bottom: 1.2rem;
    }
}

.cart-empty__subtitle {
    font-size: 16px;
    margin-bottom: 32px;
    max-width: 382px;
    margin: 0 auto 32px;
}

@media screen and (min-width: 1440px) {
    .cart-empty__subtitle {
        font-size: 1.6rem;
        margin-bottom: 3.2rem;
    }
}

.cart-empty__btn {
    border-radius: 40px;
    border: 1px solid var(--interface-blue-default-blue-500, #285bf3);
    padding: 11px 24px;
    color: #285bf3;
    cursor: pointer;
    font-size: 14px;
}

@media screen and (min-width: 1440px) {
    .cart-empty__btn {
        font-size: 1.4rem;
    }
}

.empty-popup {
    text-align: center;
}

.empty-popup .product-popup__body {
    width: initial;
    max-width: 500px;
}

@media screen and (max-width: 768px) {
    .empty-popup .product-popup__body {
        max-width: initial;
        width: initial;
        flex: 1 1 auto;
    }
}

.empty-popup__check {
    width: 64px;
    height: 64px;
    margin: 32.6030927835% auto 24px;
    border-radius: 50%;
    background-color: #285bf3;
    padding: 16px;
}

.empty-popup__check svg {
    width: 32px;
    height: 32px;
}

@media screen and (min-width: 1440px) {
    .empty-popup__check {
        margin-bottom: 2.4rem;
    }
}

.empty-popup__title {
    font-size: 24px;
    color: #01050f;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .empty-popup__title {
        font-size: 2.4rem;
        margin-bottom: 0.8rem;
    }
}

.empty-popup__subtitle {
    color: #768395;
    max-width: 382px;
    margin: 0 auto auto;
    font-size: 16px;
}

@media screen and (min-width: 1440px) {
    .empty-popup__subtitle {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .empty-popup__subtitle {
        max-width: initial;
    }
}

.empty-popup__btn {
    margin-top: 20px;
    border: 1px solid #285bf3;
    border-radius: 40px;
    padding: 18px 32px;
    color: #285bf3;
    font-size: 16px;
}

@media screen and (min-width: 1440px) {
    .empty-popup__btn {
        font-size: 1.6rem;
    }
}

.error-hint {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.error-hint svg {
    width: 24px;
    height: 24px;
}

@media screen and (min-width: 1440px) {
    .error-hint svg {
        width: 2.4rem;
    }
}

.error-hint svg use {
    fill: #e56044;
}

.request__right-form__input-container.invalid .error-hint {
    display: block;
}

.request__right-form__input-container.invalid .req-error {
    display: block;
}

main.about .sections__aside {
    left: 234.703px;
    z-index: 2;
}

.section-hero {
    z-index: 1;
}

.requisites-popup .requisites__card {
    padding: 0;
    max-width: 500px;
}

@media screen and (max-width: 768px) {
    .section-about {
        overflow: hidden;
        margin-bottom: 8px;
        position: relative;
    }
}

@media screen and (max-width: 425px) {
    .section-about {
        padding-top: 89px;
    }
}

.section-about .section-hero__bg {
    display: none;
}

.section-about .svg {
    display: none;
}

@media screen and (max-width: 768px) {
    .section-about .svg {
        display: block;
        position: absolute;
    }

    .section-about .svg.svg-top {
        right: -150px;
        top: 0;
    }
}

.section-about .blur-middle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.section-about .blur-middle img {
    position: absolute;
    top: 20rem;
}

.section-about__bg {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -2;
}

.section-about__body {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 20px;
}

.section-about__body span {
    color: #aeb3c2;
    font-size: 1.6rem;
    flex: 1 0 auto;
}

@media screen and (max-width: 768px) {
    .section-about__body span {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .section-about__body {
        margin-bottom: 100px;
    }
}

.section-about__text {
    color: #fff;
    max-width: 101.3rem;
    opacity: var(--opacityText);
}

.section-about__title {
    color: inherit;
    margin-bottom: 3.2rem;
    transition: 0.6s ease;
    opacity: 0;
    transform: translateY(40px);
}

@media screen and (max-width: 768px) {
    .section-about__title {
        margin-bottom: 24px;
    }
}

.section-about__subtitle {
    font-size: 2.4rem;
    margin-bottom: 7.2rem;
    line-height: 1.25;
    font-weight: 400;
    transition: 0.6s ease;
    opacity: 0;
    transform: translateY(40px);
}

@media screen and (max-width: 768px) {
    .section-about__subtitle {
        font-size: 16px;
    }
}

.section-about__items {
    font-weight: 400;
    font-size: 2rem;
    display: flex;
    gap: 3.2rem;
    transition: 0.6s ease;
    opacity: 0;
    transform: translateY(40px);
}

@media screen and (max-width: 768px) {
    .section-about__items {
        flex-direction: column;
        gap: 16px;
        font-size: 16px;
    }
}

.section-about__item {
    max-width: 31.9rem;
}

@media screen and (max-width: 768px) {
    .section-about__item {
        max-width: initial;
    }
}

.section-about-mobile .section-about__title, .section-about-mobile .section-about__subtitle {
    opacity: 1;
    transform: none;
}

.section-about-mobile .paralax__images2 {
    display: none;
}

.aside-space {
    padding: 56px 0;
}

.sections {
    background-color: #f4f5f8;
    border-radius: 20px;
}

.sections__container {
    display: flex;
    gap: 3.2rem;
}

.sections__aside-wrapper {
    position: relative;
    flex: 0 0 auto;
    width: 26rem;
}

@media screen and (max-width: 768px) {
    .sections__aside-wrapper {
        display: none;
    }
}

.sections__aside {
    flex: 1 0 auto;
    position: sticky;
    top: 100px;
    transition: 0.3s;
}

@media screen and (min-width: 1440px) {
    .sections__aside {
        top: 10rem;
    }
}

.sections__aside-title {
    font-size: 1.6rem;
    color: #768395;
    padding: 1.2rem 0;
    display: block;
}

.sections__aside-item:not(:last-child) {
    margin-bottom: 0.8rem;
}

.sections__aside-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    transition: 0.3s ease;
    font-size: 1.6rem;
    color: #2e2e2e;
}

.sections__aside-link span {
    display: block;
    opacity: 0;
}

.sections__aside-link span svg {
    width: 20px;
    height: 20px;
    display: block;
}

@media screen and (max-width: 768px) {
    .sections__aside-link span {
        display: none;
    }
}

@media (hover) {
    .sections__aside-link:hover {
        color: #285bf3;
    }

    .sections__aside-link:hover span {
        opacity: 1;
    }
}

.sections__aside-link.active {
    color: #285bf3;
}

.sections__aside-link.active span {
    opacity: 1;
}

.sections-body {
    padding: 56px 0;
    margin: 8px;
}

@media screen and (max-width: 768px) {
    .sections-body {
        padding: 32px 0;
        margin-left: 0;
        margin-right: 0;
    }
}

.sections-body__overtitle {
    font-size: 2rem;
    margin-bottom: 1.6rem;
    color: #64666b;
}

@media screen and (max-width: 768px) {
    .sections-body__overtitle {
        font-size: 16px;
    }
}

.sections-body__title {
    font-family: Vela Sans;
    font-size: 5.6rem;
    margin-bottom: 7.2rem;
}

.sections-body__title span {
    display: inline-block;
    margin: 0 25px;
}

.sections-body__title span .text-arrow {
    width: 38px;
    height: 38px;
    display: block;
}

@media screen and (max-width: 768px) {
    .sections-body__title span .text-arrow {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 500px) {
    .sections-body__title span .text-arrow {
        width: 25px;
        aspect-ratio: 1;
        height: 25px;
    }
}

@media screen and (max-width: 768px) {
    .sections-body__title span {
        margin: 0 10px;
    }
}

.sections-body__subtitle {
    font-size: 24px;
}

.counters {
    margin-bottom: 4rem;
}

.counters__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4.8rem;
}

@media screen and (max-width: 992px) {
    .counters__items {
        grid-template-columns: repeat(4, 217px);
        overflow-x: scroll;
    }

    .counters__items::-webkit-scrollbar {
        width: 0;
    }
}

.counters__item {
    border-right: 1px solid #f1e5e5;
    padding-right: 24px;
}

.counters__number {
    font-size: 64px;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: start;
}

@media screen and (max-width: 992px) {
    .counters__number {
        font-size: 48px;
    }
}

.counters__number-plus {
    font-size: 20px;
}

.counters__text {
    font-size: 16px;
}

.section-body__benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem;
}

@media screen and (max-width: 992px) {
    .section-body__benefits {
        display: flex;
        overflow-x: scroll;
    }

    .section-body__benefits::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

.benefits-block {
    background-color: #fff;
    padding-bottom: 56px;
}

@media screen and (max-width: 768px) {
    .benefits-block {
        padding-bottom: 32px;
    }
}

.benefits-block .sections-body__title {
    margin-bottom: 4rem;
}

.benefits-card {
    background: #f4f5f8;
    border-radius: 20px;
    padding: 24px;
    min-height: 304px;
    height: 30.4rem;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
    cursor: pointer;
}

@media screen and (max-width: 992px) {
    .benefits-card {
        max-width: 305px;
        flex: 1 0 auto;
    }
}

.benefits-card__ico {
    width: 48px;
    height: 48px;
    padding: 8px;
    background-color: #285bf3;
    border-radius: 50%;
    margin-bottom: 2rem;
}

.benefits-card__title {
    font-size: 2rem;
    margin-bottom: auto;
    letter-spacing: 0.2px;
}

@media screen and (max-width: 992px) {
    .benefits-card__title {
        font-size: 20px;
    }
}

.benefits-card__text {
    margin-top: 15px;
    font-size: 1.6rem;
    line-height: 125%;
}

@media screen and (max-width: 992px) {
    .benefits-card__text {
        font-size: 16px;
    }
}

@media (hover) {
    .benefits-card:hover {
        transform: scale(1.05);
    }
}

.requisites-block {
    background-color: #f4f5f8;
}

.requisites-block__item {
    padding: 32px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 4.8rem;
    position: relative;
}

@media screen and (max-width: 768px) {
    .requisites-block__item {
        position: relative;
        overflow: hidden;
        display: block;
        padding: 24px;
    }
}

.requisites-block__item img {
    width: 18rem;
    height: 18rem;
}

@media screen and (max-width: 768px) {
    .requisites-block__item img {
        position: absolute;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
        flex: 0 0 80px;
        width: 100px;
        height: 100px;
    }
}

.requisites-block__item-text button {
    background-color: #285bf3;
    font-size: 16px;
    color: #fff;
    border-radius: 40px;
    padding: 18px 32px;
    text-align: center;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .requisites-block__item-text button {
        width: 100%;
    }
}

.requisites-block__item-text button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.requisites-block__item-title {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.requisites-block__item-subtitle {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 4.6rem;
}

.requisites-block__order-title {
    font-family: Vela Sans;
    font-size: 3.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 2rem;
    line-height: 1.2;
    letter-spacing: -0.64px;
}

@media screen and (max-width: 768px) {
    .requisites-block__order-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

.requisites-block__order-subtitle {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

.requisites-block__order-subtitle:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .requisites-block__order-subtitle {
        font-size: 16px;
        margin-bottom: 24px;
    }
}

.requisites-block__order-img {
    margin-bottom: 48px;
}

.requisites-block__order-list {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 4.8rem;
}

@media screen and (max-width: 768px) {
    .requisites-block__order-list {
        font-size: 16px;
    }
}

.requisites-block__order-list-item {
    display: flex;
    align-items: center;
}

.requisites-block__order-list-item:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 13px;
    background-color: #000;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    .requisites-block__order-list-item:before {
        flex: 0 0 auto;
    }
}

.requisites-block__order-list-item:not(:last-child) {
    margin-bottom: 15px;
}

.requisites-block .sections-body__title {
    margin-bottom: 32px;
}

.requisites-block .sections-body__subtitle {
    font-size: 24px;
    color: #000;
    margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
    .requisites-block .sections-body__subtitle {
        margin-bottom: 32px;
    }
}

.foto-block .main-reviews__subheading {
    color: #fff;
}

.foto-block .main-reviews__heading {
    color: #f4f5f8;
}

.foto-block [data-child] {
    display: none;
}

.foto-block [data-child].active {
    display: block;
}

.foto-block__btns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3.2rem;
    gap: 8px;
}

@media screen and (min-width: 1440px) {
    .foto-block__btns {
        gap: 0.8rem;
    }
}

@media screen and (max-width: 768px) {
    .foto-block__btns {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .foto-block__btns::-webkit-scrollbar {
        width: 0;
    }
}

.foto-block__btn {
    font-size: 16px;
    border-radius: 32px;
    border: 1px solid #e5e8f1;
    background-color: #fff;
    padding: 18px 32px;
    color: #768395;
    transition: 0.3s ease;
    line-height: 125%;
}

.foto-block__btn.active {
    background-color: #285bf3;
    color: #fff;
    border-color: #285bf3;
}

@media screen and (min-width: 1440px) {
    .foto-block__btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .foto-block__btn {
        font-size: 16px;
        flex: 0 0 auto;
    }
}

.foto-block__swiper .swiper-slide {
    height: auto;
}

.foto-block__swiper .swiper-slide a {
    height: 628px;
    display: block;
}

.foto-block__swiper .swiper-slide img {
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.sections-body .main-reviews__heading {
    margin-bottom: 48px;
}

.about-swiper-btn {
    background-color: #1a1f2b;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s ease;
}

.about-swiper-btn.prev {
    transform: translateY(-50%) rotate(180deg);
    left: 0;
}

.about-swiper-btn.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .about-swiper-btn {
        display: none;
    }
}

.asided-js {
    padding: 0;
}

.asided-js aside {
    max-width: 23.8095238095%;
}

@media screen and (max-width: 768px) {
    .asided-js aside {
        display: none;
    }
}

.goals-block {
    background-color: #f4f5f8;
}

.banner-block {
    background-color: #285bf3;
    color: #fff;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.banner-block__container {
    display: flex;
    position: relative;
}

.banner-block .sections-body__title {
    font-size: 4.8rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
    .banner-block .sections-body__title {
        font-size: 28px;
    }
}

.banner-block .sections-body__overtitle {
    margin-bottom: 1.6rem;
    color: #fff;
}

.banner-block__subtitle {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 7.2rem;
}

@media screen and (max-width: 768px) {
    .banner-block__subtitle {
        font-size: 16px;
        margin-bottom: 400px;
    }
}

.banner-block__btn {
    color: #000;
    font-size: 1.6rem;
    padding: 18px 32px;
    text-align: center;
    border-radius: 40px;
    background-color: #fff;
    transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
    .banner-block__btn {
        width: 100%;
        font-size: 16px;
    }
}

@media (hover) {
    .banner-block__btn:hover {
        opacity: 0.8;
    }
}

.banner-block img {
    width: initial;
    margin-top: -4%;
    margin-right: -4%;
}

@media screen and (max-width: 1024px) {
    .banner-block img {
        position: absolute;
        opacity: 0.5;
        bottom: -120px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 1024px) {
    .banner-block .sections-body__block {
        position: relative;
        z-index: 2;
    }
}

.about .qa__right-category {
    display: flex;
}

.about .qa__right-list {
    display: none;
}

.about .qa__right-list.active {
    display: block;
}

body {
    --opacityImage: 0;
}

.paralax__images2 {
    position: relative;
    height: 1150px;
    overflow: hidden;
}

.paralax__images2 > * {
    position: absolute;
    width: 100%;
}

@media screen and (min-width: 769px) {
    .paralax {
        position: relative;
        padding-bottom: 0;
        z-index: 0;
        background-image: url(/image/catalog/paralax/paralax-bg.png);
        background-size: cover;
        transition: transform 0.1s linear;
    }
}

@media screen and (min-width: 769px) {
    .paralax .paralax__container {
        position: sticky;
        top: 100px;
        min-height: 50vh;
        opacity: var(--opacityText);
        transition: opacity 0.1s linear;
    }
}

@media screen and (min-width: 769px) {
    .paralax .section-about__body {
        margin-bottom: 0;
        position: static;
    }
}

@media screen and (min-width: 769px) {
    .paralax + .sections-body {
        position: relative;
        z-index: 1;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 769px) {
    .paralax_first-anim-step .paralax__heading {
        opacity: 0.3;
        transform: translateY(35px);
    }

    .paralax_first-anim-step .paralax__subheading {
        opacity: 0.2;
        transform: translateY(45px);
    }

    .paralax_first-anim-step .paralax__list {
        opacity: 0;
        transform: translateY(55px);
    }
}

@media screen and (min-width: 769px) {
    .paralax__breadcrumbs {
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 4;
    }
}

.paralax__images {
    display: none;
}

@media screen and (min-width: 769px) {
    .paralax__images {
        display: block;
        opacity: var(--opacityImage);
        margin-top: -70vh;
        position: relative;
        overflow: hidden;
        transition: opacity 0.1s linear, max-height 0.4s linear;
    }

    .paralax__images .paralax__back {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 0;
        background-image: url(/image/catalog/paralax/paralax-back.png);
        background-size: cover;
        width: 100%;
        height: 100%;
        transform: translate3d(-50%, calc(var(--scrollTop) / 6 * -1), 0);
        transition: transform 0.1s linear;
    }

    .paralax__images .paralax__front {
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: 2;
        background-image: url(/image/catalog/paralax/paralax-front.png);
        transform: translate3d(-50%, calc(var(--scrollTop) / 10), 0);
        transition: transform 0.1s linear;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .paralax__images .paralax__logo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        transform: translate3d(0, calc(var(--scrollTop) / 6 * -1), 0);
        transition: transform 0.1s linear;
    }

    .paralax__images .paralax__logo img {
        max-width: 100%;
        object-fit: cover;
    }
}

.employees-hero {
    overflow: hidden;
}

.employees-hero .heading1 {
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
    .employees-hero .heading1 {
        margin-bottom: 24px;
    }
}

.employees-hero .container {
    position: relative;
    z-index: 3;
}

.employees-hero .subheading {
    font-weight: 400;
    margin-bottom: 20.3rem;
    color: #e1e4ea;
    max-width: 50%;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

@media screen and (max-width: 768px) {
    .employees-hero .subheading {
        margin-bottom: 48px;
        max-width: initial;
    }
}

.employees-hero .section-hero__bg {
    z-index: -1;
}

.employees-hero .section-hero__bg .blur {
    bottom: 20.5rem;
}

.employees-hero__bg {
    position: absolute;
    right: 0;
    top: 0;
    width: initial;
}

@media screen and (max-width: 768px) {
    .employees-hero__bg {
        position: unset;
        margin-bottom: 24px;
        width: 100%;
    }
}

.employees-hero .container {
    position: relative;
}

.employees-block {
    padding: 56px 0;
}

.employees-block .container {
    display: flex;
}

.employees-block .sections__aside {
    flex: 1 1 320px;
}

@media screen and (max-width: 768px) {
    .employees-block .sections__aside {
        display: none;
    }
}

.requisites-popup .requisites__card {
    display: flex;
    flex-direction: column;
}

.requisites-popup .requisites__card .requisites__card-btn {
    margin-top: auto;
}

.team-block__item:not(:last-child) {
    margin-bottom: 80px;
}

@media screen and (max-width: 992px) {
    .team-block__item:not(:last-child) {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 768px) {
    .team-block__item:not(:last-child) {
        margin-bottom: 40px;
    }
}

.team-block__header {
    font-family: Vela Sans;
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
}

.team-block__cards {
    display: grid;
    gap: 24px;
}

@media screen and (min-width: 1440px) {
    .team-block__cards {
        gap: 2.4em;
    }
}

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

@media screen and (min-width: 1440px) {
    .team-block__cards.columns-2 img {
        height: 556px;
    }
}

@media screen and (max-width: 500px) {
    .team-block__cards.columns-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

@media screen and (min-width: 1440px) {
    .team-block__cards.columns-3 img {
        height: 450px;
    }
}

.team-block__cards.columns-3 .team-block__title {
    font-size: 20px;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .team-block__cards.columns-3 .team-block__title {
        font-size: 2rem;
        margin-bottom: 0.8rem;
    }
}

@media screen and (max-width: 768px) {
    .team-block__cards.columns-3 .team-block__title {
        font-size: 16px;
    }
}

.team-block__cards.columns-3 .team-block__subtitle {
    font-size: 14px;
}

@media screen and (min-width: 1440px) {
    .team-block__cards.columns-3 .team-block__subtitle {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .team-block__cards.columns-3 .team-block__subtitle {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .team-block__cards.columns-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.team-block__img {
    margin-bottom: 16px;
}

.team-block__img img {
    object-fit: cover;
}

@media screen and (min-width: 1440px) {
    .team-block__img {
        margin-bottom: 1.6rem;
    }
}

.team-block__title {
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .team-block__title {
        font-size: 2.4rem;
        margin-bottom: 1.2rem;
    }
}

@media screen and (max-width: 768px) {
    .team-block__title {
        font-size: 20px;
    }
}

.team-block__subtitle {
    color: #768395;
    font-size: 16px;
}

@media screen and (min-width: 1440px) {
    .team-block__subtitle {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .team-block__subtitle {
        font-size: 16px;
    }
}

.jobs-block {
    background-color: #285bf3;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 768px) {
    .jobs-block {
        position: relative;
    }
}

.jobs-block .container {
    display: flex;
    position: relative;
}

@media screen and (max-width: 768px) {
    .jobs-block .container {
        position: initial;
    }
}

.jobs-block__block {
    display: flex;
    align-items: start;
    flex-direction: column;
    z-index: 2;
}

@media screen and (min-width: 769px) {
    .jobs-block__block {
        max-width: 54.3898809524%;
    }
}

.jobs-block__overtitle {
    font-size: 20px;
    margin-bottom: 16px;
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .jobs-block__overtitle {
        font-size: 2rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .jobs-block__overtitle {
        font-size: 16px;
    }
}

.jobs-block__title {
    font-family: Vela Sans;
    font-size: 4.8rem;
    font-weight: 600;
    margin-bottom: 120px;
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .jobs-block__title {
        margin-bottom: 12rem;
    }
}

@media screen and (max-width: 768px) {
    .jobs-block__title {
        margin-bottom: 230px;
    }
}

.jobs-block__btn {
    padding: 18px 32px;
    background-color: #fff;
    font-size: 16px;
    border-radius: 40px;
    margin-top: auto;
    text-align: center;
    line-height: 1.25;
    transition: 0.3s ease;
}

@media screen and (min-width: 1440px) {
    .jobs-block__btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .jobs-block__btn {
        width: 100%;
    }
}

@media (hover) {
    .jobs-block__btn:hover {
        opacity: 0.8;
    }
}

.jobs-block__btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.jobs-block__img {
    width: initial;
    margin-top: -4%;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1024px) {
    .jobs-block__img {
        position: absolute;
        opacity: 0.6;
        bottom: -120px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .jobs-block__img {
        width: 100%;
        top: unset;
        bottom: -16px;
    }
}

.vacancies .qa .qa__right-category {
    display: flex;
}

@media screen and (max-width: 1100px) {
    .vacancies .sections__aside-wrapper {
        flex: 1 1 250px;
    }
}

.vacancies-hero {
    margin-bottom: 16px;
}

.vacancies-hero .section-hero__bg .blur {
    bottom: 21.5rem;
}

.vacancies-hero__container {
    position: relative;
}

.vacancies-hero__body {
    display: flex;
    gap: 8.8rem;
}

@media screen and (max-width: 992px) {
    .vacancies-hero__body {
        display: block;
    }
}

.vacancies-hero__text {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media screen and (max-width: 992px) {
    .vacancies-hero__text {
        max-width: 672px;
    }
}

.vacancies-hero__img {
    border-radius: 12px;
    width: initial;
}

@media screen and (max-width: 992px) {
    .vacancies-hero__img {
        max-width: 100%;
    }
}

.vacancies-hero__title {
    color: #fff;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .vacancies-hero__title {
        margin-bottom: 2.4rem;
    }
}

@media screen and (max-width: 992px) {
    .vacancies-hero__title {
        margin-bottom: 16px;
    }
}

.vacancies-hero__subtitle {
    margin-bottom: 48px;
    color: #fff;
    font-weight: 400;
    color: #e1e4ea;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

@media screen and (min-width: 1440px) {
    .vacancies-hero__subtitle {
        margin-bottom: 4.8rem;
    }
}

@media screen and (max-width: 992px) {
    .vacancies-hero__subtitle {
        margin-bottom: 32px;
    }
}

.vacancies-hero__btn {
    margin-bottom: auto;
    display: inline-block;
    border-radius: 40px;
    background-color: #285bf3;
    color: #fff;
    font-size: 16px;
    padding: 18px 32px;
    text-align: center;
}

@media screen and (min-width: 1440px) {
    .vacancies-hero__btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 992px) {
    .vacancies-hero__btn {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 425px) {
    .vacancies-hero__btn {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .vacancies-hero .breadcrumbs-list {
        margin-top: 24px;
    }
}

.principles__container {
    display: flex;
    gap: 16px;
}

@media screen and (min-width: 1440px) {
    .principles__container {
        gap: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .principles__container {
        display: block;
    }
}

.principles__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.6rem;
}

@media screen and (max-width: 768px) {
    .principles__cards {
        display: flex;
        overflow-x: scroll;
    }

    .principles__cards::-webkit-scrollbar {
        width: 0;
    }
}

.principles__card {
    transition: 0.3s ease;
    cursor: pointer;
}

@media (hover) {
    .principles__card:hover {
        transform: scale(1.05);
    }
}

.principles .sections-body__title {
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .principles .sections-body__title {
        font-size: 32px;
        margin-bottom: 24px;
    }
}

.principles-card {
    padding: 24px;
    background-color: #f4f5f8;
    display: flex;
    flex-direction: column;
    height: 304px;
    border-radius: 20px;
}

@media screen and (max-width: 768px) {
    .principles-card {
        flex: 0 0 auto;
        max-width: 302px;
    }
}

@media screen and (max-width: 375px) {
    .principles-card {
        max-width: 240px;
    }
}

.principles-card__ico {
    width: 48px;
    border-radius: 50%;
    aspect-ratio: 1;
    margin-bottom: 20px;
    background-color: #285bf3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.principles-card__ico img {
    width: 24px;
    height: 24px;
}

.principles-card__title {
    font-size: 20px;
    margin-bottom: auto;
}

.principles-card__text {
    font-size: 16px;
    line-height: 1.4;
}

.banner-mini {
    position: relative;
    margin-top: 25px;
    padding: 24px;
    background-color: #01050f;
    position: relative;
    border-radius: 16px;
    min-height: 186px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.banner-mini__bg {
    opacity: 0.6;
    background-color: #2564ef;
    width: 241.297px;
    height: 112.477px;
    transform: rotate(9.703deg);
    filter: blur(120px);
    position: absolute;
    left: -49.86px;
    top: 27.76px;
}

.banner-mini__title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .banner-mini__title {
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }
}

.banner-mini__subtitle {
    font-size: 14px;
    color: #aeb3c2;
    margin-bottom: auto;
}

@media screen and (min-width: 1440px) {
    .banner-mini__subtitle {
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
    }
}

.banner-mini__footer {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-end;
}

.banner-mini__btn {
    color: #6da8ff;
    font-size: 16px;
    gap: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 2;
}

.banner-mini__btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner-mini__btn img {
    display: block;
}

@media screen and (min-width: 1440px) {
    .banner-mini__btn {
        font-size: 1.6rem;
    }
}

.banner-mini__ico {
    background-color: #285bf3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.banner-mini__ico img {
    width: 20px;
    height: 20px;
}

.vacancy {
    background-color: #f4f5f8;
    border-radius: 20px;
}

.vacancy__counter {
    color: #aeb3c2;
}

.vacancy__categories {
    display: flex;
    overflow-x: scroll;
    margin-bottom: 24px;
    gap: 8px;
}

@media screen and (min-width: 1440px) {
    .vacancy__categories {
        margin-bottom: 2.4rem;
    }
}

.vacancy__categories::-webkit-scrollbar {
    width: 0;
    display: none;
}

.vacancy__category {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
    font-size: 16px;
    color: #768395;
    padding: 12px 20px;
    background-color: #fff;
    border-radius: 32px;
    line-height: 1.25;
    transition: 0.3s ease;
}

.vacancy__category.active {
    color: #fff;
    background-color: #285bf3;
}

.vacancy__category.active .vacancy__counter {
    color: #fff;
    opacity: 0.5;
}

@media (hover) {
    .vacancy__category:not(.active):hover {
        color: #000;
    }
}

.vacancy__list {
    display: none;
    position: relative;
}

.vacancy__list.active {
    display: block;
}

.vacancy__list-item {
    display: flex;
    gap: 6.4rem;
    padding: 40px 96px 40px 32px;
    border-radius: 20px;
    background-color: #fff;
}

.vacancy__list-item:not(:last-child) {
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .vacancy__list-item:not(:last-child) {
        margin-bottom: 2.4rem;
    }
}

@media screen and (max-width: 1250px) {
    .vacancy__list-item {
        gap: 2rem;
    }
}

@media screen and (max-width: 992px) {
    .vacancy__list-item {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .vacancy__list-item {
        padding: 20px 16px;
    }
}

.vacancy .sections-body__title {
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .vacancy .sections-body__title {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 768px) {
    .vacancy .products-listing__showmore {
        font-size: 16px;
        padding: 18px 32px;
        line-height: initial;
    }
}

.vacancy .products-listing__pagination button {
    width: 44px;
    height: 44px;
    font-size: 14px;
}

.vacancy-sticked-block {
    position: fixed;
    bottom: 1rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 104px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px 6px 0;
    gap: 20px;
    box-shadow: 0px 0px 1rem rgba(39, 45, 58, 0.08);
}

@media screen and (max-width: 768px) {
    .vacancy-sticked-block {
        display: none;
    }
}

.vacancy-sticked-block__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 10px;
    font-size: 16px;
    padding: 12px 0 12px 20px;
    flex: 1 1 auto;
}

.vacancy-sticked-block .vacancy-card__apply {
    padding: 11px 24px 11px 24px;
    margin: 6px 6px 6px 0;
}

.vacancy-card__header {
    flex: 0 0 23.8095238095%;
}

@media screen and (max-width: 768px) {
    .vacancy-card__header {
        max-width: initial;
    }
}

.vacancy-card__title {
    display: block;
    font-size: 2.4rem;
    line-height: 1.25;
    color: #01050f;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .vacancy-card__title {
        margin-bottom: 0.8rem;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-card__title {
        font-size: 20px;
    }
}

.vacancy-card__breadcrumb {
    flex-wrap: wrap;
    font-size: 16px;
    border-bottom: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .vacancy-card__breadcrumb {
        border-bottom: 1px solid rgba(142, 163, 215, 0.6);
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 375px) {
    .vacancy-card__breadcrumb {
        font-size: 15px;
    }
}

.vacancy-card__descr {
    font-size: 2rem;
    margin-bottom: 16px;
    line-height: 1.5;
}

@media screen and (min-width: 1440px) {
    .vacancy-card__descr {
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-card__descr {
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.vacancy-card__salary {
    font-size: 2.4rem;
    line-height: 1.25;
    margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
    .vacancy-card__salary {
        font-size: 20px;
    }
}

.vacancy-card__action {
    display: flex;
    gap: 16px;
}

@media screen and (min-width: 1440px) {
    .vacancy-card__action {
        gap: 1.6rem;
    }
}

.vacancy-card__apply {
    font-size: 16px;
    line-height: 1.25;
    padding: 17px 32px;
    background-color: #285bf3;
    color: #fff;
    border-radius: 40px;
    cursor: pointer;
    text-align: center;
}

.vacancy-card__apply.vacancies-hero__btn {
    margin: 0;
}

@media screen and (min-width: 1440px) {
    .vacancy-card__apply {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 500px) {
    .vacancy-card__apply {
        width: 100%;
        padding: 10px 32px;
    }
}

.vacancy-card__more {
    padding: 16px;
    border: 1px solid #285bf3;
    border-radius: 50%;
    cursor: pointer;
}

.vacancy-card__more svg {
    width: 20px;
    height: 20px;
}

.vacancy-card__more use {
    fill: #285bf3;
}

@media screen and (max-width: 500px) {
    .vacancy-card__more {
        display: none;
    }
}

.vacancies-vacancy .section-hero {
    padding-top: 17.8rem;
}

.vacancies-vacancy .vacancies-hero__body {
    margin-bottom: 8rem;
}

@media screen and (max-width: 768px) {
    .vacancies-vacancy .vacancies-hero__body {
        margin-bottom: 32px;
    }
}

.vacancies-vacancy .heading1 {
    font-size: 5.6rem;
    line-height: 1.1;
}

@media screen and (max-width: 768px) {
    .vacancies-vacancy .heading1 {
        margin-bottom: 16px;
    }
}

.vacancies-vacancy .subheading {
    font-size: 20px;
    font-weight: 400;
    color: #e1e4ea;
    margin-bottom: 3.2rem;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .vacancies-vacancy .subheading {
        margin-bottom: 32px;
    }
}

.vacancies-vacancy .vacancies-vacancy-left {
    flex: 1 0 auto;
    font-size: 16px;
    color: #aeb3c2;
    line-height: 1.25;
    padding-top: 8px;
}

.vacancies-vacancy .vacancies-vacancy-left *:not(:last-child) {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

@media screen and (max-width: 992px) {
    .vacancies-vacancy .vacancies-vacancy-left *:not(:last-child)::after {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #aeb3c2;
        margin: 0 10px;
        display: inline-block;
    }
}

@media screen and (max-width: 992px) {
    .vacancies-vacancy .vacancies-vacancy-left {
        display: flex;
        flex-wrap: wrap;
    }
}

.vacancies-vacancy .vacancies-hero__text {
    flex: 1 1 100.8rem;
}

.vacancies-vacancy .vacancies-hero__btn {
    margin-bottom: 0;
}

.vacancies-vacancy .vancies-vacancy__salary {
    color: #fff;
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
    margin-bottom: 5.6rem;
}

@media screen and (max-width: 768px) {
    .vacancies-vacancy .vancies-vacancy__salary {
        margin-bottom: 46px;
    }
}

.vacancies-vacancy .breadcrumbs-list {
    margin-top: 0;
}

.vacancies-vacancy .breadcrumbs-list::-webkit-scrollbar {
    width: 0;
    display: none;
}

@media screen and (max-width: 768px) {
    .vacancies-vacancy .breadcrumbs-list__item {
        font-size: 16px;
    }
}

.vacancies-vacancy .breadcrumbs-list__item:not(:last-child) {
    margin-right: 2.2rem;
}

.vacancies-vacancy .breadcrumbs-list__item:not(:last-child)::after {
    width: 18px;
    height: 18px;
    right: -2.2rem;
}

.vacancies-vacancy .breadcrumbs-list__item-btn span:last-child {
    width: 18px;
    height: 18px;
}

.vacancies-vacancy .vacancies-vacancy__container {
    padding-left: 32rem;
}

.vacancies-vacancy .vacancies-vacancy__container .principles__cards {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media screen and (max-width: 992px) {
    .vacancies-vacancy .vacancies-vacancy__container .principles__cards {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

@media screen and (max-width: 992px) {
    .vacancies-vacancy .vacancies-vacancy__container {
        padding-left: 3.2rem;
    }
}

.vacancies-vacancy .vacancy-body {
    background-color: #f4f5f8;
    border-radius: 20px;
}

@media screen and (max-width: 768px) {
    .vacancies-vacancy .sections__aside {
        display: none;
    }
}

.vacancy-info {
    padding-left: 24px;
}

@media screen and (max-width: 768px) {
    .vacancy-info {
        padding-left: 0;
    }
}

.vacancy-info__item:not(:last-child) {
    margin-bottom: 4.8rem;
}

.vacancy-info h2, .vacancy-info h3 {
    font-family: Vela Sans;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.vacancy-info h2 {
    font-size: 3.2rem;
}

@media screen and (max-width: 768px) {
    .vacancy-info h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }
}

.vacancy-info h2 {
    font-size: 2.6rem;
}

@media screen and (max-width: 768px) {
    .vacancy-info h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }
}

.vacancy-info ul:not(:last-child) {
    margin-bottom: 4.8rem;
}

.vacancy-info p {
    font-size: 2rem;
    line-height: 1.25;
    color: #323847;
    font-weight: 400;
}

.vacancy-info li {
    font-size: 2rem;
    line-height: 1.25;
    color: #323847;
    font-weight: 400;
    position: relative;
    padding-left: 28px;
}

.vacancy-info li:not(:last-child) {
    margin-bottom: 1.2rem;
}

@media screen and (max-width: 768px) {
    .vacancy-info li:not(:last-child) {
        margin-bottom: 12px;
    }
}

.vacancy-info li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #285bf3;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .vacancy-info li::before {
        top: 9px;
        transform: 0;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-info li {
        font-size: 16px;
        padding-left: 20px;
    }
}

.vacancy-info__banner {
    background-color: #fff;
    padding: 32px 32px 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .vacancy-info__banner {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-info__banner {
        padding: 24px 16px;
        position: relative;
        display: block;
    }
}

.vacancy-info__banner-body {
    max-width: 537px;
}

.vacancy-info__banner-title {
    font-family: Vela Sans;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.64px;
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .vacancy-info__banner-title {
        margin-bottom: 8px;
        font-size: 24px;
    }
}

.vacancy-info__banner-subtitle {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-bottom: 4rem;
}

.vacancy-info__banner-subtitle a {
    color: #3565f4;
}

@media screen and (max-width: 768px) {
    .vacancy-info__banner-subtitle {
        margin-bottom: 40px;
        font-size: 16px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 450px) {
    .vacancy-info__banner-subtitle {
        padding-right: 0px;
    }
}

.vacancy-info button {
    padding: 18px 32px;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #fff;
    background-color: #285bf3;
    border-radius: 40px;
    text-align: center;
}

@media screen and (max-width: 500px) {
    .vacancy-info button {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-info button {
        font-size: 16px;
    }
}

.vacancy-info__banner-ico {
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #285bf3;
    padding: 5.4rem;
}

.vacancy-info__banner-ico img {
    width: 8rem;
    height: 8rem;
}

@media screen and (max-width: 992px) {
    .vacancy-info__banner-ico {
        padding: 4rem;
    }

    .vacancy-info__banner-ico img {
        width: 6rem;
        height: 6rem;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-info__banner-ico {
        padding: 2rem;
    }

    .vacancy-info__banner-ico img {
        width: 4rem;
        height: 4rem;
    }
}

@media screen and (max-width: 768px) {
    .vacancy-info__banner-ico {
        position: absolute;
        right: -10px;
        top: 40%;
        transform: translateY(-50%);
    }
}

.vacancy-popup-empty .popup__body {
    max-width: 500px;
}

.vacancy-popup-empty .popup__heading {
    margin-bottom: 32px;
}

.vacancy-popup-empty .popup-subheding {
    margin-bottom: 32px;
}

.vacancy-popup-empty .cart-form__form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vacancy-popup-empty .cart-form__files {
    margin-bottom: 0;
}

.vacancy-popup-empty .request__right-form__formats {
    color: #768395;
}

.vacancy-popup-empty .request__right-form__file-btn span {
    color: #285bf3;
}

.vacancy-popup-empty .vacancy-form__submit {
    padding: 18px 32px;
    background-color: #285bf3;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    max-width: 500%;
    text-align: center;
    margin-top: auto;
}

.vacancy-popup-empty .request__right-form__policy {
    color: inherit;
}

.vacancy-popup-empty .request__right-form__policy a {
    color: #285bf3;
}

.vacancy-popup-empty .arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

.resume-popup .popup__body {
    text-align: center;
}

.resume-popup .popup__body .empty-popup__title {
    letter-spacing: 1px;
}

.vacancy-popup .popup-subheding {
    color: #768395;
}

.vacancy-popup .popup__body {
    max-width: 500px;
}

.vacancy-popup .popup__header {
    margin-bottom: 3.2rem;
}

.vacancy-popup .popup__header .popup-subheding {
    font-size: 16px;
    margin-bottom: 8px;
}

.vacancy-popup .popup__header .popup__heading {
    margin-bottom: 32px;
}

.vacancy-popup .input-wrapper {
    display: flex;
    gap: 16px;
}

.vacancy-popup .input-wrapper .request__right-form__input-container {
    width: 50%;
}

.vacancy-popup .request__right-form__file-btn span {
    color: #285bf3;
}

.vacancy-popup .request__right-form__formats {
    color: #768395;
}

.vacancy-popup .request__right-form__input-container .arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

.vacancy-popup .request__right-form__input-container .arrow svg {
    display: block;
}

.vacancy-popup .request__right-form__policy {
    color: inherit;
}

.vacancy-popup .request__right-form__policy a {
    color: #285bf3;
}

.vacancy-popup .cart-form__files {
    margin-bottom: 0;
}

.vacancy-popup .cart-form__form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vacancy-form__submit {
    padding: 18px 32px;
    background-color: #285bf3;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    max-width: 500%;
    text-align: center;
    margin-top: auto;
}

.vacancies-bar {
    font-size: 16px;
    line-height: 1.25;
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background-color: #fff;
    z-index: 3;
    border-radius: 104px;
    box-shadow: 0px 0.91319px 2.21381px 0px rgba(55, 55, 65, 0.02), 0px 2.19453px 5.32008px 0px rgba(55, 55, 65, 0.03), 0px 4.13211px 10.01724px 0px rgba(55, 55, 65, 0.04), 0px 7.37098px 17.86905px 0px rgba(55, 55, 65, 0.04), 0px 13.78661px 33.42209px 0px rgba(55, 55, 65, 0.05), 0px 33px 80px 0px rgba(55, 55, 65, 0.07);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, vsibility 0.3s;
}

.vacancies-bar.show {
    opacity: 1;
    visibility: visible;
}

@media screen and (min-width: 1440px) {
    .vacancies-bar {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .vacancies-bar {
        width: 100%;
        bottom: initial;
    }
}

@media screen and (min-width: 769px) {
    .vacancies-bar {
        display: none;
    }
}

.vacancies-bar__desktop {
    display: flex;
}

.vacancies-bar__desktop *:not(.vacancies-bar__btn) {
    padding: 12px;
}

@media screen and (max-width: 768px) {
    .vacancies-bar__desktop *:not(.vacancies-bar__btn) {
        padding: 0 16px;
    }
}

@media screen and (max-width: 768px) {
    .vacancies-bar__desktop {
        align-items: center;
        justify-content: space-between;
    }
}

.vacancies-bar__text {
    width: 350px;
    color: #000;
}

@media screen and (max-width: 768px) {
    .vacancies-bar__text {
        font-size: 14px;
        width: initial;
    }
}

@media screen and (min-width: 1440px) {
    .vacancies-bar__text {
        width: initial;
    }
}

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

@media screen and (max-width: 768px) {
    .vacancies-bar__salary {
        display: none;
    }
}

.vacancies-bar__btn {
    padding: 11px 24px;
    background-color: #285bf3;
    color: #fff;
    font-size: 14px;
    border-radius: 40px;
    letter-spacing: 0.14px;
}

@media screen and (min-width: 1440px) {
    .vacancies-bar__btn {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .vacancies-bar__btn {
        width: initial;
    }
}

.qa__right-list {
    display: none;
}

.qa__right-list.active {
    display: block;
}

.news__container {
    position: relative;
}

.news__title {
    font-size: 56px;
    margin-bottom: 4.8rem;
    color: #fff;
}

.news__btn-callback {
    padding: 18px 32px;
    border-radius: 40px;
    font-size: 16px;
    line-height: 1.25;
    transition: 0.3s ease;
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .news__title {
        margin-bottom: 32px;
        font-size: 32px;
    }
}

.news__wrapper {
    display: flex;
    gap: 11.2rem;
    margin-bottom: 10rem;
}

@media screen and (max-width: 768px) {
    .news__wrapper {
        display: block;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .news .sections__aside-wrapper {
        display: none;
    }
}

.news-accent {
    flex: 1 1 auto;
    max-width: 67.2rem;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .news-accent {
        max-width: initial;
        display: flex;
        flex-direction: column;
    }
}

@media (hover) {
    .news-accent:hover .news-accent__img img {
        transform: scale(1.1);
    }
}

.news-accent__img {
    overflow: hidden;
    position: relative;
    margin-bottom: 3.2rem;
}

.news-accent__img img {
    transition: 0.3s ease;
    position: relative;
    z-index: 2;
    border-radius: 9px;
    max-width: 100%;
    width: initial;
}

@media screen and (min-width: 1440px) {
    .news-accent__img img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .news-accent__img {
        order: 3;
        margin-bottom: 48px;
    }
}

.news-accent__blur {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    opacity: 0.4;
    background: lightgray 50%/cover no-repeat;
    filter: blur(100px);
}

.news-accent__title {
    font-family: Vela Sans;
    font-size: 4rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.8px;
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
    .news-accent__title {
        order: 2;
        margin-bottom: 24px;
        font-size: 24px;
    }
}

.news-accent__info {
    font-size: 1.6rem;
    line-height: 1.25;
    display: flex;
}

@media screen and (max-width: 768px) {
    .news-accent__info {
        order: 1;
        margin-bottom: 9px;
        font-size: 14px;
    }
}

.news-accent__info-item {
    color: #aeb3c2;
    display: flex;
    align-items: center;
}

.news-accent__info-item:not(:last-child)::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 10px;
    display: inline-block;
    background-color: #aeb3c2;
}

.news-previews {
    max-width: 56rem;
}

@media screen and (max-width: 768px) {
    .news-previews {
        max-width: initial;
    }
}

.news-preview {
    display: flex;
    gap: 2.8rem;
    align-items: flex-start;
    cursor: pointer;
}

@media (hover) {
    .news-preview:hover .news-preview__img img {
        transform: scale(1.1);
    }
}

.news-previews__item:not(:last-child) {
    margin-bottom: 3.6rem;
}

.news-preview__img {
    transition: 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    width: initial;
    flex: 0 0 11.6rem;
}

.news-preview__img img {
    height: 11.6rem;
    object-fit: cover;
    transition: 0.3s ease;
}

.news-preview__text {
    font-size: 2rem;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.2px;
    margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
    .news-preview__text {
        font-size: 16px;
    }
}

.mobile-breadcrumbs {
    margin-top: 0;
}

.mobile-breadcrumbs::-webkit-scrollbar {
    width: 0;
    display: none;
}

.mobile-breadcrumbs .breadcrumbs-list {
    overflow-x: scroll;
    margin-top: 0;
}

.mobile-breadcrumbs .breadcrumbs-list::-webkit-scrollbar {
    width: 0;
    display: none;
}

@media screen and (max-width: 768px) {
    .mobile-breadcrumbs .breadcrumbs-list__item {
        font-size: 16px;
        flex: 0 0 auto;
    }

    .mobile-breadcrumbs .breadcrumbs-list__item:not(:last-child) {
        margin-right: 3.2rem;
    }

    .mobile-breadcrumbs .breadcrumbs-list__item:not(:last-child)::after {
        width: 18px;
        height: 18px;
        right: -2.5rem;
    }
}

.mobile-breadcrumbs .breadcrumbs-list__item-btn span:last-child {
    width: 18px;
    height: 18px;
}

.news-materials {
    flex: 1 1 auto;
    max-width: 100.8rem;
}

.news-materials__title {
    font-family: Vela Sans;
    font-size: 5.6rem;
    letter-spacing: -1.12px;
    margin-bottom: 2.4rem;
}

.news-materials__header {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 4.4rem;
    align-items: baseline;
}

@media screen and (max-width: 992px) {
    .news-materials__header {
        display: block;
        margin-bottom: 20px;
    }
}

.news-materials__btns {
    display: flex;
    flex: 1 0 auto;
    gap: 8px;
}

@media screen and (max-width: 992px) {
    .news-materials__btns {
        overflow-x: scroll;
        margin-bottom: 32px;
    }

    .news-materials__btns::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

.news-materials__btn {
    padding: 12px 29px;
    font-size: 16px;
    color: #768395;
    line-height: 1.25;
    border-radius: 32px;
    background-color: #fff;
    transition: 0.3s ease;
    border: 1px solid #e5e8f1;
    text-align: center;
}

@media (hover) {
    .news-materials__btn:hover {
        color: #0f131e;
    }
}

.news-materials__btn.active {
    background-color: #285bf3;
    color: #fff;
    border-color: #285bf3;
}

@media (hover) {
    .news-materials__btn.active:hover {
        background-color: #5580ff;
    }
}

@media screen and (min-width: 1440px) {
    .news-materials__btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 992px) {
    .news-materials__btn {
        flex: 1 0 auto;
    }
}

.news-materials__action {
    display: flex;
    flex: 0 0 auto;
    gap: 2.4rem;
}

@media screen and (max-width: 992px) {
    .news-materials__action {
        gap: 15px;
        justify-content: space-between;
    }
}

.news-materials__action-btn {
    position: relative;
    color: #285bf3;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    line-height: 1.25;
}

.news-materials__action-btn svg {
    transition: 0.3s linear;
    width: 20px;
    height: 20px;
    display: block;
    pointer-events: none;
}

.news-materials__action-btn svg use {
    fill: #285bf3;
}

@media screen and (min-width: 1440px) {
    .news-materials__action-btn svg {
        width: 2rem;
        height: 2rem;
    }
}

@media screen and (min-width: 1440px) {
    .news-materials__action-btn {
        font-size: 1.6rem;
    }
}

.news-materials__action-btn.active .news-materials__action-sublist {
    opacity: 1;
    visibility: visible;
}

.news-materials__action-btn.active .news-materials__action-sublist::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(118, 131, 149, 0);
}

.news-materials__action-btn.active .news-materials__action-sublist::-webkit-scrollbar-thumb {
    border-radius: 200px;
    background-color: #e5e8f1;
    width: 4px;
}

.news-materials__action-btn.active svg {
    transform: rotateX(185deg);
}

.news-materials__action-btn .news-materials__action-sublist {
    position: absolute;
    left: 0;
    top: 160%;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 16px;
    width: 220px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: 0.3s linear;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0px 10px 19px 0px rgba(10, 20, 52, 0.08), 0px 0px 10px 0px rgba(10, 20, 52, 0.07);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.news-materials__action-btn .news-materials__action-sublist.right {
    left: initial;
    right: 0;
}

.news-materials__action-btn .news-materials__action-sublist li a {
    position: relative;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    color: #0f131e;
}

.news-materials__action-btn .news-materials__action-sublist li a::after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url("../images/check.svg");
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.news-materials__action-btn .news-materials__action-sublist li a.check {
    color: #285bf3;
}

.news-materials__action-btn .news-materials__action-sublist li a.check::after {
    opacity: 1;
    visibility: visible;
}

@media (hover) {
    .news-materials__action-btn .news-materials__action-sublist li a:hover {
        color: #285bf3;
    }
}

.news-materials__content {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 24px;
}

@media screen and (max-width: 768px) {
    .news-materials__content {
        display: block;
    }
}

.news-card {
    position: relative;
    border-radius: 20px;
    background-color: #f4f5f8;
    padding: 32px 24px 24px;
    min-height: 47.5rem;
    display: flex;
    flex-direction: column;
    flex: 0 1 48%;
}

.news-card:not(.news-card__banner)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: -1;
    opacity: 0;
    border-radius: inherit;
}

@media screen and (max-width: 768px) {
    .news-card:not(.news-card__banner)::before {
        z-index: 2;
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .news-card {
        padding: 24px 16px;
        min-height: 400px;
    }

    .news-card:not(:last-child) {
        margin-bottom: 16px;
    }
}

.news-card__subtitle {
    font-size: 1.4rem;
    line-height: 1.25;
    letter-spacing: 0.14px;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .news-card__subtitle {
        color: #fff;
        font-size: 14px;
    }
}

.news-card__title {
    font-size: 2.4rem;
    line-height: 1.25;
    margin-bottom: auto;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .news-card__title {
        color: #fff;
        font-size: 20px;
        text-shadow: 1px 1px 1px #000;
    }
}

.news-card__info {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .news-card__info {
        color: #fff;
    }
}

.news-card__day {
    font-family: Vela Sans;
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.96px;
    flex: 1 1 auto;
}

@media screen and (max-width: 768px) {
    .news-card__day {
        font-size: 48px;
    }
}

.news-card__date {
    font-size: 1.4rem;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

@media screen and (max-width: 768px) {
    .news-card__date {
        font-size: 14px;
    }
}

.news-card__date-month {
    margin-bottom: 6px;
}

.news-card__large {
    position: relative;
    flex: 1 1 100%;
    transition: 0.3s ease;
}

.news-card__large::before {
    z-index: 2 !important;
    opacity: 1 !important;
}

.news-card__large:hover::before {
    z-index: 0 !important;
    opacity: 0 !important;
}

.news-card__large .news-card__subtitle {
    color: #fff;
}

.news-card__large .news-card__title {
    color: #fff;
}

.news-card__large .news-card__info {
    color: #fff;
}

.news-card__large .news-card__bg {
    opacity: 1;
}

.news-card__large-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: inherit;
    transition: 0.3s ease;
}

.news-card__banner {
    position: relative;
    flex: 1 1 100%;
    padding: 42px 40px 40px 40px;
    overflow: hidden;
    background-color: #0f131e;
    min-height: initial;
}

.news-card__banner .blur {
    width: 334.023px;
    height: 124.731px;
    transform: rotate(9.703deg);
    flex-shrink: 0;
    opacity: 0.8;
    background-color: #2564ef;
    filter: blur(120px);
    position: absolute;
    top: 106.18px;
    left: -67.8px;
}

@media screen and (max-width: 768px) {
    .news-card__banner {
        min-height: 249px;
        padding: 32px 16px;
    }
}

@media (hover) {
    .news-card__banner:hover .news-card__banner-bg {
        transform: scale(1.1);
    }
}

.news-card__banner-title {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    font-family: Vela Sans;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
    margin-bottom: 6.4rem;
    gap: 12px;
    color: #fff;
}

.news-card__banner-title img {
    width: 42px;
    height: 42px;
}

@media screen and (max-width: 768px) {
    .news-card__banner-title img {
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 768px) {
    .news-card__banner-title {
        font-size: 22px;
    }
}

.news-card__banner-btn {
    z-index: 2;
    padding: 18px 32px;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    background-color: #fff;
    border-radius: 40px;
    max-width: 185px;
    transition: 0.3s ease;
}

.news-card__banner-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (hover) {
    .news-card__banner-btn:hover {
        opacity: 0.8;
    }
}

@media screen and (min-width: 1440px) {
    .news-card__banner-btn {
        max-width: 19rem;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .news-card__banner-btn {
        max-width: initial;
        margin-top: auto;
        font-size: 16px;
    }
}

.news-card__banner-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: initial;
    height: 100%;
    z-index: 1;
    transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
    .news-card__banner-bg {
        left: 0;
        bottom: -55px;
    }
}

.news-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transition: 0.3s ease;
    z-index: 1;
    opacity: 0;
}

@media screen and (max-width: 768px) {
    .news-card__bg {
        opacity: 1;
    }
}

@media (hover) {
    .news-card:has(.news-card__bg):hover::before {
        z-index: 2;
        opacity: 1;
    }

    .news-card:has(.news-card__bg):hover .news-card__title {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
    }

    .news-card:has(.news-card__bg):hover .news-card__subtitle {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
    }

    .news-card:has(.news-card__bg):hover .news-card__info {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
    }

    .news-card:has(.news-card__bg):hover .news-card__bg {
        opacity: 1;
    }
}

.blog-listing {
    position: relative;
}

@media screen and (max-width: 768px) {
    .article .sections__aside-wrapper {
        display: none;
    }
}

.article__inner {
    display: flex;
    gap: 50px;
}

@media screen and (max-width: 768px) {
    .article__inner {
        flex-direction: column;
        gap: 30px;
    }
}

.article__right {
    max-width: 50rem;
    flex: 1 0 auto;
}

.article__right img {
    border-radius: 12px;
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .article__right {
        max-width: 100%;
        margin-bottom: 4rem;
    }
}

.article__title {
    color: #fff;
    margin-bottom: 16px;
    font-size: 6.2rem;
    line-height: 6.9rem;
}

@media screen and (min-width: 1440px) {
    .article__title {
        margin-bottom: 1.6rem;
    }
}

.article__info-wrapper {
    margin-bottom: 48px;
    display: flex;
    gap: 20px;
}

@media screen and (min-width: 1440px) {
    .article__info-wrapper {
        margin-bottom: 4.8rem;
    }
}

.article__info-wrapper .news-accent__info {
    order: initial;
    margin-bottom: 0;
}

.article__info-views {
    display: flex;
    align-items: center;
    gap: 4px;
}

.article__info-views span svg {
    display: block;
    width: 16px;
    height: 16px;
}

@media screen and (min-width: 1440px) {
    .article__info-views span svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

.article__info-views-counter {
    font-size: 16px;
}

@media screen and (min-width: 1440px) {
    .article__info-views-counter {
        font-size: 1.6rem;
    }
}

.article__item {
    display: flex;
    gap: 112px;
    margin-bottom: 6.4rem;

    &.cases {
        flex-direction: column;
        gap: 0;

        button {
            width: fit-content;
        }
    }
}

@media screen and (max-width: 768px) {
    .article__item {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .article__item {
        margin-bottom: 42px;
    }
}

.article__item-text {
    font-size: 24px;
    line-height: 1.25;
    color: #fff;
    flex: 0 1 58.3333333333%;
}

@media screen and (min-width: 1440px) {
    .article__item-text {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 768px) {
    .article__item-text {
        margin-bottom: 32px;
    }
}

.article__item-author {
    display: flex;
    gap: 24px;
}

.article__item-author-pic {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (min-width: 1440px) {
    .article__item-author-pic {
        width: 6rem;
        height: 6rem;
    }
}

@media screen and (max-width: 768px) {
    .article__item-author-pic {
        flex: 0 0 auto;
    }
}

.article__item-author-title {
    font-size: 16px;
    color: #e1e4ea;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.16px;
    margin-bottom: 2px;
}

@media screen and (min-width: 1440px) {
    .article__item-author-title {
        font-size: 1.6rem;
        margin-bottom: 0.2rem;
    }
}

.article__item-author-subtitle {
    font-size: 18px;
    line-height: 145%;
    letter-spacing: 0.18px;
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .article__item-author-subtitle {
        font-size: 1.8rem;
    }
}

.article__img {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 4.8rem;
}

.article__img img {
    border-radius: 17px;
}

@media screen and (max-width: 620px) {
    .article__img {
        margin-bottom: 40px;
    }
}

.article .blur {
    width: 808.616086637px;
    height: 174.1035782973px;
    top: 516.72265625px;
    left: 781.642578125px;
    opacity: 0.3000000119px;
}

.article__gallery {
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .article__gallery img {
        width: initial;
        max-width: 100%;
    }
}

.article__gallery img {
    max-height: 622px;
    object-fit: cover;
    border-radius: 20px;
}

.article__gallery .swiper-slide {
    height: auto;
}

.article__gallery a {
    height: 100%;
    display: block;
}

.article__gallery a img {
    height: 100%;
    object-fit: cover;
}

.article__gallery .swiper-btn {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s ease;
}

.article__gallery .swiper-btn.prev {
    left: 0;
    transform: translateY(-50%) rotate(180deg);
}

.article__gallery .swiper-btn.next {
    right: 0;
}

.article__gallery .swiper-btn.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .article__gallery .swiper-btn {
        display: none;
    }
}

.article__gallery p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #768395;
}

@media screen and (min-width: 1440px) {
    .article__gallery p {
        font-size: 1.6rem;
    }
}

.article__tags {
    display: flex;
    gap: 20px;
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #e5e8f1;
}

.article__tags li {
    flex: 0 0 auto;
}

.article__tags li a {
    color: #285bf3;
    font-size: 16px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .article__tags li a {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .article__tags {
        overflow-x: scroll;
    }

    .article__tags::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

.article__author {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 32px;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
}

.article__author .article__item-author-title {
    color: #768395;
}

.article__author .article__item-author-subtitle {
    color: #323847;
}

.article__author-soc {
    display: flex;
    gap: 8px;
}

.article__author-soc-link {
    padding: 12px;
    border: 1px solid #285bf3;
    display: inline-block;
    border-radius: 50%;
    transition: 0.3s ease;
}

.article__author-soc-link svg {
    display: block;
    width: 24px;
    height: 24px;
}

.article__author-soc-link svg use {
    fill: #285bf3;
    transition: 0.3s ease;
}

@media (hover) {
    .article__author-soc-link:hover {
        background-color: #285bf3;
    }

    .article__author-soc-link:hover use {
        fill: #fff;
    }
}

.article .products-listing__top.mobile {
    display: none;
}

.article .product-products__title {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .article .product-products__item a {
        font-size: 14px;
    }
}

.main .articles.section .articles-header .articles__heading {
    font-size: 7.2rem;
    line-height: 7.9rem;
}

.articles.section .articles-header .articles__heading {
    display: flex;
    align-items: center;
    width: initial;
    line-height: 1.2;
    font-size: 56px;
}

@media screen and (max-width: 768px) {
    .articles.section .articles-header .articles__heading {
        font-size: 36px;
        gap: 20px;
    }
}

.articles.section .articles-header .articles__heading span {
    display: inline-block;
    flex: 1 0 auto;
}

@media screen and (max-width: 768px) {
    .articles.section .articles-header .articles__heading span {
        flex: 1 1 auto;
    }
}

.articles.section .articles-header .articles__heading a {
    max-height: 56px;
    line-height: 1.25;
    font-size: 16px;
    padding: 18px 32px;
}

@media screen and (max-width: 768px) {
    .articles.section .articles-header .articles__heading a {
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 768px) {
    .articles.section .articles-header .articles__heading a p {
        display: none;
    }
}

.articles.section .articles-header .articles__heading a .svg {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 768px) {
    .articles.section .articles-header .articles__heading a .svg {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 768px) {
    .articles.section .articles-header .articles__subheading {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

.article-body {
    min-width: 0;
}

.article-body__header {
    padding: 32px;
    background-color: #f4f5f8;
    border-radius: 20px;
    margin-bottom: 4.8rem;
}

@media screen and (max-width: 768px) {
    .article-body__header {
        padding: 16px;
    }
}

.article-body__header-title {
    font-size: 20px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .article-body__header-title {
        font-size: 2rem;
        margin-bottom: 2.4rem;
    }
}

.article-body__header-item {
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: 18px;
    line-height: 145%;
    letter-spacing: 0.18px;
}

.article-body__header-item::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #285bf3;
    display: inline-block;
    margin-right: 14px;
}

@media screen and (min-width: 1440px) {
    .article-body__header-item::before {
        width: 0.8rem;
        height: 0.8rem;
    }
}

.article-body__header-item:not(:last-child) {
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .article-body__header-item {
        font-size: 1.8rem;
    }
}

.article-content {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

@media screen and (min-width: 1440px) {
    .article-content {
        font-size: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .article-content {
        font-size: 16px;
        letter-spacing: 0.16px;
    }
}

.article-content.iron ol {
    padding: 0;
}

.article-content.iron ol li {
    list-style-position: inside;
}

.article-content.iron ol li:not(:last-child) {
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .article-content.iron ol li:not(:last-child) {
        margin-bottom: 1.6rem;
    }
}

.article-content.iron button {
    margin-top: 24px;
    margin-bottom: 40px;
    display: flex;
    padding: 18px 32px;
    background-color: #285bf3;
    border-radius: 40px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    gap: 8px;
    align-items: center;
}

.article-content.iron button svg {
    display: block;
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 1440px) {
    .article-content.iron button svg {
        width: 2rem;
        height: 2rem;
    }
}

@media screen and (min-width: 1440px) {
    .article-content.iron button {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .article-content.iron button {
        font-size: 14px;
        padding: 11px 24px;
        margin-top: 20px;
    }
}

.article-content.metals ol {
    padding: 0;
    margin-bottom: 0;
}

.article-content.metals ol li {
    list-style-position: inside;
}

.article-content.metals ol li:not(:last-child) {
    margin-bottom: 16px;
}

.article-content p {
    margin-bottom: 2rem;
}

.article-content ul {
    margin: 24px 0;
}

.article-content ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #285bf3;
    display: inline-block;
    margin-right: 14px;
}

@media screen and (min-width: 1440px) {
    .article-content ul li::before {
        width: 0.8rem;
        height: 0.8rem;
    }
}

.article-content ul li:not(:last-child) {
    margin-bottom: 12px;
}

.article-content a {
    color: #285bf3;
    text-decoration: underline;
}

.article-content h2, .article-content h3 {
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .article-content h2, .article-content h3 {
        margin-bottom: 2rem;
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 768px) {
    .article-content h2, .article-content h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }
}

.article-content h2 small, .article-content h3 small {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 500;
}

@media screen and (min-width: 1440px) {
    .article-content h2 small, .article-content h3 small {
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .article-content h2 small, .article-content h3 small {
        font-size: 20px;
    }
}

.article-content__chapter-video p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.45;
    color: #768395;
    letter-spacing: 0.18px;
}

@media screen and (max-width: 768px) {
    .article-content__chapter-video p {
        font-size: 14px;
        margin-top: 12px;
    }
}

.article-content__text-info {
    padding: 28px;
    display: flex;
    gap: 16px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    background-color: #f4f5f8;
    border-radius: 20px;
    margin-top: 32px;
    margin-bottom: 40px;
}

@media screen and (min-width: 1440px) {
    .article-content__text-info {
        font-size: 2rem;
    }
}

.article-content__text-info span {
    padding-top: 5px;
}

@media screen and (max-width: 768px) {
    .article-content__text-info {
        flex-direction: column;
        font-size: 16px;
        padding: 20px 16px;
        margin-top: 24px;
        margin-bottom: 32px;
    }
}

.article-content__pic {
    margin-top: 40px;
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .article-content__pic {
        margin-bottom: 40px;
        margin-top: 24px;
    }
}

.article-content__pic-info {
    margin-top: 16px;
}

.article-content__pic-info p {
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #323847;
}

@media screen and (max-width: 768px) {
    .article-content__pic-info p {
        font-size: 14px;
    }
}

.article-content__pic-info span {
    font-size: 16px;
    color: #768395;
    font-weight: 400;
    line-height: 1.5;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .article-content__pic-info span {
        font-size: 14px;
    }
}

.article-content__expert {
    padding: 40px;
    border-radius: 40px;
    background-color: #f4f5f8;
    display: flex;
    margin-bottom: 48px;
    gap: 8rem;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .article-content__expert {
        padding: 32px 16px;
        flex-wrap: wrap;
    }
}

.article-content__expert-text {
    font-size: 24px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .article-content__expert-text {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 768px) {
    .article-content__expert-text {
        font-size: 20px;
    }
}

.article-content__expert-info {
    margin-top: 40px;
}

@media screen and (min-width: 1440px) {
    .article-content__expert-info {
        margin-top: 4rem;
    }
}

.article-content__expert-info div {
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0.18px;
    margin-bottom: 6px;
}

@media screen and (min-width: 1440px) {
    .article-content__expert-info div {
        font-size: 1.8rem;
    }
}

.article-content__expert-info p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .article-content__expert-info p {
        font-size: 1.6rem;
    }
}

.article-content__expert-img {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (min-width: 1440px) {
    .article-content__expert-img {
        width: 10rem;
        height: 10rem;
    }
}

.recomended-block {
    position: relative;
    display: flex;
    padding: 28px 0;
    gap: 48px;
    border-top: 1px solid var(--gray-100, #e5e8f1);
    border-bottom: 1px solid var(--gray-100, #e5e8f1);
    margin: 48px 0;
}

@media screen and (min-width: 1440px) {
    .recomended-block {
        gap: 4.8rem;
    }
}

@media screen and (max-width: 768px) {
    .recomended-block {
        flex-direction: column-reverse;
        gap: 32px;
        padding: 24px 0;
    }
}

.recomended-block__body {
    line-height: 1.25;
    display: flex;
    flex-direction: column;
}

.recomended-block__subtitle {
    font-size: 16px;
    margin-bottom: 12px;
    color: #768395;
}

@media screen and (min-width: 1440px) {
    .recomended-block__subtitle {
        font-size: 1.8rem;
    }
}

.recomended-block__img img {
    border-radius: 10px;
}

.recomended-block__title {
    font-size: 24px;
    margin-bottom: auto;
}

@media screen and (min-width: 1440px) {
    .recomended-block__title {
        font-size: 2.4rem;
    }
}

.recomended-block__link {
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0.18px;
    color: #285bf3;
    display: inline-block;
    margin-top: 15px;
}

@media (hover) {
    .recomended-block__link:hover {
        color: #547cf1;
    }
}

@media screen and (min-width: 1440px) {
    .recomended-block__link {
        font-size: 1.8rem;
    }
}

.recomended-block__link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.floating-btn {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    background-color: #ffffff;
    padding: 10px 19px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
    color: inherit;
}

.floating-btn__ico {
    display: inline-block;
}

.floating-btn__ico svg {
    width: 20px;
    height: 20px;
    display: block;
}

.floating-btn__ico svg use {
    fill: #285bf3;
}

@media screen and (max-width: 768px) {
    .author-hero .blur {
        bottom: 45.8rem;
        z-index: -1;
    }
}

.author-info {
    display: flex;
    justify-content: space-between;
    gap: 6.4rem;
    margin-bottom: 4.8rem;
}

@media screen and (max-width: 768px) {
    .author-info {
        display: block;
        margin-bottom: 32px;
    }
}

.author-info__img {
    position: relative;
    max-width: 50rem;
    flex: 1 0 auto;
    border-radius: 12px;
}

.author-info__img img {
    position: relative;
    z-index: 2;
    border-radius: 12px;
}

@media screen and (max-width: 768px) {
    .author-info__img {
        margin-bottom: 24px;
        max-width: initial;
    }
}

.author-info__body .article__info-wrapper {
    margin-bottom: 24px;
}

.author-info__name {
    color: #fff;
    font-family: Vela Sans;
    font-size: 48px;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 116%; /* 55.68px */
    letter-spacing: -0.96px;
}

@media screen and (min-width: 1440px) {
    .author-info__name {
        font-size: 4.8rem;
    }
}

@media screen and (max-width: 768px) {
    .author-info__name {
        font-size: 32px;
    }
}

.author-info__text {
    font-size: 18px;
    line-height: 145%; /* 26.1px */
    letter-spacing: 0.18px;
    color: #e1e4ea;
    margin-bottom: 11.6rem;
}

@media screen and (min-width: 1440px) {
    .author-info__text {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .author-info__text {
        margin-bottom: 32px;
        font-size: 16px;
    }
}

.author-info__soc-title {
    font-size: 14px;
    color: #acaeb7;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .author-info__soc-title {
        font-size: 1.4rem;
    }
}

.author-info__soc-list {
    display: flex;
    gap: 3.2rem;
}

.author-info__soc-item a {
    color: #fff;
    font-size: 18px;
    line-height: 110%; /* 19.8px */
    letter-spacing: 0.18px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.author-info__soc-item a svg {
    display: block;
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 1440px) {
    .author-info__soc-item a {
        font-size: 1.8rem;
    }
}

@media (hover) {
    .author-info__soc-item a:hover {
        color: #e5e8f1;
    }
}

@media screen and (max-width: 768px) {
    .author .sections__aside-wrapper {
        display: none;
    }
}

.services .sections-body {
    background-color: #f4f5f8;
}

.services .sections__aside-wrapper {
    flex: 0 0 auto;
}

.services .sections__aside-wrapper .sections__aside-services {
    background-color: #fff;
    border-radius: 20px;
    padding: 8px 8px 8px 24px;
    margin-bottom: 1.6rem;
}

.services .banner-mini {
    min-height: 245px;
    margin-top: 0;
    position: relative;
}

@media (hover) {
    .services .banner-mini:hover .banner-mini-bg {
        transform: scale(1.1);
    }
}

.services .banner-mini .banner-mini__bg {
    opacity: 1;
    transition: 0.3s ease;
}

.services .banner-mini .banner-mini__title {
    position: relative;
}

.services .banner-mini .banner-mini__subtitle {
    margin-bottom: auto;
    position: relative;
}

.services .banner-mini .banner-mini__btn {
    padding: 11px 24px;
    z-index: 2;
    background-color: #fff;
    font-size: 14px;
    line-height: 125%; /* 17.5px */
    letter-spacing: 0.14px;
    border-radius: 40px;
    color: #01050f;
    transition: 0.3s ease;
}

.services .banner-mini .banner-mini__btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

@media (hover) {
    .services .banner-mini .banner-mini__btn:hover {
        opacity: 0.8;
    }
}

.services .banner-mini .banner-mini__ico {
    display: none;
}

.services .banner-mini .banner-mini-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: initial;
    transition: 0.3s ease;
}

.services-hero {
    margin-bottom: 16px;
    position: relative;
}

.services-hero .blur {
    position: absolute;
    top: 436.72px;
    left: -331.36px;
    width: 808.616px;
    height: 174.104px;
    transform: rotate(176.209deg);
    opacity: 0.3;
    filter: blur(100px);
    background-color: #2665ed;
}

@media screen and (max-width: 768px) {
    .services-hero .blur {
        width: 700px;
        top: 609px;
        left: -470px;
        z-index: -1;
    }
}

.services-hero__content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    margin-bottom: 120px;
}

@media screen and (max-width: 992px) {
    .services-hero__content {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 375px) {
    .services-hero__content {
        margin-bottom: 34px;
    }
}

.services-hero__text {
    flex: 0 0 50%;
}

@media screen and (max-width: 992px) {
    .services-hero__text {
        flex: 0 0 auto;
    }
}

.services-hero__title {
    margin-bottom: 24px;
    color: #fff;
    letter-spacing: -1.44px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .services-hero__title {
        margin-bottom: 2.4rem;
    }
}

@media screen and (max-width: 500px) {
    .services-hero__title {
        font-size: 36px;
        margin-bottom: 16px;
        text-wrap: balance;
    }
}

@media screen and (max-width: 375px) {
    .services-hero__title {
        font-size: 32px;
    }
}

.services-hero__subtitle {
    font-size: 20px;
    color: #e1e4ea;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.services-hero__subtitle span {
    display: inline-block;
    margin-top: 26px;
}

@media screen and (min-width: 1440px) {
    .services-hero__subtitle {
        font-size: 2rem;
    }
}

@media screen and (max-width: 500px) {
    .services-hero__subtitle {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .services-hero__subtitle {
        margin-bottom: 56px;
    }
}

.services-hero__img {
    width: initial;
    position: absolute;
    right: 0;
    bottom: -80px;
}

@media screen and (max-width: 500px) {
    .services-hero__img {
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .services-hero__img {
        position: initial;
    }
}

.services-banners .container {
    display: flex;
    gap: 1.6rem;
}

@media screen and (max-width: 992px) {
    .services-banners .container {
        overflow-x: scroll;
    }

    .services-banners .container::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .services-banners .container {
        margin-left: -16px;
    }
}

@media screen and (max-width: 425px) {
    .services-banners .container {
        margin-left: 0;
    }
}

.services-banners__banner {
    position: relative;
    border-radius: 16px;
    padding: 32px 32px 36px 36px;
    overflow: hidden;
    height: 288px;
    flex: 1 1 auto;
}

@media screen and (max-width: 992px) {
    .services-banners__banner {
        padding: 24px 16px;
        flex: 1 0 auto;
    }
}

@media screen and (max-width: 600px) {
    .services-banners__banner {
        flex: 0 0 302px;
    }
}

.services-banners__banner.attention {
    color: #fff;
    background-color: #285bf3;
}

@media screen and (min-width: 992px) {
    .services-banners__banner.attention {
        margin-left: -30px;
    }
}

.services-banners__banner.attention p {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.2px;
}

@media screen and (max-width: 768px) {
    .services-banners__banner.attention p {
        font-size: 16px;
    }
}

@media (hover) {
    .services-banners__banner.attention:hover img {
        transform: scale(1.1);
    }
}

.services-banners__banner.attention .services-banners__banner-title {
    position: relative;
    z-index: 2;
}

.services-banners__banner img {
    width: initial;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s ease;
}

@media screen and (max-width: 600px) {
    .services-banners__banner img {
        width: 170px;
        height: 170px;
        top: 50%;
        transform: translateY(-50%);
        right: -25px;
    }
}

.services-banners__banner.calculate {
    background-color: #f4f5f8;
}

@media screen and (min-width: 992px) {
    .services-banners__banner.calculate {
        margin-right: -30px;
    }
}

.services-banners__banner.calculate .services-banners__banner-text {
    position: relative;
}

.services-banners__banner.calculate .services-banners__banner-title {
    color: #01050f;
}

.services-banners__banner.calculate button {
    padding: 18px 32px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.25;
    background-color: #285bf3;
    border-radius: 40px;
}

@media (hover) {
    .services-banners__banner.calculate button:hover {
        background-color: #5580ff;
    }
}

.services-banners__banner.calculate button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

@media (hover) {
    .services-banners__banner.calculate:hover img {
        transform: scale(1.1);
    }
}

.services-banners__banner-text {
    max-width: 480px;
    z-index: 2;
    display: flex;
    align-items: start;
    flex-direction: column;
    height: 100%;
}

.services-banners__banner-title {
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: auto;
}

@media screen and (max-width: 768px) {
    .services-banners__banner-title {
        font-size: 24px;
    }
}

.services-catalog {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.services-catalog .main-services__swiper-slide {
    flex: 1 1 32.24%;
}

@media screen and (max-width: 768px) {
    .services-catalog .main-services__swiper-slide {
        flex: 1 1 auto;
    }
}

.services-catalog .main-services__swiper-slide:hover .main-services__swiper-slide__img {
    z-index: 1;
}

.services-catalog .main-services__swiper-slide:hover .main-services__swiper-slide__title {
    z-index: 2;
}

.contacts-popup .popup__body {
    max-width: 560px;
}

@media screen and (max-width: 768px) {
    .contacts-popup .popup__body {
        max-width: initial;
    }
}

.contacts-popup .popup__body img {
    margin-bottom: 24px;
    width: initial;
    max-width: 100%;
}

.contacts-popup .popup__body h4 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .contacts-popup .popup__body h4 {
        font-size: 1.6rem;
    }
}

.contacts-popup .popup__body .contacts-popup__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.16px;
}

@media screen and (min-width: 1440px) {
    .contacts-popup .popup__body .contacts-popup__text {
        font-size: 1.6rem;
    }
}

.contacts-hero .blur {
    bottom: initial;
    top: 28rem;
}

.contacts-hero .container {
    position: relative;
}

.contacts-hero__wrapper {
    display: flex;
    column-gap: 116px;
    justify-content: space-between;
    margin-bottom: 6.8rem;
}

@media screen and (max-width: 992px) {
    .contacts-hero__wrapper {
        flex-direction: column;
        row-gap: 40px;
    }
}

.contacts-hero__mob {
    display: none;
}

@media screen and (max-width: 992px) {
    .contacts-hero__mob {
        display: block;
    }
}

.contacts-hero__left {
    flex: 0 0 50%;
}

.contacts-hero__title {
    font-family: Vela Sans;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.96px;
    color: #fff;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .contacts-hero__title {
        font-size: 4.8rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 500px) {
    .contacts-hero__title {
        font-size: 32px;
    }
}

.contacts-hero__city {
    font-size: 16px;
    line-height: 1.25;
    display: flex;
    margin-bottom: 45px;
}

@media screen and (min-width: 1440px) {
    .contacts-hero__city {
        font-size: 1.6rem;
        margin-bottom: 4.2rem;
    }
}

@media screen and (max-width: 768px) {
    .contacts-hero__city {
        margin-bottom: 32px;
    }
}

.contacts-hero__city p {
    color: #fff;
    display: flex;
    align-items: center;
}

.contacts-hero__city p:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(142, 163, 215, 0.6);
    display: inline-block;
    margin: 0 18px;
}

.contacts-hero__city-btn {
    color: #6da8ff;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 2;
}

.contacts-hero__city-btn svg {
    display: block;
    width: 20px;
    height: 20px;
}

.contacts-hero__city-btn svg use {
    fill: #6da8ff;
}

.contacts-hero__info {
    background-color: #fff;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
}

@media screen and (min-width: 1440px) {
    .contacts-hero__info {
        margin-bottom: 4rem;
    }
}

.contacts-hero__info-ico svg {
    display: block;
    width: 24px;
    height: 24px;
}

.contacts-hero__info-ico svg use {
    fill: #285bf3;
}

.contacts-hero__info-text {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    color: #323847;
}

@media screen and (min-width: 1440px) {
    .contacts-hero__info-text {
        font-size: 1.6rem;
    }
}

.contacts-hero__info-text p {
    margin-bottom: 8px;
}

.contacts-hero__info-text button {
    color: #285bf3;
    line-height: 1.25;
}

@media screen and (max-width: 768px) {
    .contacts-hero__info-text {
        font-size: 14px;
    }
}

.contacts-hero__contact svg {
    width: 16px;
    height: 16px;
}

.contacts-hero__contact svg use {
    fill: #fff;
}

.contacts-hero__right {
    min-width: 0;
    flex: 1 1 auto;
}

.contacts-hero__map {
    height: 55%;
    margin-bottom: 32px;
}

.contacts-hero__map iframe {
    border-radius: 20px;
}

.contacts-hero__map img {
    width: initial;
    max-width: 100%;
    border-radius: 12px;
}

@media screen and (max-width: 768px) {
    .contacts-hero__map img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .contacts-hero__img img {
        width: 100%;
    }
}

.contact__title {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    color: #aeb3c2;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .contact__title {
        font-size: 1.4rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .contact__title {
        margin-bottom: 12px;
    }
}

.contact__item {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
}

.contact__item--margin {
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .contact__item {
        margin-bottom: 33px;
    }
}

.contact__item-ico {
    padding: 8px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    width: 32px;
    height: 32px;
}

.contact__item-text {
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #fff;
}

.contact__item-text p {
    margin-bottom: 12px;
}

.contact__item-text button {
    font-size: 16px;
    line-height: 1.25;
    color: #6da8ff;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 2;
}

.contact__item-text button svg {
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
}

.contact__item-text button svg use {
    fill: #6da8ff;
}

.contact__item-text a[href="mailto:msk4@fe-rus.ru"] {
    color: #285bf3;
}

@media screen and (max-width: 768px) {
    .contact__item-text {
        font-size: 16px;
    }
}

.contact__soc {
    display: flex;
    align-items: center;
    gap: 32px;
}

@media screen and (max-width: 768px) {
    .contact__soc {
        margin-bottom: 32px;
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 12px;
    }
}

.contact__soc-link {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.18px;
    gap: 8px;
    display: flex;
    align-items: center;
}

.contact__soc-link svg {
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 1440px) {
    .contact__soc-link svg {
        width: 2rem;
        height: 2rem;
    }
}

.contact__soc-link svg use {
    fill: #fff;
}

@media screen and (max-width: 768px) {
    .contact__soc-link {
        font-size: 16px;
    }
}

@media (hover) {
    .contact__soc-link:hover {
        color: #e5e8f1;
    }
}

.requisites {
    padding: 48px 36px;
    background-color: #f4f5f8;
}

@media screen and (max-width: 768px) {
    .requisites {
        padding: 48px 0;
    }
}

.requisites .container {
    display: flex;
    gap: 36px;
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
    .requisites .container {
        flex-direction: column;
    }
}

.requisites__card {
    padding: 32px;
    background-color: #fff;
    border-radius: 20px;
    flex: 1 1 55.6547619048%;
}

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

@media screen and (max-width: 768px) {
    .requisites__card {
        padding: 20px 16px;
    }
}

.requisites__title {
    font-size: 24px;
    font-style: normal;
    line-height: 1.25;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .requisites__title {
        font-size: 2.4rem;
    }
}

.requisites__item {
    margin-bottom: 24px;
}

.requisites__item-title {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    color: #768395;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .requisites__item-title {
        font-size: 1.4rem;
    }
}

.requisites__item-text {
    color: #323847;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0.18px;
}

@media screen and (min-width: 1440px) {
    .requisites__item-text {
        font-size: 1.8rem;
    }
}

.requisites__item-wrapper {
    padding-top: 24px;
    border-top: 1px solid #e5e8f1;
    display: flex;
    flex-wrap: wrap;
}

.requisites__item-wrapper .requisites__item {
    flex: 1 1 48%;
}

.requisites__card-btn {
    display: inline-block;
    margin-top: 24px;
    padding: 18px 32px;
    background-color: #285bf3;
    border-radius: 40px;
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 1440px) {
    .requisites__card-btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 500px) {
    .requisites__card-btn {
        width: 100%;
    }
}

.requisites__form {
    flex: 1 1 41.6666666667%;
}

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

.requisites__form textarea {
    resize: none;
    width: 100%;
}

.form {
    padding: 32px 32px 40px;
    background-color: #fff;
    border-radius: 20px;
}

@media screen and (max-width: 768px) {
    .form {
        padding: 20px 16px;
    }
}

.form .request__right-form__input-container svg {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    transition: 0.3s ease;
}

.form .request__right-form__input-container.active .chevron {
    transform: translateY(-50%) rotate(180deg);
}

.form .request__right-form__file-btn {
    color: #285bf3;
}

.form .request__right-form__file-btn * {
    color: inherit;
}

.form .request__right-form__formats {
    color: #768395;
    margin-bottom: 0;
}

.form .request__right-form__policy {
    color: #01050f;
}

.form .request__right-form__policy a {
    color: #285bf3;
}

.input-wrapper {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .input-wrapper {
        display: block;
        margin-bottom: initial;
    }
}

.input-wrapper .request__right-form__input-container {
    flex: 1 1 49%;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .input-wrapper .request__right-form__input-container {
        margin-bottom: 2.4rem;
    }
}

.contacts-slider {
    border-radius: 12px;
    overflow: hidden;
}

.contacts-swiper__prev {
    transform: translateY(-50%) rotate(-180deg);
    width: 40px;
    height: 40px;
}

.contacts-swiper__next {
    right: 0;
    width: 40px;
    height: 40px;
}

.delivery-hero .blur {
    top: 28rem;
}

.delivery-hero .container {
    position: relative;
}

@media screen and (max-width: 768px) {
    .delivery .sections-body {
        margin: 0;
    }
}

.delivery__content {
    position: relative;
    display: flex;
    margin-bottom: 11rem;
}

@media screen and (max-width: 992px) {
    .delivery__content {
        flex-direction: column;
        align-items: center;
        margin-bottom: 24px;
    }
}

.delivery__text {
    flex: 0 0 50%;
}

@media screen and (max-width: 992px) {
    .delivery__text {
        margin-bottom: 56px;
    }
}

.delivery__title {
    color: #fff;
    margin-bottom: 24px;
}

.delivery__subtitle {
    color: #e1e4ea;
    line-height: 1.5;
    letter-spacing: 0.2px;
    font-weight: 400;
    margin-bottom: 48px;
}

.delivery__links {
    display: flex;
    gap: 32px;
}

.delivery__links-link {
    color: #6da8ff;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.delivery__bg {
    width: initial;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1024px) {
    .delivery__bg {
        top: -40px;
    }
}

@media screen and (max-width: 992px) {
    .delivery__bg {
        position: initial;
    }
}

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

.delivery .article-content__text-info {
    font-size: 16px;
    color: #323847;
    line-height: 1.5;
    letter-spacing: 0.16px;
    margin-bottom: 64px;
}

@media screen and (min-width: 1440px) {
    .delivery .article-content__text-info {
        font-size: 1.6rem;
        margin-bottom: 6.4rem;
    }
}

@media screen and (max-width: 992px) {
    .delivery .article-content__text-info {
        margin-bottom: 40px;
        margin-top: 20px;
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .delivery .article-content__text-info {
        flex-direction: row;
    }
}

.delivery .article-content__text-info h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-bottom: 12px;
    flex: 1 0 100%;
}

.delivery-section__overtitle {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.2px;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .delivery-section__overtitle {
        font-size: 2rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 992px) {
    .delivery-section__overtitle {
        font-size: 18px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 768px) {
    .delivery-section__overtitle {
        font-size: 16px;
    }
}

.delivery-section__title {
    font-family: Vela Sans;
    font-size: 56px;
    letter-spacing: -1.12px;
    margin-bottom: 32px;
    font-weight: 600;
}

@media screen and (min-width: 1440px) {
    .delivery-section__title {
        font-size: 5.6rem;
        margin-bottom: 3.2rem;
    }
}

@media screen and (max-width: 992px) {
    .delivery-section__title {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .delivery-section__title {
        font-size: 28px;
    }
}

.delivery-section__subtitle {
    line-height: 125%;
    letter-spacing: 0.14px;
    font-size: 14px;
    display: none;
    align-items: center;
    gap: 8px;
}

@media screen and (max-width: 992px) {
    .delivery-section__subtitle {
        display: flex;
    }
}

.section-delivery__benefits {
    display: flex;
    gap: 16px;
    margin: 2rem 0;
}

.section-delivery__benefits .benefits-card {
    flex: 0 1 25%;
    min-height: 317px;
    height: initial;
    line-height: 1.25;
}

.section-delivery__benefits .benefits-card .benefits-card__title {
    font-size: 24px;
}

@media screen and (min-width: 1440px) {
    .section-delivery__benefits .benefits-card .benefits-card__title {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 992px) {
    .section-delivery__benefits .benefits-card {
        flex: 1 0 auto;
        padding: 16px 32px 24px 16px;
    }
}

@media screen and (max-width: 992px) {
    .section-delivery__benefits {
        gap: 12px;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .section-delivery__benefits::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

.ensure__title {
    font-size: 32px;
    margin-bottom: 32px;
}

@media screen and (min-width: 1440px) {
    .ensure__title {
        font-size: 3.2rem;
        margin-bottom: 3.2rem;
    }
}

.ensure__cards {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .ensure__cards {
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 12px;
    }

    .ensure__cards::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

.ensure__card {
    flex: 1 1 33.333%;
    padding: 24px;
    border-radius: 20px;
    background-color: #f4f5f8;
    display: flex;
    flex-direction: column;
    align-items: start;
    transition: 0.3s ease;
    cursor: pointer;
}

@media (hover) {
    .ensure__card:hover {
        transform: scale(1.03);
    }
}

.ensure__card img {
    width: initial;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .ensure__card {
        flex: 1 0 270px;
    }
}

@media screen and (max-width: 375px) {
    .ensure__card {
        flex: 1 0 201px;
    }
}

.ensure__text {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #323847;
    margin-top: auto;
}

.delivery-map {
    border-radius: 20px;
    background-color: #f4f5f8;
    display: block;
}

.delivery-map .container {
    position: relative;
}

.delivery-map .container::-webkit-scrollbar {
    width: 0;
    display: none;
}

.delivery-map .delivery-section__overtitle {
    position: relative;
    z-index: 2;
}

.delivery-map .delivery-section__title {
    position: relative;
    z-index: 2;
}

.delivery-map__info {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

@media screen and (max-width: 992px) {
    .delivery-map__overflow {
        overflow: scroll;
    }

    .delivery-map__overflow::-webkit-scrollbar {
        width: 0;
        display: 0;
    }
}

.delivery-map__wrapper {
    position: relative;
    height: 100%;
    max-width: 1178px;
    height: 709px;
    width: 100%;
    margin: 0 auto;
    top: 0;
}

@media screen and (max-width: 992px) {
    .delivery-map__wrapper {
        top: 0;
        width: 1178px;
    }
}

@media screen and (max-width: 440px) {
    .delivery-map__wrapper {
        height: 690px;
    }
}

.delivery-map__img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.delivery-pay .section-delivery__benefits {
    margin-bottom: 32px;
}

.delivery-pay .section-delivery__benefits::-webkit-scrollbar {
    width: 0;
    display: none;
}

.article-content__text-info.delivery-info {
    margin: 0;
}

.delivery-container {
    padding-top: 56px;
    padding-bottom: 56px;
}

.map-points {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.map-points .point-info {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translateX(-50%) translateY(-100%);
}

.map-points__point {
    position: absolute;
    cursor: pointer;
}

@media (hover) {
    .map-points__point:hover .point-info {
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
}

.map-points__point.active {
    z-index: 2;
}

.map-points__point.active svg {
    width: 16px;
    height: 16px;
}

.map-points__point.active .point-info {
    opacity: 1;
    visibility: visible;
}

.map-points__point.active .map-points__point-ico {
    width: 16px;
    height: 16px;
    transition: 0.3s ease;
}

.map-points__point svg {
    width: 14px;
    height: 14px;
    transition: 0.3s ease;
}

.map-points__point svg.big {
    width: 28px;
    height: 28px;
}

.map-points__point__point-ico.big {
    width: 28px;
    height: 28px;
}

.point-info {
    width: 200px;
    position: relative;
    border-radius: 8px;
    background-color: rgba(1, 5, 15, 0.8);
    padding: 12px 16px;
    line-height: 125%;
    color: #fff;
}

.point-info__title {
    font-size: 16px;
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .point-info__title {
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }
}

.point-info__contacts {
    font-size: 14px;
    letter-spacing: 0.14px;
    margin-bottom: 20px;
}

.point-info__contacts a {
    display: block;
    margin-bottom: 4px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .point-info__contacts {
        margin-bottom: 2rem;
        font-size: 1.4rem;
    }
}

.point-info__link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6da8ff;
    font-size: 14px;
}

@media screen and (min-width: 1440px) {
    .point-info__link {
        font-size: 1.4rem;
    }
}

.point-info__link svg {
    display: block;
    transform: rotate(-90deg);
    fill: currentColor;
}

.point-info__decor {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    bottom: 0;
}

.delivery-circle__block {
    width: 33px;
    height: 12px;
    padding: 1px;
}

.delivery-circle__circle {
    width: 11px;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: #007af8;
    -webkit-animation: slide-right 1s linear infinite alternate backwards;
    animation: slide-right 0.7s linear infinite alternate backwards;
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.services-service {
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .services-service {
        margin-bottom: 1.6rem;
    }
}

.services-service .author-info__body {
    margin-bottom: 104px;
}

.services-service .author-info__body button {
    padding: 18px 32px;
    background-color: #285bf3;
    color: #fff;
    border-radius: 40px;
    font-size: 16px;
    line-height: 1.25;
    transition: 0.3s ease;
}

@media screen and (min-width: 1440px) {
    .services-service .author-info__body button {
        font-size: 1.6rem;
    }
}

@media (hover) {
    .services-service .author-info__body button:hover {
        background-color: #5580ff;
    }
}

@media screen and (min-width: 1440px) {
    .services-service .author-info__body {
        margin-bottom: 10.4rem;
    }
}

.services-service .author-info__name {
    margin-bottom: 24px;
    font-size: 7.2rem;
}

@media screen and (min-width: 1440px) {
    .services-service .author-info__name {
        margin-bottom: 2.4rem;
    }
}

.services-service .author-info__text {
    color: #e1e4ea;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    font-size: 20px;
    color: #e1e4ea;
    margin-bottom: 48px;
}

@media screen and (min-width: 1440px) {
    .services-service .author-info__text {
        font-size: 2rem;
        margin-bottom: 4.8rem;
    }
}

@media screen and (max-width: 768px) {
    .services-service .author-info__text {
        margin-bottom: 32px;
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {
    .services-service .author-info__text {
        font-size: 16px;
    }
}

.services-service__block .principles__container {
    gap: 6rem;
}

.services-service__block .banner-mini__sections {
    display: none;
}

@media screen and (max-width: 768px) {
    .services-service__block .banner-mini__sections {
        display: flex;
    }
}

.services-service__block .qa__right-category {
    display: flex;
}

@media (hover) {
    .services-service__block .services-banners__banner.calculate:hover img {
        transform: scale(1.1);
    }
}

.services-service__block .sections__aside-wrapper {
    flex: 0 0 320px;
}

.services-service__block .listing-info .container {
    flex-direction: row-reverse;
}

.services-service__block .listing-info .section-delivery__benefits {
    margin-bottom: 48px;
}

.services-service__block .listing-info__left-list {
    padding: 0;
}

.services-service__block .listing-info__left-list__item {
    list-style-position: inside;
}

.services-service__block .listing-info__left {
    width: 100%;
}

.services-service__block .listing-info__left.services-3 {
    width: initial;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .services-service__block .sections__aside-wrapper.services-3 {
        flex: 1 0 250px;
    }
}

.services-service__block .benefits-card {
    background-color: #fff;
    flex: 0 1 30.9%;
}

@media screen and (max-width: 992px) {
    .services-service__block .benefits-card {
        flex: 1 0 auto;
    }
}

.services-categories {
    width: 100%;
}

.services-categories__title {
    font-size: 24px;
    margin-bottom: 24px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .services-categories__title {
        font-size: 2.4rem;
        margin-bottom: 2.4rem;
    }
}

.services-categories__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    column-gap: 16px;
    row-gap: 24px;
}

@media screen and (max-width: 768px) {
    .services-categories__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .services-categories__cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

.categories-card {
    padding: 24px;
    background-color: #fff;
    border-radius: 20px;
    line-height: 1.25;
    transition: 0.3s ease;
}

@media (hover) {
    .categories-card:hover {
        transform: scale(1.04);
    }
}

.categories-card__top {
    display: flex;
    gap: 20px;
}

@media (max-width: 48em) {
    .categories-card__top {
        flex-direction: column;
    }
}

.categories-card__img {
    width: 109px;
    height: 109px;
    flex: 0 0 auto;
    margin-bottom: 15px;
}

@media (max-width: 48em) {
    .categories-card__img {
        margin: 0;
    }
}

.categories-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.categories-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.categories-card__title {
    font-size: 24px;
    margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
    .categories-card__title {
        font-size: 2.4rem;
        margin-bottom: 0.8rem;
    }
}

@media screen and (max-width: 500px) {
    .categories-card__title {
        font-size: 20px;
    }
}

.categories-card__descr {
    font-size: 16px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .categories-card__descr {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 500px) {
    .categories-card__descr {
        font-size: 16px;
    }
}

.categories-card__action {
    display: flex;
    gap: 8px;
    margin-top: auto;
    flex-wrap: wrap;
}

.categories-card__btn-order {
    text-align: center;
    padding: 11px 24px;
    color: #285bf3;
    transition: 0.3s ease;
    font-size: 14px;
    border-radius: 40px;
    border: 1px solid #285bf3;
    letter-spacing: 0.14px;
}

@media screen and (min-width: 1440px) {
    .categories-card__btn-order {
        font-size: 1.4rem;
    }
}

@media (hover) {
    .categories-card__btn-order:hover {
        border-color: #5580ff;
        color: #5580ff;
    }
}

@media screen and (max-width: 768px) {
    .categories-card__btn-order {
        flex: 1 1 auto;
    }
}

.categories-card__btn-cart {
    text-align: center;
    background-color: #285bf3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.categories-card__btn-cart svg {
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
}

.categories-card__btn-cart svg use {
    fill: #fff;
}

@media (hover) {
    .categories-card__btn-cart {
        transition: 0.3s ease;
    }

    .categories-card__btn-cart:hover {
        background-color: #5580ff;
    }
}

@media screen and (max-width: 768px) {
    .services-service__banner {
        display: none;
    }
}

.service-banner {
    position: relative;
    padding: 32px;
    background-color: #285bf3;
    border-radius: 16px;
    overflow: hidden;
}

@media (hover) {
    .service-banner:hover .service-banner__img {
        transform: translateY(-50%) scale(1.1);
    }
}

.service-banner__body {
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.service-banner__title {
    font-family: Vela Sans;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.64px;
    margin-bottom: 66px;
}

@media screen and (min-width: 1440px) {
    .service-banner__title {
        font-size: 3.2rem;
    }
}

.service-banner__btn {
    padding: 18px 32px;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
    color: #285bf3;
    transition: 0.3s ease;
}

@media screen and (min-width: 1440px) {
    .service-banner__btn {
        font-size: 1.6rem;
    }
}

@media (hover) {
    .service-banner__btn:hover {
        opacity: 0.8;
    }
}

.service-banner__btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.service-banner__img {
    transition: 0.3s ease;
    position: absolute;
    right: 0;
    top: 50%;
    height: 103%;
    transform: translateY(-50%);
    width: initial;
}

@media screen and (max-width: 992px) {
    .service-banner__img {
        opacity: 0.7;
        height: 100%;
    }
}

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

@media screen and (max-width: 768px) {
    .cart-popup {
        align-items: initial;
    }
}

.cart-popup .popup__body {
    width: 90%;
    margin: 0 auto;
    height: unset;
}

@media screen and (min-width: 768px) {
    .cart-popup .popup__body {
        width: 70%;
    }
}

@media screen and (min-width: 991px) {
    .cart-popup .popup__body {
        width: 60%;
    }
}

@media screen and (min-width: 1199px) {
    .cart-popup .popup__body {
        width: 50%;
    }
}

@media screen and (min-width: 1399px) {
    .cart-popup .popup__body {
        width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .cart-popup .popup__body {
        margin: 0;
        height: auto;
        align-self: flex-end;
    }
}

.cart-popup__header {
    margin-bottom: 32px;
}

@media screen and (min-width: 1440px) {
    .cart-popup__header {
        margin-bottom: 3.2rem;
    }
}

.cart-popup__title {
    font-size: 18px;
    margin-bottom: 8px;
    letter-spacing: 0.18px;
}

@media screen and (min-width: 1440px) {
    .cart-popup__title {
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }
}

.cart-popup__link {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    color: #285bf3;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.cart-popup__link svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #285bf3;
    transform: rotate(-90deg);
}

@media screen and (min-width: 1440px) {
    .cart-popup__link svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

@media screen and (min-width: 1440px) {
    .cart-popup__link {
        font-size: 1.4rem;
    }
}

.cart-popup__item {
    display: flex;
    gap: 24px;
    margin-bottom: 48px;
}

.cart-popup__item-img {
    flex: 0 0 auto;
    width: 88px;
    height: 88px;
}

.cart-popup__item-img img {
    max-width: 100%;
    border-radius: 1rem;
}

@media screen and (min-width: 1440px) {
    .cart-popup__item-img {
        width: 8.8rem;
        height: 8.8rem;
    }
}

@media screen and (max-width: 1024px) {
    .cart-popup__item-img {
        width: 77px;
        height: 77px;
    }
}

.cart-popup__item-body-wrapper {
    flex: 1 1 auto;
    display: flex;
    gap: 15px;
}

@media screen and (max-width: 992px) {
    .cart-popup__item-body-wrapper {
        flex-direction: column;
    }
}

.cart-popup__item-body {
    flex: 1 1 auto;
}

.cart-popup__item-name {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 20px;
    color: #323847;
    display: block;
    transition: 0.4s ease;
}

.cart-popup__item-name:hover {
    color: #285bf3;
}

@media screen and (min-width: 1440px) {
    .cart-popup__item-name {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
}

.cart-popup__item-options {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

@media screen and (min-width: 1440px) {
    .cart-popup__item-options {
        gap: 3.2rem;
    }
}

@media screen and (max-width: 768px) {
    .cart-popup__item-options {
        gap: 15px;
    }
}

.cart-popup__item-units > div {
    padding: 15px 12px;
    background-color: #f4f5f8;
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    gap: 5px;
}

.cart-popup__item-units > div > input {
    max-width: 62px;
}

.cart-popup__item-price-wraper .cart__list-header-item {
    margin-bottom: 3px;
}

.cart-popup__item-price-wraper .cart__list-header-item svg {
    width: 16px;
    height: 16px;
}

.cart-popup__item-price-wraper .cart__list-header-item svg use {
    fill: #768395;
}

.cart-popup__item-tocart {
    flex: 0 0 auto;
    width: fit-content;
    border-radius: 40px;
    border: 1px solid #285bf3;
    padding: 11px 24px;
    color: #285bf3;
    text-align: center;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    align-self: center;
}

@media screen and (min-width: 1440px) {
    .cart-popup__item-tocart {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 992px) {
    .cart-popup__item-tocart {
        align-self: flex-start;
    }
}

.cart-popup__item-btn {
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    text-align: center;
    background-color: #285bf3;
    border-radius: 40px;
    padding: 18px 32px;
    width: fit-content;
}

@media screen and (min-width: 1440px) {
    .cart-popup__item-btn {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 1024px) {
    .cart-popup__item-btn {
        width: 100%;
    }
}

.search-block {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow-y: auto;
    opacity: 0;
    transition: 0.3s linear;
}

.search-block.active {
    opacity: 1;
    z-index: 4;
}

.search-block.active .search-block__content {
    transform: translateY(0%);
    overflow-y: auto;
}

.search-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
}

.search-block__matches {
    display: none;
}

.search-block__matches.active {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .search-block__matches.active {
        display: block;
    }
}

.search-block__content {
    transition: 0.5s linear;
    background-color: #1a1f2b;
    padding-top: 136px;
    padding-bottom: 45px;
    transform: translateY(-110%);
}

@media screen and (max-width: 768px) {
    .search-block__content {
        height: 100lvh;
    }
}

.search-block__form {
    display: flex;
    gap: 8px;
    padding-top: 20px;
    border-top: 1px solid #394258;
    margin-bottom: 32px;
}

@media screen and (min-width: 1440px) {
    .search-block__form {
        margin-bottom: 3.2rem;
    }
}

@media screen and (max-width: 768px) {
    .search-block__form {
        flex-direction: column;
    }
}

.search-block__input-wrapper {
    display: flex;
    gap: 8px;
    border-radius: 48px;
    background-color: #2b3344;
    height: 40px;
    padding: 10px 10px 10px 16px;
    flex: 1 1 auto;
    align-items: center;
}

@media screen and (min-width: 1440px) {
    .search-block__input-wrapper {
        height: 4rem;
    }
}

@media screen and (max-width: 768px) {
    .search-block__input-wrapper {
        height: initial;
    }
}

.search-block__input-search-ico {
    width: 20px;
    height: 20px;
    display: block;
}

.search-block__input-search-ico use {
    transition: 0.3s ease;
    fill: #acaeb7;
}

@media (hover) {
    .search-block__input-search-ico.clear:hover use {
        fill: #fafafa;
    }
}

@media screen and (max-width: 768px) {
    .search-block__input-search-ico {
        width: 25px;
        height: 25px;
    }
}

.search-block__input {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .search-block__input {
        font-size: 1.6rem;
    }
}

.search-block__input::-ms-clear {
    display: 0;
    width: 0;
}

.search-block__input::-webkit-search-cancel-button {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
}

@media screen and (max-width: 768px) {
    .search-block__input {
        font-size: 18px;
    }
}

.search-block__form-submit {
    flex: 0 0 auto;
    padding: 11px 24px;
    background-color: #285bf3;
    color: #fff;
    text-align: center;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

.search-block__form-submit:focus {
    background-color: #5580ff;
}

@media screen and (max-width: 768px) {
    .search-block__form-submit {
        font-size: 18px;
    }
}

.search-result {
    gap: 20px;
    min-height: 280px;
    position: relative;
}

.search-result__column {
    line-height: 1.25;
    flex: 1 1 auto;
}

@media screen and (max-width: 768px) {
    .search-result__column:not(:last-child) {
        margin-bottom: 20px;
    }
}

.search-result__column:nth-child(2) {
    flex: 0 1 240px;
}

.search-result__column:nth-child(3) {
    flex: 0 1 240px;
}

.search-result__column:nth-child(4) {
    flex: 0 1 240px;
}

.search-result__column:nth-child(5) {
    flex: 0 1 240px;
}

.search-result__column.often {
    display: block;
}

.search-result__column.often.inactive {
    display: none;
}

.search-result__title {
    color: #768395;
    font-size: 14px;
    letter-spacing: 0.14px;
    margin-bottom: 12px;
}

.search-result__list {
    margin-bottom: 12px;
}

.search-result__list-item:not(:last-child) {
    margin-bottom: 12px;
}

.search-result__link {
    color: #fff;
    font-size: 16px;
}

.search-result__link-info {
    margin-top: 6px;
    color: #768395;
    display: flex;
    align-items: center;
    font-size: 12px;
}

@media screen and (min-width: 1440px) {
    .search-result__link-info {
        font-size: 1.2rem;
    }
}

.search-result__link-info li {
    display: flex;
    align-items: center;
}

.search-result__link-info li:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #a8b8cb;
    margin: 0 7px;
}

.search-result__more {
    font-size: 14px;
    color: #6da8ff;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

.search-result__more svg {
    width: 16px;
    height: 16px;
    display: block;
    transform: rotate(-90deg);
}

.search-result__more svg use {
    fill: #6da8ff;
}

.search-result .load__block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #1a1f2b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    display: none;
}

.search-result .load__block .loader svg {
    width: 32px;
    height: 32px;
    display: inline-block;
    animation: rotate 1s linear infinite;
}

.search-result .load__block .loader svg use {
    fill: #285bf3;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 768px) {
    .search-result .load__block .loader {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

.search-result .load__block.active {
    display: block;
}

.popup-image {
    padding: 1.2rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(1, 5, 15, 0.8);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-image.active {
    opacity: 1;
    visibility: visible;
}

.popup-image__body {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 80%;
    height: 80%;
    background: rgba(28, 35, 50, 0.517);
}

.popup-image__body img {
    width: initial;
    max-width: 100%;
}

.popup-image__close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.rewards__container {
    display: flex;
}

.rewards .sections__aside-wrapper {
    flex: 0 0 32rem;
}

.rewards__reviews {
    flex: 1 1 auto;
    max-width: calc(100% - 32rem);
}

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

.rewards__reviews-inner {
    position: relative;
}

.rewards__reviews-title {
    font-family: Vela Sans;
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -1.12px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .rewards__reviews-title {
        font-size: 5.6rem;
    }
}

@media screen and (max-width: 768px) {
    .rewards__reviews-title {
        margin-bottom: 26px;
        font-size: 44px;
    }
}

@media screen and (max-width: 425px) {
    .rewards__reviews-title {
        font-size: 32px;
    }
}

.rewards__reviews-action {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 44px;
}

@media screen and (max-width: 768px) {
    .rewards__reviews-action {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 24px;
    }
}

.rewards__reviews-btn-wrapper {
    flex: 1 1 auto;
    display: flex;
    gap: 8px;
}

@media screen and (max-width: 320px) {
    .rewards__reviews-btn-wrapper {
        flex-wrap: wrap;
    }
}

.rewards__reviews-btn {
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1.25;
    border: 1px solid #e5e8f1;
    transition: 0.3s ease;
}

.rewards__reviews-btn:not(.active) {
    background-color: #fff;
    color: #768395;
}

@media (hover) {
    .rewards__reviews-btn:not(.active):hover {
        color: #000;
    }
}

.rewards__reviews-btn.active {
    background-color: #285bf3;
    color: #fff;
}

@media (any-hover: hover) {
    .rewards__reviews-btn.active:hover {
        background-color: #5580ff;
    }
}

.rewards__reviews-btn-more {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    padding: 11px 24px;
    color: var(--interface-blue-default-blue-500, #285bf3);
    text-align: center;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    align-self: flex-start;
    border-radius: 40px;
    border: 1px solid #285bf3;
    background-color: rgba(255, 255, 255, 0);
}

.rewards__reviews-btn-more svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
    transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
    .rewards__reviews-btn-more {
        border: none;
        padding: 0;
        margin-bottom: 24px;
    }
}

.rewards__tabs {
    display: none;
    gap: 24px;
}

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

.rewards__tabs .swiper {
    max-width: 100%;
}

.rewards__tabs .opinions__card {
    max-width: initial;
    min-width: initial;
    flex: 0 0 48%;
}

.rewards__tabs .opinions__card-footer {
    font-size: 14px;
}

.rewards__tabs .opinions__card-subtitle {
    font-size: 14px;
}

@media screen and (max-width: 600px) {
    .rewards__tabs .opinions__card-subtitle {
        font-size: 11px;
    }
}

@media screen and (max-width: 620px) {
    .rewards__tabs {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
}

.rewards__tabs.active {
    display: flex;
    flex-wrap: wrap;
}

.rewards-hero {
    position: relative;
}

.rewards-hero__title {
    color: #fff;
    margin-bottom: 122px;
}

@media screen and (max-width: 768px) {
    .rewards-hero__title {
        margin-bottom: 22rem;
    }
}

@media screen and (max-width: 768px) {
    .rewards-hero {
        padding-top: 15.6rem;
    }
}

.rewards-hero__bg {
    max-width: 100%;
    width: initial;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 1024px) {
    .rewards-hero__bg {
        width: 400px;
    }
}

@media screen and (max-width: 600px) {
    .rewards-hero__bg {
        width: 340px;
    }
}

@media screen and (max-width: 425px) {
    .rewards-hero__bg {
        width: 240px;
    }
}

.rewards-card {
    position: relative;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #fff;
}

.rewards-card img {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .rewards-card img {
        width: initial;
    }
}

.rewards-card .opinions__card-img-zoom {
    background-color: rgba(0, 0, 0, 0.4);
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2;
    bottom: 18px;
    left: 24px;
}

@media screen and (max-width: 768px) {
    .rewards-card .opinions__card-img-zoom {
        width: 32px;
        height: 32px;
    }
}

.rewards-card .opinions__card-img-zoom svg {
    width: 32px;
    height: 32px;
}

@media screen and (max-width: 768px) {
    .rewards-card .opinions__card-img-zoom svg {
        width: 20px;
        height: 20px;
    }
}

.rewards-2-hero {
    position: relative;
}

.reward-item {
    position: relative;
}

.reward-item .svg-top {
    position: absolute;
    top: -100px;
    right: -100px;
}

.reward-item__text-wrapper {
    display: flex;
    gap: 180px;
}

@media screen and (max-width: 768px) {
    .reward-item__text-wrapper {
        flex-direction: column;
        gap: 25px;
        margin-bottom: 70px;
    }
}

.reward-item__left {
    padding-top: 10px;
    flex: 0 0 auto;
}

.reward-item__left h3 {
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.18px;
    margin-bottom: 2px;
    color: #fff;
}

.reward-item__left p {
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    color: #e1e4ea;
}

.reward-item__text {
    margin-bottom: 3rem;
}

.reward-item__title {
    color: #fff;
    margin-bottom: 20px;
}

.reward-item__subtitle {
    color: #e1e4ea;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    font-weight: 400;
}

.reward-item__info {
    color: #aeb3c2;
    font-size: 16px;
    line-height: 1.25;
    display: flex;
    align-items: center;
}

.reward-item__info-item {
    display: flex;
    align-items: center;
}

.reward-item__info-item:not(:last-child)::after {
    content: "";
    width: 4px;
    display: inline-block;
    height: 4px;
    background-color: #64666b;
    margin: 0 8px;
    border-radius: 50%;
}

.review-article {
    margin-bottom: 7.2rem;
}

.review-article__text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

.review-article__img {
    padding: 48px;
    border-radius: 12px;
    background: #f4f5f8;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .review-article__img {
        padding: 16px 20px;
    }
}

.review-article__img img {
    width: auto;
    max-width: 100%;
}

.review-article__img-caption {
    color: #323847;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.18px;
}

.article-content__title {
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: 24px;
}

.rewards-more {
    padding-left: 36px;
    padding-right: 36px;
}

@media screen and (max-width: 768px) {
    .rewards-more {
        padding-left: 0;
        padding-right: 0;
    }
}

.rewards-more__header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 48px;
    gap: 15px;
}

@media screen and (max-width: 768px) {
    .rewards-more__header {
        align-items: center;
        margin-bottom: 40px;
    }
}

.rewards-more__text {
    flex: 1 1 auto;
}

.rewards-more__text p {
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: 0.2px;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .rewards-more__text p {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

.rewards-more__text h3 {
    font-family: Vela Sans;
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -1.12px;
}

@media screen and (max-width: 768px) {
    .rewards-more__text h3 {
        font-size: 36px;
    }
}

.rewards-more__link {
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #285bf3;
    background-color: rgba(255, 255, 255, 0);
    color: #285bf3;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    padding: 18px 32px;
}

.rewards-more__link svg {
    width: 20px;
    height: 20px;
}

.rewards-more__link svg use {
    fill: #285bf3;
}

@media screen and (max-width: 768px) {
    .rewards-more__link {
        font-size: 0;
        padding: 0;
        border: none;
        gap: 5px;
    }

    .rewards-more__link svg {
        width: 22px;
        height: 22px;
    }
}

.rewards-more__content {
    display: flex;
    gap: 16px;
    overflow-x: auto;
}

.rewards-more__content::-webkit-scrollbar {
    width: 0;
    display: none;
}

.rewards-more__content .opinions__card-subtitle {
    font-size: 14px;
}

.rewards-more__content .opinions__card-footer {
    font-size: 14px;
}

@media screen and (max-width: 600px) {
    .rewards-more__content .opinions__card-footer {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .certificate {
        overflow: hidden;
    }
}

.certificate .rewards__tabs {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

.certificate .sections__aside-wrapper {
    flex: 0 0 32rem;
}

.certificate .rewards-card__wrapper {
    flex: 1 0 46%;
    max-width: 492px;
}

@media screen and (max-width: 768px) {
    .certificate .rewards-card__wrapper {
        max-width: initial;
    }
}

.certificate .rewards-card__wrapper .rewards-card {
    height: initial;
    margin-bottom: 16px;
    cursor: pointer;
}

.certificate-info__text {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.2px;
    margin-bottom: 8px;
}

.certificate-info__list {
    display: flex;
    flex-wrap: wrap;
}

.certificate-info__list-item {
    color: #64666b;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    display: flex;
    align-items: center;
}

.certificate-info__list-item:not(:last-child)::after {
    content: "";
    width: 4px;
    display: inline-block;
    height: 4px;
    background-color: #64666b;
    margin: 0 8px;
    border-radius: 50%;
}

.certificate-info__list-item a {
    color: #285bf3;
}

@media screen and (max-width: 768px) {
    .manufacture {
        overflow: hidden;
    }
}

.manufacture .banner-mini__sections {
    display: none;
}

@media screen and (max-width: 768px) {
    .manufacture .banner-mini__sections {
        display: flex;
    }
}

.manufacture .sections-body {
    background-color: #f4f5f8;
}

.manufacture .sections__aside-wrapper {
    flex: 0 0 32rem;
}

@media screen and (max-width: 1024px) {
    .manufacture .sections__aside-wrapper {
        min-width: 220px;
    }
}

.manufacture .sections__aside-wrapper .sections__aside-production {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    top: initial;
    margin-bottom: 16px;
}

.manufacture .banner-mini {
    min-height: 245px;
}

.manufacture .banner-mini__bg {
    opacity: 1;
}

.manufacture .banner-mini .banner-mini-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: initial;
    transition: 0.3s;
}

.manufacture .banner-mini__ico {
    display: none;
}

.manufacture .banner-mini__btn {
    padding: 11px 24px;
    z-index: 2;
    background-color: #fff;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0.14px;
    border-radius: 40px;
    color: #01050f;
    transition: 0.3s;
}

.manufacture .banner-mini__title {
    position: relative;
    z-index: 1;
}

.manufacture .banner-mini__subtitle {
    position: relative;
    z-index: 1;
}

.manufacture .banner-mini__footer {
    margin-top: auto;
}

.manufacture .services-banners {
    margin-top: 16px;
    margin-bottom: 16px;
}

.manufacture .sections-body {
    border-radius: 20px;
}

.manufacture__articles {
    background-color: #f4f5f8;
}

.manufacture__articles .articles__heading {
    font-size: 5.6rem;
}

.manufacture-hero__title {
    color: #fff;
    margin-bottom: 24px;
    max-width: 672px;
}

@media screen and (max-width: 768px) {
    .manufacture-hero__title {
        margin-bottom: 16px;
    }
}

.manufacture-hero__subtitle {
    color: #e1e4ea;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-bottom: 21.7rem;
    max-width: 672px;
}

@media screen and (min-width: 1440px) {
    .manufacture-hero__subtitle {
        font-size: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .manufacture-hero__subtitle {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 600px) {
    .manufacture-hero__subtitle {
        font-size: 16px;
    }
}

.manufacture-hero__bg {
    max-width: 100%;
    width: initial;
    position: absolute;
    bottom: 8%;
    right: 48px;
    z-index: -1;
}

@media screen and (min-width: 1440px) {
    .manufacture-hero__bg {
        width: 58.4rem;
    }
}

@media screen and (max-width: 992px) {
    .manufacture-hero__bg {
        bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .manufacture-hero__bg {
        position: initial;
        margin: 0 auto;
    }
}

@media screen and (max-width: 500px) {
    .manufacture-hero__bg {
        max-width: 350px;
    }
}

@media screen and (max-width: 340px) {
    .manufacture-hero__bg {
        width: 100%;
    }
}

.manufacture-catalog__title {
    color: #01050f;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 24px;
}

.manufacture-list {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .manufacture-list {
        flex-direction: column;
    }
}

.manufacture-list__item {
    flex: 1 1 48%;
    transition: 0.3s linear;
}

@media (hover) {
    .manufacture-list__item:hover {
        transform: scale(1.05);
    }
}

.manufacture-card {
    border-radius: 20px;
    background-color: #fff;
    padding: 24px;
    display: flex;
    gap: 20px;
    height: 100%;
}

@media screen and (max-width: 425px) {
    .manufacture-card {
        flex-direction: column;
    }
}

.manufacture-card__img {
    flex: 0 0 auto;
    border-radius: 8px;
    overflow: hidden;
}

.manufacture-card__img img {
    width: 109px;
    border-radius: 1rem;
}

.manufacture-card__title {
    color: #01050f;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 8px;
    display: block;
}

@media screen and (min-width: 1440px) {
    .manufacture-card__title {
        font-size: 2.4rem;
        margin-bottom: 0.8rem;
    }
}

.manufacture-card__subtitle {
    color: #323847;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .manufacture-card__subtitle {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
}

.manufacture-card__btn {
    padding: 11px 24px;
    color: #285bf3;
    text-align: center;
    border-radius: 40px;
    border: 1px solid #285bf3;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    display: inline-block;
}

.manufacture-item .listing-info.section {
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.manufacture-item .listing-info__left {
    width: initial;
}

.manufacture-item .section-delivery__benefits {
    margin-bottom: 48px;
}

.manufacture-item .benefits-card {
    background-color: #fff;
    flex: 0 1 30.9%;
}

@media screen and (max-width: 1024px) {
    .manufacture-item .benefits-card {
        flex-shrink: 0;
        flex-basis: 48%;
    }
}

@media screen and (max-width: 768px) {
    .manufacture-item .benefits-card {
        flex: 0 0 auto;
    }
}

.manufacture-item .principles__container {
    gap: 36px;
}

.manufacture-item .qa__right-category {
    display: flex;
}

.manufacture-item .section-delivery__benefits {
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .manufacture-item .section-delivery__benefits {
        flex-wrap: nowrap;
    }
}

.manufacture-item__content {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .manufacture-item__content {
        flex-direction: column;
    }
}

.manufacture-item__left {
    flex: 1 1 60%;
}

@media screen and (max-width: 768px) {
    .manufacture-item__left {
        flex: 0 0 auto;
    }
}

.manufacture-item__title {
    margin-bottom: 24px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .manufacture-item__title {
        margin-bottom: 16px;
    }
}

.manufacture-item__subtitle {
    color: #e1e4ea;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-bottom: 48px;
}

@media screen and (min-width: 1440px) {
    .manufacture-item__subtitle {
        font-size: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .manufacture-item__subtitle {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 500px) {
    .manufacture-item__subtitle {
        font-size: 16px;
    }
}

.manufacture-item__button {
    font-size: 16px;
    color: #fff;
    border-radius: 40px;
    background-color: #285bf3;
    padding: 18px 32px;
    line-height: 1.25;
    text-align: center;
}

@media screen and (min-width: 1440px) {
    .manufacture-item__button {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .manufacture-item__button {
        margin-bottom: 40px;
        width: 100%;
    }
}

.manufacture-item__right {
    border-radius: 12px;
    overflow: hidden;
    flex: 0 0 40%;
    margin: 0 auto;
    max-width: 100%;
}

.manufacture-item__right .swiper-manufacture {
    margin-bottom: 3rem;
    aspect-ratio: 5/4;
}

.manufacture-item__right .swiper-slide {
    height: auto;
}

.manufacture-item__right .swiper-nav img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.manufacture-item__right img {
    border-radius: 14px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .manufacture-item__right {
        margin-bottom: 24px;
    }
}

.brands .blur {
    bottom: 17.5rem;
}

.brands-hero {
    position: relative;
}

.brands-hero__content {
    display: flex;
}

@media screen and (max-width: 768px) {
    .brands-hero__content {
        display: block;
    }
}

.brands-hero__left {
    max-width: 672px;
    margin-bottom: 14.3rem;
}

@media screen and (max-width: 768px) {
    .brands-hero__left {
        margin-bottom: 20px;
    }
}

.brands-hero__title {
    color: #fff;
    margin-bottom: 24px;
}

.brands-hero__subtitle {
    color: #e1e4ea;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

@media screen and (min-width: 1440px) {
    .brands-hero__subtitle {
        font-size: 2rem;
    }
}

.brands-hero__bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: initial;
    max-width: 100%;
}

@media screen and (max-width: 1100px) {
    .brands-hero__bg {
        opacity: 0.8;
    }
}

@media screen and (max-width: 768px) {
    .brands-hero__bg {
        opacity: 1;
        position: initial;
        margin: 0 auto;
        transform: none;
    }
}

.brands-catalog-cards {
    padding: 4.8rem 0;
    display: flex;
    gap: 16px;
    background-color: #fff;
    margin: 16px 12px;
}

@media screen and (max-width: 768px) {
    .brands-catalog-cards {
        padding: 0;
    }
}

@media screen and (max-width: 700px) {
    .brands-catalog-cards {
        display: block;
    }
}

.brands-catalog-cards__item {
    min-height: 321px;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    padding: 32px;
    border-radius: 20px;
    background-color: #f4f5f8;
    transition: 0.3s linear;
    cursor: pointer;
}

@media (any-hover: hover) {
    .brands-catalog-cards__item:hover {
        scale: 1.02;
    }
}

@media screen and (max-width: 700px) {
    .brands-catalog-cards__item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.brands-catalog-cards__ico {
    display: inline-flex;
    padding: 28px;
    background-color: #285bf3;
    border-radius: 50%;
    margin-bottom: 20px;
    align-self: flex-start;
}

.brands-catalog-cards__ico svg {
    display: inline-block;
    width: 32px;
    height: 32px;
    fill: #fff;
}

.brands-catalog-cards__title {
    width: 100%;
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: 15px;
}

.brands-catalog-cards__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #285bf3;
    margin-top: auto;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.brands-catalog-cards__link svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    fill: currentColor;
}

.ceo-block {
    background-color: #f4f5f8;
}

.ceo-block__container {
    display: flex;
    gap: 40px;
}

@media screen and (max-width: 768px) {
    .ceo-block__container {
        display: block;
    }
}

.ceo-block__left {
    flex: 1 1 auto;
}

@media screen and (max-width: 768px) {
    .ceo-block__left {
        margin-bottom: 32px;
    }
}

.ceo-block__body {
    margin-bottom: 4px;
}

.ceo-block__body:not(:last-child) {
    margin-bottom: 28px;
}

.ceo-block__title {
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .ceo-block__title {
        font-size: 3.2rem;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .ceo-block__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

.ceo-block__text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .ceo-block__text p {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .ceo-block__text p {
        font-size: 16px;
    }
}

.ceo-block__more {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.25;
    color: #285bf3;
}

@media screen and (min-width: 1440px) {
    .ceo-block__more {
        font-size: 1.6rem;
    }
}

.ceo-block__more svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

@media screen and (min-width: 1440px) {
    .ceo-block__more svg {
        width: 2rem;
        height: 2rem;
    }
}

.ceo-block__right {
    flex: 0 0 41.2rem;
}

.ceo-block__right .request-card {
    position: sticky;
    top: 120px;
}

.standarts-block {
    background: #f4f5f8;
}

.standarts-title {
    color: #01050f;
    font-family: Vela Sans;
    font-size: 56px;
    letter-spacing: -1.12px;
    margin-bottom: 32px;
}

@media screen and (min-width: 1440px) {
    .standarts-title {
        font-size: 5.6rem;
        margin-bottom: 3.2rem;
    }
}

@media screen and (max-width: 768px) {
    .standarts-title {
        font-size: 32px;
        margin-bottom: 24px;
    }
}

.standarts-list {
    border-radius: 20px;
    background-color: #fff;
    padding: 0 24px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .standarts-list {
        background-color: transparent;
        padding: 0;
    }
}

.standarts-list__header {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 16px 0;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .standarts-list__header {
        background-color: #fff;
        display: block;
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 16px;
    }
}

.standarts-list__title-wrapper a {
    display: none;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
    color: #285bf3;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 15px;
}

.standarts-list__title-wrapper a svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.standarts-list__title-wrapper a.active {
    display: flex;
}

.standarts-list__title {
    font-size: 24px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .standarts-list__title {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 768px) {
    .standarts-list__title {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 425px) {
    .standarts-list__title {
        font-size: 20px;
    }
}

.standarts-list__search {
    display: flex;
    align-items: center;
    flex: 0 1 45.7rem;
    padding: 10px 16px 10px 20px;
    border-radius: 12px;
    background-color: #f4f5f8;
}

.standarts-list__search svg {
    width: 20px;
    height: 20px;
    fill: #acaeb7;
    transition: 0.3s ease;
}

@media screen and (min-width: 1440px) {
    .standarts-list__search svg {
        width: 2rem;
        height: 2rem;
    }
}

@media (any-hover: hover) {
    .standarts-list__search svg:hover {
        fill: #01050f;
    }
}

.standarts-list__search button[type=submit] {
    position: relative;
}

.standarts-list__search button[type=submit]::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.standarts-list__search-input {
    width: 100%;
    font-size: 16px;
    line-height: 1.25;
    cursor: auto;
}

.standarts-list__search-input::placeholder {
    color: #aeb3c2;
}

@media screen and (min-width: 1440px) {
    .standarts-list__search-input {
        font-size: 1.6rem;
    }
}

.standarts-list__body .left-side {
    width: 28rem;
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    .standarts-list__body .left-side {
        width: initial;
        mask-repeat: 0;
    }
}

.standarts-list__body .right-side {
    max-width: 98.4rem;
}

@media screen and (max-width: 768px) {
    .standarts-list__body .right-side {
        width: initial;
    }
}

.standarts-list__body-header {
    display: flex;
}

@media screen and (max-width: 768px) {
    .standarts-list__body-header {
        display: none;
    }
}

.standarts-list__body-title {
    color: #768395;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

@media screen and (min-width: 1440px) {
    .standarts-list__body-title {
        font-size: 1.4rem;
    }
}

.standarts-list__body-title.mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .standarts-list__body-title.mobile {
        display: block;
        margin-bottom: 2px;
    }
}

.standarts-list__item {
    display: flex;
    padding: 20px 0;
}

.standarts-list__item:not(:last-child) {
    border-bottom: 1px solid #e5e8f1;
}

@media screen and (max-width: 768px) {
    .standarts-list__item {
        border: none;
        display: block;
        padding: 20px;
        border-radius: 20px;
        background-color: #fff;
    }

    .standarts-list__item:not(:last-child) {
        margin-bottom: 16px;
    }
}

.standarts-list__item-name {
    font-size: 18px;
    letter-spacing: 0.18px;
    cursor: pointer;
}

@media screen and (min-width: 1440px) {
    .standarts-list__item-name {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .standarts-list__item-name {
        margin-bottom: 16px;
    }
}

.standarts-list__item-descr {
    color: #2b3344;
    font-size: 16px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .standarts-list__item-descr {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .gost {
        overflow: hidden;
    }
}

.gost .blur {
    bottom: 39.5rem;
}

.gost .brands-hero__left {
    max-width: 1010px;
}

.gost .brands-hero__bg {
    display: none;
}

.gost .brands-hero__title {
    margin-bottom: 34px;
}

.gost .gost-hero__item-wrapper {
    display: flex;
    gap: 5.6rem;
}

@media screen and (max-width: 600px) {
    .gost .gost-hero__item-wrapper {
        flex-direction: column;
        gap: 0;
    }
}

.gost .gost-hero__item {
    color: #6da8ff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 24px;
}

.gost .gost-hero__item span {
    color: #aeb3c2;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    margin-bottom: 8px;
    display: block;
}

.gost .gost-hero__item p, .gost .gost-hero__item > div {
    color: #e1e4ea;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}

.gost .gost-hero__item p:has(svg), .gost .gost-hero__item > div:has(svg) {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gost .gost-hero__item p:has(svg) svg, .gost .gost-hero__item > div:has(svg) svg {
    width: 20px;
    height: 20px;
    fill: #6da8ff;
}

.gost .gost-hero__item p.not-relevant svg, .gost .gost-hero__item > div.not-relevant svg {
    fill: red;
}

.gost .gost-hero__btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6da8ff;
    font-size: 16px;
    line-height: 1.25;
}

.gost .gost-hero__btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.gost .section-tags {
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .gost .section-tags {
        display: none;
    }
}

.gost .section-tags::-webkit-scrollbar {
    width: 0;
    display: 0;
}

.gost .section-tags__list {
    justify-content: initial;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .gost .section-tags__list {
        flex-wrap: wrap;
    }
}

.gost .section-tags__list-item {
    flex: 0 0 auto;
}

.gost .section-tags__list-item button {
    padding: 12px 20px;
    font-size: 16px;
}

.gost__section {
    background-color: #f4f5f8;
}

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

@media screen and (max-width: 768px) {
    .gost__list {
        padding: 0;
        background-color: transparent;
    }
}

.gost__container .products-listing {
    padding: 0;
}

.gost__container .products-listing__filters {
    justify-content: space-between;
}

.gost__container .products__list-item {
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .gost__container .products__list-item:not(:last-child) {
        margin-bottom: 16px;
    }
}

.gost__container .products-listing__filters-name {
    width: 33rem;
}

.gost__container .products__list-item__name {
    width: 33rem;
}

.materials .brands-hero__left {
    max-width: 68.5rem;
}

.materials ul {
    list-style-type: none;
}

.materials .qa__right-list__item {
    padding: 20px 24px;
}

.materials .qa__right-list__item-head a {
    font-size: 2.4rem;
    line-height: initial;
}

@media screen and (max-width: 768px) {
    .materials .qa__right-list__item-head a {
        font-size: 20px;
    }
}

.materials .qa__right-list__item-head button {
    transform: none;
}

@media screen and (max-width: 768px) {
    .materials .qa__right-list__item-head button {
        width: 32px;
        height: 32px;
    }

    .materials .qa__right-list__item-head button svg {
        width: 20px;
        height: 20px;
    }
}

.materials .qa__right-list__item-content {
    margin: 0;
}

.materials-dropdowns {
    background-color: #f4f5f8;
}

.materials-dropdowns .dropdowns-wrapper--margin {
    margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
    .materials-dropdowns .dropdowns-wrapper--margin {
        margin-bottom: 32px;
    }
}

.materials-dropdown .qa__right-list__item-content a {
    padding: 12px 0;
    display: block;
    color: #285bf3;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.material .brands-hero__left {
    max-width: 65rem;
}

@media screen and (max-width: 768px) {
    .material .brands-hero__left {
        margin-bottom: 88px;
    }
}

.material .brands-hero__title {
    margin-bottom: 0;
}

.specoffers-cart .popup__body {
    width: initial;
}

.specoffer-hero {
    overflow: hidden;
}

.specoffer-banner {
    position: relative;
    z-index: 1;
    max-width: 332px;
    display: flex;
    align-items: start;
    gap: 16px;
    padding: 16px;
    margin-top: 32px;
    border-radius: 12px;
    background-color: #f4f5f8;
}

@media screen and (min-width: 1440px) {
    .specoffer-banner {
        max-width: 33.2rem;
    }
}

.specoffer-banner svg {
    width: 24px;
    height: 24px;
    fill: #285bf3;
}

@media screen and (min-width: 1440px) {
    .specoffer-banner svg {
        width: 2.4rem;
        height: 2.4rem;
    }
}

.specoffer-banner p {
    color: #323847;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.16px;
}

@media screen and (min-width: 1440px) {
    .specoffer-banner p {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .specoffer-banner.mob-hidden {
        display: none;
    }
}

.specoffer-catalog__catalog {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

@media screen and (min-width: 1440px) {
    .specoffer-catalog__catalog {
        grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
    }
}

@media screen and (max-width: 425px) {
    .specoffer-catalog__catalog {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

.specoffer-header__title {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .specoffer-header__title {
        align-items: center;
    }
}

.specoffer-header__title .products-listing__top-filters {
    display: none;
}

@media screen and (max-width: 768px) {
    .specoffer-header__title .products-listing__top-filters {
        display: flex;
        flex: 0 0 54px;
        height: 54px;
    }

    .specoffer-header__title .products-listing__top-filters svg {
        width: 20px;
        height: 20px;
    }
}

.specoffer-header__title h2 {
    font-size: 24px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .specoffer-header__title h2 {
        font-size: 2.4rem;
    }
}

.specoffer-header__title .title {
    position: absolute;
    right: 0;
    top: -75px;
    border-radius: 12px;
    padding: 10px;
    width: 300px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s linear;
}

.specoffer-header__title-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .specoffer-header__title-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.specoffer-header__title-wrapper button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #768395;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

@media screen and (min-width: 1440px) {
    .specoffer-header__title-wrapper button {
        font-size: 1.4rem;
    }
}

.specoffer-header__title-wrapper button svg {
    flex: 0 0 auto;
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
}

@media screen and (min-width: 1440px) {
    .specoffer-header__title-wrapper button svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .specoffer-header__title-wrapper button.mob-hidden {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .specoffer-header__title-wrapper button.mob-visible {
        display: none;
    }
}

.specoffer-header__title-wrapper .qa__left-btn {
    margin-bottom: 0;
}

.specoffer-filter {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 32px;
}

@media screen and (max-width: 768px) {
    .specoffer-filter {
        display: none;
    }
}

.specoffer-filter__reset {
    font-size: 1.6rem;
}

.specoffer-filter__dropdown {
    position: relative;
    flex: 0 1 400px;
    background-color: #f4f5f8;
    border-radius: 12px;
    color: #323847;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .specoffer-filter__dropdown {
        font-size: 1.6rem;
    }
}

.specoffer-filter__dropdown.active svg {
    transform: rotateX(180deg);
}

.specoffer-filter__dropdown.active .specoffer-filter__body {
    opacity: 1;
    visibility: visible;
}

.specoffer-filter__btn {
    position: relative;
    padding: 12px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    transition: color 0.3s ease;
}

.specoffer-filter__btn.no-categories {
    height: 100%;
    color: #b5b5b5;
}

.specoffer-filter__btn.active {
    color: #285bf3;
}

.specoffer-filter__btn svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    transition: 0.3s linear;
    pointer-events: none;
}

@media screen and (min-width: 1440px) {
    .specoffer-filter__btn svg {
        width: 2.4rem;
        height: 2.4rem;
    }
}

@media (any-hover: hover) {
    .specoffer-filter__btn:hover {
        color: #285bf3;
    }
}

.specoffer-filter__btn::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.specoffer-filter__body {
    position: absolute;
    z-index: 2;
    left: 0;
    top: calc(100% + 10px);
    width: 100%;
    border-radius: 12px;
    background-color: #f4f5f8;
    padding: 12px 16px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s linear;
    max-height: 320px;
    overflow-y: scroll;
}

.specoffer-filter__body::-webkit-scrollbar {
    width: 5px;
}

.specoffer-filter__body::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: #285bf3;
    border-radius: 40px;
}

.specoffer-filter__body-item {
    padding: 11px 12px;
    margin: 0 -12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.specoffer-filter__body-item.active {
    color: #285bf3;
}

@media (any-hover: hover) {
    .specoffer-filter__body-item:hover {
        background-color: rgba(255, 255, 255, 0.689);
        color: #285bf3;
    }
}

.specoffer-filter__body-item a {
    height: 100%;
    width: 100%;
    display: block;
}

.pricelist-hero .specoffer-banner {
    max-width: initial;
}

.pricelist .services-banners__banner {
    margin-top: 16px;
}

.pricelist .services-banners__banner.attention p {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .pricelist .services-banners__banner.calculate picture img {
        width: 180px;
        right: -50px;
    }
}

.pricelist .specoffer-catalog {
    background-color: #f4f5f8;
    padding: 48px 36px;
}

@media screen and (max-width: 768px) {
    .pricelist .specoffer-catalog {
        padding: 48px 0;
    }
}

.pricelist .specoffer-catalog__header {
    border-radius: 20px;
    padding: 24px;
    background-color: #fff;
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .pricelist .specoffer-catalog__header {
        padding: 0;
        background-color: initial;
    }
}

@media screen and (max-width: 768px) {
    .pricelist .specoffer-header__title {
        display: none;
    }
}

.pricelist .specoffer-filter {
    gap: 16px;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .pricelist .specoffer-filter {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .pricelist .specoffer-filter .specoffer-filter__dropdown {
        background-color: #fff;
        border-radius: 32px;
        border: 1px solid var(--gray-100, #e5e8f1);
    }

    .pricelist .specoffer-filter .specoffer-filter__dropdown .specoffer-filter__btn {
        padding: 16px 24px;
    }

    .pricelist .specoffer-filter .specoffer-filter__dropdown:not(:first-child) {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .pricelist .specoffer-filter__dropdown {
        flex: 1 0 auto;
    }
}

.pricelist .products-listing__top-filters {
    width: 52px;
    height: 52px;
    display: none;
}

.pricelist .products-listing__top-filters svg {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 768px) {
    .pricelist .products-listing__top-filters {
        display: flex;
    }
}

.pricelist .specoffer-filter__body {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4274509804);
}

.pricelist .products-listing__top-sorting {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    opacity: 0;
    pointer-events: none;
    display: none;
}

@media screen and (max-width: 768px) {
    .pricelist .products-listing__top-sorting {
        display: block;
        z-index: 3;
        pointer-events: auto;
    }
}

.pricelist .section-menu__list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    transition: 0.3s ease;
}

.pricelist .section-menu__list-item svg {
    opacity: 0;
    width: 40px;
    height: 40px;
    fill: #285bf3;
    transition: 0.3s ease;
}

.pricelist .section-menu__list-item.active {
    color: #285bf3;
}

.pricelist .section-menu__list-item.active svg {
    opacity: 1;
}

.pricelist .pricelist-banners__banner.calculate button {
    padding: 18px 32px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.25;
    background-color: #285bf3;
    border-radius: 40px;
}

.pricelist-block {
    border-radius: 20px;
    background-color: #fff;
    padding: 0 24px;
}

@media screen and (max-width: 768px) {
    .pricelist-block {
        padding: 0;
        background-color: transparent;
        border-radius: initial;
    }
}

.pricelist-block__header {
    display: flex;
    padding: 20px 0 0 0;
}

@media screen and (max-width: 768px) {
    .pricelist-block__header {
        display: none;
    }
}

.pricelist-block__header-item {
    color: #768395;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

@media screen and (min-width: 1440px) {
    .pricelist-block__header-item {
        font-size: 1.4rem;
    }
}

.pricelist-block__list-item {
    display: flex;
}

@media screen and (max-width: 768px) {
    .pricelist-block__list-item {
        display: block;
        padding: 20px 16px;
        border-radius: 20px;
        background-color: #fff;
    }

    .pricelist-block__list-item:not(:last-child) {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 768px) {
    .pricelist-block__list-item:not(:last-child) {
        border-bottom: 1px solid #e5e8f1;
    }
}

.pricelist-block__list-row {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .pricelist-block__list-row:not(.column-1) {
        justify-content: space-between;
        gap: 10px;
        align-items: center;
    }

    .pricelist-block__list-row:has(.column-4) {
        flex-wrap: wrap;
    }

    .pricelist-block__list-row:has(.column-4) button {
        margin-top: 24px;
        text-align: center;
        justify-content: center;
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .pricelist-block__list-row:not(.column-1) {
        flex-wrap: wrap;
    }
}

.pricelist-block__list-row svg {
    width: 20px;
    height: 20px;
    fill: #285bf3;
}

@media screen and (min-width: 1440px) {
    .pricelist-block__list-row svg {
        width: 2rem;
        height: 2rem;
    }
}

.pricelist-block__list-row span {
    font-size: 18px;
    letter-spacing: 0.18px;
}

@media screen and (min-width: 1440px) {
    .pricelist-block__list-row span {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 992px) {
    .pricelist-block__list-row span {
        font-size: 15px;
    }
}

.pricelist-block__list-row.column-1 {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .pricelist-block__list-row.column-1 {
        border-bottom: 1px solid #e5e8f1;
    }
}

.pricelist-block__list-row.column-2, .pricelist-block__list-row.column-3, .pricelist-block__list-row.column-4 {
    padding-left: 0;
}

.pricelist-block__list-row.column-4 {
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .pricelist-block__list-row .pricelist-block__header-item {
        display: none;
    }
}

.pricelist-block__list-item-button {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 11px 24px;
    color: #285bf3;
    text-align: center;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
    border: 1px solid #285bf3;
    border-radius: 40px;
}

@media screen and (min-width: 1440px) {
    .pricelist-block__list-item-button {
        font-size: 1.4rem;
    }
}

.pricelist-block__list-item-button svg {
    fill: currentColor;
    width: 16px;
    height: 16px;
    align-self: flex-start;
}

@media screen and (min-width: 1440px) {
    .pricelist-block__list-item-button svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

.column-1 {
    width: 37.3rem;
}

.column-2 {
    width: 25.4rem;
}

.column-3 {
    width: 25.4rem;
}

.column-4 {
    width: 41.5rem;
}

@media screen and (max-width: 768px) {
    .column-1,
    .column-2,
    .column-3,
    .column-4 {
        width: initial;
    }
}

.warranty-info {
    padding-left: 24px;
}

@media screen and (max-width: 768px) {
    .warranty-info {
        padding-left: 0;
    }
}

.warranty-info__text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #323847;
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .warranty-info__text {
        margin-bottom: 32px;
    }
}

.warranty-info__text p:not(:last-child) {
    margin-bottom: 15px;
}

.warranty-info__img {
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .warranty-info__img {
        margin-bottom: 32px;
    }
}

.warranty-info-banner {
    cursor: pointer;
    transition: 0.3s linear;
}

@media (any-hover: hover) {
    .warranty-info-banner:hover {
        transform: scale(1.02);
    }
}

.warranty-info-banner .vacancy-info__banner-title {
    font-size: 32px;
}

@media screen and (max-width: 600px) {
    .warranty-info-banner .vacancy-info__banner-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 600px) {
    .warranty-info-banner .vacancy-info__banner-subtitle {
        font-size: 16px;
    }
}

.warranty-info-banner__btn {
    padding: 18px 32px;
    text-align: center;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    display: inline-block;
}

@media screen and (max-width: 600px) {
    .warranty-info-banner__btn {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .warranty-info-banner .vacancy-info__banner-ico {
        display: none;
    }
}

.control .brands-hero__left {
    max-width: 705px;
}

@media screen and (min-width: 1440px) {
    .control .brands-hero__left {
        max-width: 70.5rem;
    }
}

.control .vacancy-info__list {
    margin-bottom: 16px;
}

.control .vacancy-info__list-item {
    font-size: 20px;
}

@media screen and (min-width: 1440px) {
    .control .vacancy-info__list-item {
        font-size: 2rem;
    }
}

.control .text-wrapper {
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .control .text-wrapper {
        margin-bottom: 32px;
    }
}

.control-info-par {
    font-size: 20px;
    color: #323847;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.2px;
    margin-bottom: 16px;
}

@media screen and (min-width: 1440px) {
    .control-info-par {
        font-size: 2rem;
    }
}

.margin-none {
    margin-bottom: 0;
}

.claim .request__right-form__input-container {
    position: relative;
}

.claim .request__right-form__input-container .chevron {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 24px;
    height: 24px;
    fill: #1a1f2b;
}

.claim-info {
    background-color: #fff;
    padding: 32px;
    border-radius: 20px;
    flex: 1 1 100%;
}

@media screen and (max-width: 768px) {
    .claim-info {
        padding: 24px 16px;
    }
}

.claim-form__body {
    display: flex;
    gap: 4.8rem;
}

.claim-form__top {
    margin-bottom: 32px;
}

.claim-form__top h2 {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .claim-form__top h2 {
        font-size: 2.4rem;
    }
}

.claim-form .claim-form__title {
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .claim-form .claim-form__title {
        font-size: 1.8rem;
    }
}

.claim-form__submit-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.claim-form__inputs-wrap:not(:last-child) {
    border-bottom: 1px solid #e5e8f1;
    padding-bottom: 20px;
    margin: 0px 0px 32px 0px;
}

.claim-form .request__right-form__file-btn span {
    color: #285bf3;
}

.claim-form .cart-form__files {
    margin-bottom: 0;
    margin-top: 20px;
}

.claim-form .request__right-form__formats {
    color: #768395;
    margin-bottom: 32px;
    margin-left: 0;
}

.claim-form .cart-form__submit {
    width: initial;
    flex: 0 0 auto;
    margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 500px) {
    .claim-form .cart-form__submit {
        width: 100%;
    }
}

.claim-form .request__right-form__policy {
    font-size: 14px;
    text-align: left;
    color: #01050f;
    max-width: 500px;
    line-height: 1.2;
    display: flex;
    gap: 10px;
}

@media screen and (min-width: 1440px) {
    .claim-form .request__right-form__policy {
        font-size: 1.4rem;
    }
}

.claim-form .request__right-form__policy a {
    color: #285bf3;
}

@media screen and (max-width: 500px) {
    .claim-form .request__right-form__policy {
        text-align: center;
    }
}

.claim-form__right-mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .claim-form__right-mobile {
        display: block;
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #e5e8f1;
    }
}

.claim-form__left {
    flex: 1 0 auto;
}

.claim-form__right {
    flex: 0 1 350px;
}

.claim-form__right .filter-label {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.claim-form__right .filter-label__checkbox {
    flex: 0 0 20px;
    height: 20px;
    position: relative;
    transform: none;
}

.claim-form__right .filter-label__checkbox::after {
    width: 16px;
    height: 16px;
}

@media screen and (min-width: 1440px) {
    .claim-form__right .filter-label__checkbox {
        font-size: 2rem;
    }
}

.claim-form__right .filter-label__span {
    font-size: 20px;
    line-height: 1.25;
}

@media screen and (min-width: 1440px) {
    .claim-form__right .filter-label__span {
        font-size: 2rem;
    }
}

.claim-checkbox__item {
    padding: 8px 0;
}

.claim-checkbox .filter-label__span {
    font-size: 16px;
}

.faq-info {
    flex: 1 1 100%;
    padding-left: 24px;
}

@media screen and (max-width: 768px) {
    .faq-info {
        padding-left: 0;
    }
}

.faq-info__title {
    font-family: Vela Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
    margin-bottom: 32px;
}

@media screen and (min-width: 1440px) {
    .faq-info__title {
        font-size: 3.2rem;
    }
}

.faq-info .qa__right {
    width: initial;
    margin-bottom: 48px;
}

.faq-banner {
    overflow: hidden;
    position: relative;
    padding: 32px;
    border-radius: 20px;
    background-color: #fff;
}

@media (any-hover: hover) {
    .faq-banner:hover .faq-banner__img {
        transform: scale(1.05) translateY(-50%);
    }
}

@media screen and (max-width: 768px) {
    .faq-banner {
        padding: 24px 16px;
    }
}

.faq-banner__left {
    max-width: 53.7rem;
}

@media screen and (max-width: 600px) {
    .faq-banner__left {
        max-width: initial;
    }
}

.faq-banner__title {
    font-family: Vela Sans;
    font-size: 32px;
    position: relative;
    z-index: 2;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: 12px;
}

@media screen and (min-width: 1440px) {
    .faq-banner__title {
        font-size: 3.2rem;
    }
}

.faq-banner__subtitle {
    font-size: 20px;
    position: relative;
    z-index: 2;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1440px) {
    .faq-banner__subtitle {
        font-size: 2rem;
    }
}

.faq-banner__btn {
    margin-bottom: 48px;
}

.faq-banner__btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 768px) {
    .faq-banner__btn {
        margin-bottom: 32px;
    }
}

.faq-banner__list {
    flex-wrap: wrap;
    gap: 15px;
}

.faq-banner__img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: initial;
    max-width: 100%;
    transition: 0.3s linear;
}

@media screen and (max-width: 1024px) {
    .faq-banner__img {
        right: -20px;
    }
}

@media screen and (max-width: 768px) {
    .faq-banner__img {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .faq-banner__img {
        opacity: 0.7;
    }
}

.faq-qa .popup__body {
    max-height: initial;
    height: 100%;
    border-radius: 0;
}

.mobile-menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0;
    padding-top: 20px;
    background-color: #fff;
    color: #4d5057;
    transition: transform 0.2s ease-in-out;
    transform: translateY(120%);
}

.mobile-menu.active {
    transform: none;
}

.mobile-menu .header__catalog-mobile__top {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.mobile-menu .header__catalog-mobile__top .location-ico {
    padding: 10px;
    background-color: #f5f6f8;
    border-radius: 100%;
}

.mobile-menu .header__catalog-mobile__top .location-ico svg {
    width: 20px;
    height: 20px;
    fill: #285bf3;
}

.mobile-menu__body {
    max-height: 100%;
    padding: 0px 16px;
    height: 100vh;
}

.mobile-menu__list-wrapper {
    overflow-y: auto;
    max-height: calc(100dvh - 27rem);
    padding-bottom: 16px;
}

.mobile-menu__item {
    padding: 12px 12px 12px 0;
    font-size: 16px;
    line-height: 125%; /* 20px */
}

.mobile-menu__link--contacts {
    display: block;
    padding-bottom: 16px;
    margin-bottom: 23px;
    border-bottom: 1px solid #e5e8f1;
}

.mobile-menu__dropdown-btn {
    color: #01050f;
    display: flex;
    justify-content: space-between;
}

.mobile-menu__dropdown-btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.mobile-menu__dropdown-btn.active svg {
    transform: rotateZ(180deg);
}

.mobile-menu__sublist {
    padding: 16px 0 0 16px;
    display: none;
}

.mobile-menu__sublist li {
    padding: 10px 10px 10px 0;
}

.mobile-menu__sublist a {
    font-size: 14px;
}

.mobile-menu__sublist.active {
    display: block;
}

.mobile-menu__schedule {
    padding: 16px;
    border-radius: 12px;
    background-color: #f4f5f8;
}

.mobile-menu__schedule-title {
    color: #768395;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.12px;
    margin-bottom: 8px;
}

.mobile-menu__schedule-body {
    display: flex;
    gap: 10;
    justify-content: space-between;
    color: #01050f;
    font-size: 16px;
    line-height: 1.25;
}

.item-contacts {
    color: #01050f;
}

.item-contacts__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 28px;
}

.item-contacts__item {
    flex: 0 0 46%;
}

.item-contacts__item a {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0.16px;
}

.item-contacts__title {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.12px;
    margin-bottom: 4px;
}

.item-contacts__item-soc {
    display: flex;
    gap: 8px;
}

.item-contacts__item-soc a {
    display: inline-block;
    padding: 10px;
    background-color: #f4f5f8;
    border-radius: 100%;
}

.item-contacts__item-soc svg {
    width: 20px;
    height: 20px;
    fill: #285bf3;
}

.item-contacts__callback {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 11px 24px;
    border-radius: 40px;
    border: 1px solid #285bf3;
    background-color: rgba(255, 255, 255, 0);
    color: var(--interface-blue-default-blue-500, #285bf3);
    text-align: center;
    text-align: center;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.14px;
}

.item-contacts__callback svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.sitemap-body {
    column-count: 3;
}

.sitemap-body a {
    font-size: 2rem;
    color: #323847;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.2px;
}

.sitemap-body ul {
    padding-bottom: 1rem;
}

.sitemap-body ul li {
    list-style: disc;
}

.sitemap-body ul li::marker {
    color: #5580ff;
    font-size: 18px;
}

.sitemap-body ul li:last-child {
    padding-bottom: 1rem;
}

.sitemap-body ul ul {
    padding-left: 2rem;
}

.search-page .heading1 {
    font-size: 6rem;
    line-height: 6rem;
}

.search-page .brands-hero__left {
    margin-bottom: 5rem;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.hidden {
    visibility: hidden;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

html.lock {
    overflow: hidden;
}

main {
    position: relative;
}

body.lock {
    overflow: hidden;
}

body.dark::after {
    opacity: 1;
    visibility: visible;
}

body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 5, 15, 0.8);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.disabled {
    display: none !important;
}

@media (min-width: 48.01em) {
    .mobile {
        display: none !important;
    }
}

@media (max-width: 48em) {
    .desktop {
        display: none !important;
    }
}

.btn-hover__blue {
    transition: 0.3s ease;
}

@media (hover) {
    .btn-hover__blue:hover {
        background-color: #5580ff;
    }
}

.btn-hover__transp {
    transition: 0.3s ease;
}

@media (hover) {
    .btn-hover__transp:hover {
        border-color: #5580ff;
        color: #5580ff;
    }
}

.text-hover__blue {
    transition: 0.3s ease;
}

@media (hover) {
    .text-hover__blue:hover {
        color: #5580ff;
    }
}

.request__right-form__input-container .dropdown-body {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    transform: scale(0.9);
    font-size: 16px;
    line-height: 1.25;
    background-color: #fff;
    padding: 8px 0;
    max-width: 496px;
    border-radius: 16px;
    box-shadow: 0px 10px 19px 0px rgba(10, 20, 52, 0.08), 0px 0px 10px 0px rgba(10, 20, 52, 0.07);
    max-height: 50vh;
    overflow-y: auto;
}

.request__right-form__input-container .dropdown-body.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.request__right-form__input-container .dropdown-body li {
    position: relative;
    cursor: pointer;
    padding: 14px 20px;
    transition: 0.3s ease;
}

.request__right-form__input-container .dropdown-body li.active {
    color: #285bf3;
}

@media (hover) {
    .request__right-form__input-container .dropdown-body li:hover {
        color: #285bf3;
    }
}

.request__right-form__input-container .dropdown-body li .arrow {
    pointer-events: none;
}

.request__right-form__input-container .dropdown-body li svg {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.request__right-form__input-container .dropdown-body li svg use {
    fill: #285bf3;
}

.request__right-form__input-container.active .request__right-form__input {
    border: 1px solid #285bf3;
    border-radius: 1.2rem;
}

.hovered {
    transition: 0.3s ease;
}

@media (hover) {
    .hovered:hover {
        opacity: 0.7;
    }
}

.bottom-menu {
    position: fixed;
    z-index: 2;
    bottom: 27px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px;
    border-radius: 104px;
    background: #fff;
    box-shadow: 0 0.91319px 2.21381px 0 rgba(55, 55, 65, 0.02), 0 2.19453px 5.32008px 0 rgba(55, 55, 65, 0.03), 0 4.13211px 10.01724px 0 rgba(55, 55, 65, 0.04), 0 7.37098px 17.86905px 0 rgba(55, 55, 65, 0.04), 0 13.78661px 33.42209px 0 rgba(55, 55, 65, 0.05), 0 33px 80px 0 rgba(55, 55, 65, 0.07);
}

@media screen and (max-width: 768px) {
    .bottom-menu {
        display: none;
    }
}

.bottom-menu__list {
    display: flex;
}

.bottom-menu__link {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: 1.25;
    padding: 12px 20px;
    transition: 0.3s;
    white-space: nowrap;
}

.bottom-menu__link.active {
    color: #285bf3;
    border-radius: 88px;
    background-color: #ecf0ff;
}

.information__container {
    display: flex;
    gap: 16px;
}

.information__container .sections__aside-wrapper {
    flex: 0 0 32rem;
}

.information__container .sections__aside-title {
    font-size: 16px;
}

@media screen and (max-width: 1024px) {
    .information__container .sections__aside-title {
        font-size: 14px;
    }
}

.information__container .sections__aside-link {
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .information__container .sections__aside-link {
        font-size: 16px;
    }
}

.information h2 {
    font-family: Vela Sans;
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.information h3 {
    font-family: Vela Sans;
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.information .brands-hero__left {
    max-width: 717px;
}

@media screen and (min-width: 1440px) {
    .information .brands-hero__left {
        max-width: 71.7rem;
    }
}

.information-body {
    padding: 48px 36px;
    background-color: #f4f5f8;
}

@media screen and (max-width: 768px) {
    .information-body {
        padding: 32px 0;
    }
}

.information-body__description p, .information-body__description li {
    font-size: 20px;
    color: #323847;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.2px;
}

@media (max-width: 767px) {
    .information-body__description p, .information-body__description li {
        font-size: 16px;
    }
}

@media screen and (min-width: 1440px) {
    .information-body__description p, .information-body__description li {
        font-size: 2rem;
    }
}

.information-body__description p {
    margin-bottom: 16px;
}

.information-body__description ul {
    margin-bottom: 16px;
}

.information-body__description li {
    position: relative;
    padding-left: 28px;
}

.information-body__description li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #285bf3;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.information-body__description h2, .information-body__description h3 {
    font-family: Vela Sans;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.information-body__description h2 {
    font-size: 3.2rem;
}

.information-body__description h3 {
    font-size: 2.8rem;
}

@media (max-width: 767px) {
    .information-body__description h3 {
        font-size: 24px;
    }
}

input[type=text], input[type=tel], input[type=password], input[type=email], textarea {
    cursor: text;
}

blockquote {
    padding: 28px;
    display: flex;
    gap: 16px;
    font-size: 1.7rem;
    line-height: 1.5;
    letter-spacing: 0.2px;
    background-color: #f4f5f8;
    border-radius: 20px;
    margin: 15px 0;
    position: relative;
}

blockquote:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23285BF3' fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm10-4a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Zm1 3a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    top: 4px;
    position: relative;
}

@media (max-width: 767px) {
    blockquote {
        font-size: 3rem;
    }
}

.menu-spinner {
    position: absolute;
    width: 80px;
    right: -9px;
}

.choiceBlock svg {
    width: 37px;
}

.employee-feedback {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.employee-feedback__form {
    padding: 75px 75px 45px;
    background: #FFF;
    position: relative;
}

.choiceBlock {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.choiceBlock .choice {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d5dfe9;
    font-size: 2.2rem;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 0 50%;
    padding: 15px;
}

.choiceBlock .choice.active {
    background-color: #285bf3;
    color: white;
}

.choiceBlock .choice.active svg {
    fill: white;
}

.choiceBlock .choice.warning {
    border-color: red;
}

.employee-feedback .text {
    margin-bottom: 30px;
    font-size: 2rem;
    line-height: 24px;
}

.employee-feedback textarea {
    border-radius: 2px;
    padding: 5px;
    border: 1px solid #d5dfe9;
    background: #f5f5f5;
    font-size: 1.8rem;
    margin-bottom: 30px;
    resize: none;
    outline: none;
    width: 100%;
}

.employee-feedback .blueButton {
    border-radius: 2px;
    cursor: pointer;
    width: 182px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #FFF;
    background: #285bf3;
    border: 1px solid #d5dfe9;
    margin: 0 auto;
    font-size: 1.9rem;
}

@media (max-width: 767px) {
    .choiceBlock {
        flex-wrap: wrap;
    }

    .choiceBlock .choice {
        flex: 0 0 100%;
    }

    .employee-feedback .blueButton {
        width: 100%;
        height: 35px;
        line-height: 35px;
    }

    .employee-feedback__form {
        padding: 35px 35px 25px;
    }

    .choiceBlock, .employee-feedback textarea, .employee-feedback .text {
        margin-bottom: 10px;
    }

    .employee-feedback .text {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {

    .choiceBlock {
        gap: 10px;
    }

    .choiceBlock .choice {
        height: 60px;
    }

    .employee-feedback {
        padding: 0;
    }

    .employee-feedback .text {
        line-height: 2rem;
    }
}

#recaptcha-badge {
    visibility: hidden;
}

.clear-filters {
    color: #285bf3;
    font-size: 1.5rem;
    margin-left: 2rem;
}

.table-responsive {
    overflow-x: auto;
    max-width: 100%;
}