/* Mulish | Designed by Vernon Adams, Cyreal, Jacques Le Bailly | SIL Open Font License, Version 1.1. https://github.com/google../fonts/Mulish/blob/main/OFL.txt */

@font-face {
    font-family: "Mulish";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-ExtraLight.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 200;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 300;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-LightItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-Italic.woff2") format("woff2");
}

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

@font-face {
    font-family: "Mulish";
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-MediumItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 600;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-BoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 800;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Mulish/Mulish-Black.woff2") format("woff2");
}

@font-face {
    font-family: "Mulish";
    font-weight: 900;
    font-style: italic;
    src: url("../fonts/Mulish/Mulish-BlackItalic.woff2") format("woff2");
}


/* Bebas Neue | Designed by Ryoichi Tsunekawa | Open Font License https://github.com/dharmatype/Bebas-Neue/blob/master/OFL.txt */

@font-face {
    font-family: "Bebas Neue";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/BebasNeue/BebasNeue-Regular.woff2") format("woff2");
}

:root {
    --global-card-line-height: 1.5;
    --color-freezing-vapor: hsl(204 60 89);
    --color-grim-purple: hsl(266 79 30);
    --color-purplish-blue: hsl(250 89 61);
    --color-office-neon-light: hsl(336 100 58);
    --color-fibonacci-blue: hsl(232 72 19);
    --gradient-default: linear-gradient(hsl(215 100 38), hsl(250 89 61), hsl(336 100 58));
}

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

html,
body {
    height: 100%;
}

body {
    position: relative;
    min-width: 320px;
    font-family: "Mulish", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: normal;
    color: #1A2432;
    background-color: #FFFFFF;
    /* display: flex; */
    flex-direction: column;
}

.hidden {
    display: none !important;
}

.body-mobile-menu-opened {
    overflow: hidden;
}

@media (min-width: 1230px) {
    .body-mobile-menu-opened {
        overflow: initial;
    }
}

.body-modal-opened {
    overflow: hidden !important;
}

h1, .h1 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    color: #1A2432;
    text-align: left;
    margin: 0 0 30px 0;
    padding: 0;
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 38px;
    }
}

h2, .h2 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    color: #1A2432;
    text-align: left;
    margin: 0 0 30px 0;
    padding: 0;
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 38px;
    }
}

h3 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 600;
    color: #1A2432;
    margin: 0 0 16px 0;
    padding: 0;
}

p {
    margin: 0;
}

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

ul li {
    margin: 0;
    padding: 0;
}

a {
    color: #6042F4;
    text-decoration: underline;
}

a:hover {
    color: #FF277F;
    text-decoration: none;
}

a:active {
    color: #FF277F;
    text-decoration: none;
}

.common-ul {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}

.common-ul__item {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    margin: 0 0 6px 0;
    padding: 0 0 0 22px;
    background-position: left 0 top 4px;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .common-ul__item {
        margin: 0 0 10px 0;
        background-position: left 0 top 6px;
        font-size: 18px;
    }
}

.common-ul__item_style_1 {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGZpbHRlciBpZD0iYSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGhlaWdodD0iMTUuNSIgd2lkdGg9IjE1LjUiIHg9Ii43NSIgeT0iLjc1Ij48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgbW9kZT0ibm9ybWFsIiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMDA4XzEyODA4IiBzdGREZXZpYXRpb249Ii41Ii8+PC9maWx0ZXI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjYuNSIgc3Ryb2tlPSIjMDA0ZmMxIiBzdHJva2Utd2lkdGg9Ii41Ii8+PC9nPjxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgZmlsbD0iIzAwNGZjMSIgcj0iNC41Ii8+PC9zdmc+");
}

.common-ul__item_style_2 {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGZpbHRlciBpZD0iYSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGhlaWdodD0iMTUuNSIgd2lkdGg9IjE1LjUiIHg9Ii43NSIgeT0iLjc1Ij48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgbW9kZT0ibm9ybWFsIiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMDA4XzEyODA4IiBzdGREZXZpYXRpb249Ii41Ii8+PC9maWx0ZXI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjYuNSIgc3Ryb2tlPSIjZmYyNzdmIiBzdHJva2Utd2lkdGg9Ii41Ii8+PC9nPjxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgZmlsbD0iI2ZmMjc3ZiIgcj0iNC41Ii8+PC9zdmc+");
}

.common-ul__item_font-size_1 {
    font-size: 18px;
    background-position: left 0 top 4px;
}

.common-ul__item_font-size_2 {
    font-size: 16px;
    background-position: left 0 top 2px;
}

.common-ul__item_font-size_3 {
    font-size: 14px;
    background-position: left 0 top 1px;
}

.common-ul-2 {
    list-style-type: disc;
    list-style-position: inside;

    & > li:not(:first-child) {
        margin-top: 8px;
    }
}

.common-ul-3 {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 0;

    & > li:not(:first-child) {
        margin-top: 8px;
    }
}

.text-nowrap {
    white-space: nowrap;
}

.section-margins {
    margin-top: 60px;

    @media (min-width: 768px) {
        margin-top: 80px;
    }

    @media (min-width: 1230px) {
        margin-top: 100px;
    }
}
.section-margins-half,
.info + .info {
    margin-top: 30px;

    @media (min-width: 768px) {
        margin-top: 40px;
    }

    @media (min-width: 1230px) {
        margin-top: 50px;
    }
}
.section-margins-one-and-half {
    margin-top: 90px;

    @media (min-width: 768px) {
        margin-top: 120px;
    }

    @media (min-width: 1230px) {
        margin-top: 150px;
    }
}
.section-margins-both {
    margin-block: 60px;

    @media (min-width: 768px) {
        margin-block: 80px;
    }

    @media (min-width: 1230px) {
        margin-block: 100px;
    }
}

.more {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 40px;
}

.more__element {
    flex: 0 0 auto;
}

.common-input {
    width: 100%;
    height: 60px;
    padding: 0 40px 0 40px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #1A2432;
    border-radius: 5px;
    border: 1px solid #405A7E;
    background: transparent;
}

.common-input::-webkit-input-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-input::-moz-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-input:-moz-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-input:-ms-input-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-input:focus {
    outline: 0;
    background: transparent !important;
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
    border: 1px solid #405A7E;
}

.common-input:disabled {
    opacity: 0.5;
}

.common-file-wrapper {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 20px 40px 0 40px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #1A2432;
    border-radius: 5px;
    border: 1px solid #405A7E;
    background: transparent;
}

.common-file-wrapper__text {
    padding: 0;
    color: #FF277F;
}

.common-file-wrapper__image {
    position: absolute;
    margin: auto 0;
    right: 40px;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 20px;
    height: 20px;

    & > :is(img, svg) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.common-file-wrapper__image svg {
    display: block;
    fill: #405A7E;
}

.common-file-wrapper__image_important svg {
    fill: #FF277F;
}

.common-file-wrapper_important {
    border: 1px solid #FF277F;

    &:has(.files-selected) {
        background-color: #FF277F;

        & .common-file-wrapper__text {
            color: #fff;
        }
        & .common-file-wrapper__image > svg {
            fill: #fff;
        }
    }
}

.common-file {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 60px;
    border: 0;
    left: 0;
    top: 0;
    z-index: 10;
}

.common-textarea {
    width: 100%;
    height: 100px;
    resize: none;
    padding: 20px 40px 0 40px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #1A2432;
    border-radius: 5px;
    border: 1px solid #405A7E;
    background: transparent;
}

.common-textarea::-webkit-input-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-textarea::-moz-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-textarea:-moz-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-textarea:-ms-input-placeholder {
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
}

.common-textarea:focus {
    outline: 0;
    background: transparent !important;
    font-weight: 600;
    color: #1A2432;
    opacity: 1;
    border: 1px solid #405A7E;
}

.common-textarea:disabled {
    opacity: 0.5;
}

.common-textarea_height_1 {
    height: 124px;
}

.common-textarea_height_2 {
    height: 124px;
}

@media (min-width: 1026px) {
    .common-textarea_height_2 {
        height: 100%;
    }
}

.common-button {
    display: table;
    height: 60px;
    padding: 0 40px 0 40px;
    margin: 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.07em;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.common-button:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.common-button:active {
    color: #FFFFFF;
    text-decoration: none;
}

@media (min-width: 768px) {
    .common-button {
        font-size: 16px;
    }
}

.common-button__text {
    flex: 0 0 auto;
    padding: 20px 32px 0 0;
    min-height: 22px;
}

.common-button__text_icon_1 {
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjIgMjAiIHdpZHRoPSIyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAuNTg4MS41NzQxNzEtMjAuMTIwNzY2IDguMDM3ODY5Yy0uNjUxNzE1LjI2MDM4LS42MTIyMzMgMS4yMTkwOS4wNTg2MjkgMS40MjIxNmw1LjExMjkwNyAxLjU0NzcgMS45MDgxMyA2LjIwNjljLjE5OTMzLjY0ODMgMS4wMDA3OC44NDQ5IDEuNDY0NzMuMzU5M2wyLjY0MzQ3LTIuNzY3IDUuMTg2OCAzLjkwMjljLjYzNDguNDc3NiAxLjUzODguMTIyNyAxLjY5OTktLjY2NzNsMy40MzUzLTE2LjgzNjYzYy4xNjgyLS44MjQ3MTMtLjYyMzMtMS41MTE4MjMtMS4zODkxLTEuMjA1ODk5em0tMi41MjI2IDMuNzM2NDY5LTkuMzQ1OTkgOC40NzIzNmMtLjA5MzE2LjA4NDQtLjE1MjQ1LjIwMTMtLjE2NjMxLjMyOGwtLjM1OTgzIDMuMjc5MWMtLjAxMTc1LjEwNjktLjE1NzczLjEyMTEtLjE4ODg5LjAxODNsLTEuNDgwNDQtNC44OTAyYy0uMDY3ODEtLjIyMzkuMDIwNi0uNDY2NS4yMTQ5MS0uNTlsMTEuMDM2NjUtNy4wMTcwMmMuMjUzOC0uMTYxNDkuNTEzNi4xOTY2OC4yODk5LjM5OTQ2eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==") no-repeat right 0 center;
}

.common-button_link {
    padding: 20px 40px 0 40px;
    text-align: center;
}

.common-button_width_100percent {
    width: 100%;
}

.common-button_width_mobile-100percent {
    width: 100%;
}

@media (min-width: 576px) {
    .common-button_width_mobile-100percent {
        width: initial;
    }
}

.common-button_with-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.common-button_background-color_1 {
    background: #FF277F;
}

.common-button_background-color_1:hover {
    background: #6042F4;
    box-shadow: 0px 20px 30px rgba(69, 50, 160, 0.5);
}

.common-button_background-color_1:active {
    background: #6042F4;
    box-shadow: 0px 20px 30px rgba(69, 50, 160, 0.5);
}

.common-button_background-color_2 {
    background: #6042F4;
}

.common-button_background-color_2:hover {
    background: #FF277F;
    box-shadow: 0px 20px 30px rgba(255, 39, 127, 0.5);
}

.common-button_background-color_2:active {
    background: #FF277F;
    box-shadow: 0px 20px 30px rgba(255, 39, 127, 0.5);
}

@media (min-width: 1026px) {
    .common-button_small-on-tablet {
        height: 36px;
        padding: 0 20px 0 20px;
        font-size: 12px;
    }
}

.common-small-button {
    display: table;
    height: 36px;
    padding: 0 20px 0 20px;
    margin: 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
}

.common-small-button:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.common-small-button:active {
    color: #FFFFFF;
    text-decoration: none;
}

.common-small-button__text {
    flex: 0 0 auto;
    padding: 10px 20px 0 0;
    min-height: 22px;
}

.common-small-button__text_icon_download {
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTUuOTk5OTk5IDE1IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuOTk5OTk4Ij48cGF0aCBkPSJtNi41NzgxMDg5LjIyODU0OWMuMTM3NTA0Ni0uMDQzNzU4LjQwMzEyNTYtLjExNTY0Ni41OTM3NTA0LS4xNTMxNTMyLjI1OTM4MjItLjA1NjI2MDMuNDU2MjU1OC0uMDcxODg4MTQuNzk2ODczLS4wNzUwMTM3MS4zNDA2MjcxLS4wMDMxMjU1Ny41NDA2MzAyLjAxMjUwMjMxLjc5Njg3MjkuMDYyNTExNDEuMTkwNjI0OC4wMzc1MDY1LjQ3MTg4MjkuMTA2MjY5NS42MjUwMDQ2LjE1OTQwNDUuMTU2MjgxMi4wNTAwMDkuNDAwMDM2Mi4xNDY5MDIuNTQ2OTA5Mi4yMTU2NjQuMTQ2ODczLjA2ODc2My40MDYyMjUuMjE4NzkuNTc4MDkzLjMzNDQzNi4xOTM3NjQuMTI4MTQ5LjQ0MDYxOS4zMzQ0MzIuNjQzNzgxLjUzNzYwMi4xODExNjcuMTgxMjguNDA2MjI1LjQ0MDcuNTAzMTA4LjU3ODIzLjA5MzY4LjEzNzUyLjIzMTI1Ny4zNTYzMS4yOTk5NDQuNDg0NDYuMDY4NzkuMTI4MTUuMTcxODY4LjM0Njk0LjIyNTA1OS40ODQ0Ni4wNTMwOS4xMzc1My4xMzExNzUuMzg0NDUuMTcxODY4LjU0Njk4LjA0MDU5LjE2MjUzLjA4MTE4LjM2MjU3LjEwOTM4LjU5Mzg2aC4xMzQzNzVjLjA3MTg5IDAgLjI2NTU1MS4wMjE4OC40MjgxMjEuMDQ2ODguMTYyNDcuMDIxODguNDA2MjI1LjA3ODE0LjU0MDYuMTIxOS4xMzEyNzYuMDQ2ODguMzQzNzM3LjEzMTI3LjQ2ODcxNC4xOTM3OC4xMjE4NzcuMDYyNTIuMzIxOTQuMTc4MTYuNDQzODE4LjI1OTQzLjExODY3OC4wNzgxNC4zMzc0MzcuMjYyNTQuNDg0MzEuNDA5NDUuMTQ2ODczLjE0NjkuMzMxMjM5LjM2NTY5LjQwOTQyNS40ODQ0Ni4wODExOC4xMjE5LjE5Mzc2NC4zMTg4MS4yNTYyNTIuNDM3NTguMDU5MzkuMTE4NzcuMTQwNTc1LjMwOTQzLjE3ODA2OC40MjE5NS4wMzc0OS4xMTI1Mi4wOTM3OC4zMzc1Ni4xMjgxNzYuNTAwMDkuMDM3NDkuMTgxMjkuMDU5MzkuNDIxOTYuMDU5MzkuNjE4ODcgMCAuMTg0NDEtLjAyNS40NDY5NS0uMDU5MzkuNjIxOTktLjAzMTI5LjE2ODc4LS4wOTA2OC4zOTY5NC0uMTI4MTc2LjUwOTQ2LS4wMzc0OS4xMTI1Mi0uMTM3NDc1LjMzNzU3LS4yMjE4NTkuNTAwMS0uMDg0MzguMTYyNTMtLjI1NjI1My40MjUwNy0uMzgxMjMuNTc4MjMtLjEyODA3Ni4xNTk0LS4zNDY4MzYuMzc4MTQtLjUwNjIwNy41MDk0NC0uMTg0MzY2LjE0NjktLjQxMjUyNC4yOTA3LS42NTYyNzkuNDEyNi0uMjA2MjYxLjEwMzEtLjQ4NzUxLjIxNTctLjYyNDk4NC4yNS0uMTM3NTc1LjAzNDQtLjM2MjUzMy4wNzgyLS41MDAwMDguMDk2OS0uMTQ5OTcyLjAxODgtLjgxMjU1LjAyODItMS42NzgwOS4wMjE5LTEuMzY4NzQ4LS4wMDk0LTEuNDMxMzM2LS4wMTI1LTEuNTEyNTIxLS4wNzE5LS4wNDM3OS0uMDM0NC0uMTEyNDc5LS4xMDMxLS4xNTAwNzItLjE1LS4wNDk5OS0uMDY4OC0uMDY1NTktLjEzNDQtLjA2NTU5LS4yNzE5cy4wMTU2LS4yMDMyLjA2NTU5LS4yNzE5Yy4wMzc1OS0uMDQ2OS4xMDYyOC0uMTE1Ny4xNTAwNzItLjE1MDEuMDgxMTgtLjA1OTQuMTQ5OTcyLS4wNjI1IDEuNjM3NDk4LS4wODEyNCAxLjMwMzA1OS0uMDEyNSAxLjU4MTIwOC0uMDI1MDEgMS43MjQ5ODEtLjA2NTY0LjA5Mzc4LS4wMjgxMy4yNDk5NTQtLjA4MTI2LjM0MzczNy0uMTE1NjQuMDkzNzgtLjAzNDM4LjI3ODE0OS0uMTMxMjguNDA2MjI1LS4yMTU2Ny4xMjgxNzYtLjA4NDM5LjMxODc0MS0uMjM0NDIuNDE4ODIzLS4zMzc1Ni4xMDMwODEtLjEwMDAyLjI1MzA1My0uMjkwNjguMzM3NDM3LS40MTg4My4wODQzOC0uMTI4MTQuMTgxMjY3LS4zMTI1NS4yMTU2NjEtLjQwNjMyLjAzNDM5LS4wOTM3Ny4wODc0OC0uMjU2My4xMTU1NzgtLjM1OTQ0LjAzNDM5LS4xMjgxNS4wNTMxOS0uMzEyNTYuMDUzMTktLjU3ODIzIDAtLjI2NTY4LS4wMTg4LS40NTAwOC0uMDUzMTktLjU3ODIzLS4wMjgwOTUtLjEwMzE1LS4wODExODUtLjI2NTY4LS4xMTU1NzgtLjM1OTQ0LS4wMzQzOTQtLjA5Mzc3LS4xMzEyNzYtLjI3ODE4LS4yMTU2NjEtLjQwNjMzLS4wODQzODQtLjEyODE1LS4yMzQzNTYtLjMxODgxLS4zMzc0MzctLjQxODgyLS4xMDAwODItLjEwMzE1LS4yOTA2NDctLjI1MzE4LS40MTg4MjMtLjMzNzU3LS4xMjgwNzYtLjA4NDM5LS4zMTI0NDItLjE4MTI4LS40MDYyMjUtLjIxNTY2cy0uMjQ5OTU0LS4wODQzOS0uMzQzNzM3LS4xMTI1MmMtLjEwNjI4LS4wMjgxMy0uMzg3NTI4LS4wNTYyNi0uNzI0OTY2LS4wNjg3Ni0uNDk2OTA4LS4wMTU2My0uNTU5Mzk3LS4wMjUwMS0uNjQwNjgyLS4wODQzOS0uMDQ2ODkxLS4wMzc1MS0uMTEyNDc5LS4xMDAwMi0uMTQzNzczLS4xNDA2NS0uMDQzNjkyLS4wNTYyNi0uMDY1NTg4LS4xNjU2Ni0uMDg3NDg0LS40MTg4My0uMDE1NTk3LS4xOTA2Ni0uMDQ2ODkxLS40NDM4My0uMDcxODg3LS41NjI2LS4wMjQ5OTUtLjExODc4LS4wNzQ5ODYtLjMwOTQ0LS4xMTI0NzktLjQyMTk2cy0uMTE4Nzc4LS4zMDMxOC0uMTc4MDY3LS40MjE5NWMtLjA2MjU4OC0uMTE4NzctLjE3NTA2OC0uMzE1NjgtLjI1NjI1My0uNDM3NTgtLjA3ODE4NS0uMTE4NzctLjI2MjU1MS0uMzM3NTYtLjQwOTQyNC0uNDg0NDZzLS4zNjU2MzMtLjMzMTMxLS40ODQ0MTEtLjQwOTQ1Yy0uMTIxODc3LS4wODEyNy0uMzIxODQtLjE5NjkxLS40NDM3MTgtLjI1OTQyLS4xMjQ5ODY4LS4wNjI1Mi0uMzM3NDg3Ni0uMTQ2OTEtLjQ2ODczMzMtLjE5Mzc5LS4xMzQzNzUyLS4wNDM3Ni0uMzc4MTIwMy0uMTAwMDItLjU0MDYyMDMtLjEyMTktLjE2MjUtLjAyNS0uNDAzMTI1Ni0uMDQ2ODgxLS41MzEyNTE5LS4wNDY4ODEtLjEyODEyNjQgMC0uMzY4NzUyLjAyMTg4MS0uNTMxMjUyLjA0Njg4MS0uMTYyNS4wMjE4OC0uNDA2MjQ1LjA3ODE0LS41Mzc1MDA4LjEyMTktLjEzNDM3NTIuMDQ2ODgtLjM0Njg2NTkuMTMxMjctLjQ2ODc0MzQuMTkzNzktLjEyNDk5Ny4wNjI1MS0uMzI1MDAwMS4xNzgxNS0uNDQzNzQ4MS4yNTk0Mi0uMTIxODc3Ni4wNzgxNC0uMzM3NDk3OC4yNjI1NS0uNDg0MzgwNi40MDk0NS0uMTQ5OTkyNC4xNDY5LS4zMzQzNjgzLjM2NTY5LS40MTI0OTM5LjQ4NDQ2LS4wODEyNTUuMTIxOS0uMTk2ODczNy4zMjE5NC0uMjU5MzcyMS40NDY5Ni0uMDYyNTA4NS4xMjE5LS4xNDY4ODI5LjMyODE4LS4xODc1MDU0LjQ1MzIxLS4wNDA2MjI1LjEyMTg5LS4wOTA2MjMzLjMwOTQzLS4xMDkzNjk5LjQxMjU3LS4wMTg3NTY1LjEwMzE1LS4wNDY4ODEzLjM0MDY5LS4wNjI0OTg0LjUzMTM1LS4wMjE4NzYuMjUzMTctLjA0Mzc1MTkuMzYyNTctLjA4NzUwMzkuNDE4ODMtLjAzMTI1NDIuMDQwNjMtLjA5Njg3MjEuMTAzMTQtLjE0Mzc1MzQuMTQwNjUtLjA4MTI0NS4wNTkzOC0uMTQzNzQzNS4wNjg3Ni0uNjQwNjIxOC4wODQzOS0uMzM3NDk3Ny4wMTI1LS42MjE4NzUyLjA0MDYzLS43MjQ5OTYyLjA2ODc2LS4wOTM3NTI3LjAyNS0uMjUwMDAzOC4wNzgxNC0uMzQzNzQ2NS4xMTI1Mi0uMDkzNzUyNy4wMzc1MS0uMjcxODc5OS4xMjgxNS0uMzkwNjI4LjIwMzE2LS4xMTg3NDguMDc1MDItLjMwNjI1MzQuMjI1MDQtLjQxMjUwMzguMzI4MTktLjEwOTM2OTguMTA2MjctLjI2ODc1MDQuMzAwMDUtLjM1MzEyNDguNDM0NDUtLjA4NzQ5MzkuMTMxMjctLjE4NzQ5NTQuMzE4ODEtLjIyMTg2OTEuNDEyNTgtLjAzNDM3MzYuMDkzNzYtLjA4NzUwMzguMjU2MjktLjExNTYyODcuMzU5NDQtLjAzNDM3NC4xMjgxNS0uMDUzMTIuMzEyNTUtLjA1MzEyLjU3ODIzIDAgLjI2NTY3LjAxODc0Ni40NTAwOC4wNTMxMi41NzgyMy4wMjgxMjUuMTAzMTQuMDgxMjU1LjI2NTY3LjExNTYyODcuMzU5NDQuMDM0Mzc0LjA5Mzc3LjEzMTI0NTguMjc4MTguMjE1NjIwMi40MDYzMi4wODQzNzQuMTI4MTUuMjQwNjI1Ni4zMjUwNi4zNTMxMjQ4LjQzMTMzLjEwOTM3OTguMTA5NC4zMDAwMDQ3LjI2MjU1LjQxODc1MjcuMzM3NTcuMTE4NzQ4MS4wNzUwMS4yOTY4NzUzLjE2NTY1LjM5MDYyOC4yMDMxNi4wOTM3NDMuMDM0MzguMjQ5OTkzOC4wODc1MS4zNDM3NDY1LjExNTY0LjE0Mzc0MzUuMDQwNjMuNDI1MDAxNi4wNTMxNCAxLjcyNDk5MTYuMDY1NjQgMS40ODc1MDU1LjAxODc0IDEuNTU2MjUyOC4wMjE4NCAxLjYzNzQ5NzguMDgxMjQuMDQzNzUyLjAzNDQuMTEyNDk5My4xMDMyLjE1MDAwMjMuMTUwMS4wNTAwMDEuMDY4Ny4wNjU2MjguMTM0NC4wNjU2MjguMjcxOXMtLjAxNTYyNy4yMDMxLS4wNjU2MjguMjcxOWMtLjAzNzUwMy4wNDY5LS4xMDYyNTA0LjExNTYtLjE1MDAwMjMuMTUtLjA4MTI0NS4wNTk0LS4xNDM3NDM1LjA2MjUtMS41MTI0OTA4LjA3MTktLjg2NTYzMDMuMDA2My0xLjUyODEyOC0uMDAzMS0xLjY3ODEzMDMtLjAyMTktLjEzNzQ5NDYtLjAxODctLjM2MjQ5MzEtLjA2MjUtLjQ5OTk5NzctLjEtLjEzNzQ5NDctLjAzNDQtLjM4NDM2OTEtLjEyODEtLjU0Njg2OTEtLjIwMzEtLjE2MjUtLjA3ODItLjM5Mzc0NzMtLjIwOTUtLjUxNTYyNDgtLjI4NzYtLjExODc0ODEtLjA4MTMtLjMzNzQ5NzctLjI2NTctLjQ4NDM3MDYtLjQxMjU3LS4xNDY4ODI5LS4xNDY5LS4zMzEyNTg5LS4zNjU2OS0uNDA5Mzc0NS0uNDg0NDYtLjA4MTI1NS0uMTIxOS0uMTkzNzU0MjItLjMxNTY5LS4yNTYyNTM2OC0uNDM3NTgtLjA1OTM3NTA0LS4xMjE5LS4xNDA2MjUwNS0uMzA5NDQtLjE3ODEyNTEzLS40MjE5NnMtLjA5Njg3NTEyLS4zMzQ0My0uMTI4MTI0MzUtLjQ5Mzg0Yy0uMDM0Mzc1NjUtLjE3MTktLjA1OTM3NTA0LS40MTU3LS4wNTkzNzUwNC0uNjA2MzYgMC0uMTc4MTYuMDIxODc1LS40NDA3LjA0Njg3NDMtLjU4NzYuMDI1MDAwNC0uMTQ2OTEuMDgxMjUtLjM3NTA3LjEyNDk5OTkzLS41MDYzNS4wNDM3NDk5Ny0uMTM0NC4xMjgxMjU0LS4zNDY5NC4xOTA2MjQ4Ni0uNDY4ODMuMDYyNTAwNDctLjEyNTAzLjE3ODEyNDExLS4zMjUwNi4yNTkzNzkxMS0uNDQ2OTYuMDc4MTE1Ni0uMTE4NzcuMjYyNDkxNi0uMzM3NTYuNDA5Mzc0NS0uNDg0NDYuMTQ2ODcyOS0uMTQ2OTEuMzY1NjIyNS0uMzMxMzEuNDg0MzcwNi0uNDA5NDUuMTIxODc3NS0uMDgxMjcuMzIxODcwNi0uMTk2OTEuNDQ2ODc3NS0uMjU5NDMuMTIxODY3NS0uMDYyNTEuMzM0MzY4My0uMTQ2OS40NjU2MjQxLS4xOTM3OC4xMzQzNzUyLS4wNDM3Ni4zNzgxMjAyLS4xMDAwMi41NDA2MjAyLS4xMjE5LjE2MjUtLjAyNS4zNTMxMjQ4LS4wNDY4OC41NDY4NjktLjA0Njg4bC4wNTkzNzkxLS4zMDMxOGMuMDMxMjU0Mi0uMTY4NzguMTAwMDAxNS0uNDMxMzMuMTUwMDAyMy0uNTg3NjFzLjE0Njg3MjktLjQwMDA3LjIxNTYyMDItLjU0Njk3Yy4wNjg3NDczLS4xNDY5MS4yMTU2MzAyLS40MDAwOC4zMjUtLjU2MjYxLjEwOTM3OTgtLjE2MjUzLjMwMDAwNDYtLjQwOTQ1LjQyODEyMS0uNTQzODUuMTI1MDA2OS0uMTM3NTIuMzI4MTI5NC0uMzI4MTguNDQ2ODc3NS0uNDI1MDcuMTE4NzQ4MS0uMTAwMDIzLjMyNS0uMjQ2OTI1LjQ1MzEyNjQtLjMzMTMxNS4xMjgxMjYzLS4wODEyNjUuMzQ2ODc2LS4yMDMxNjMuNDg0MzcwNi0uMjY1Njc0LjEzNzUwNDYtLjA2NTYzNy4zNjI1MDMxLS4xNTYyNzkuNDk5OTk3Ny0uMjAzMTYyeiIvPjxwYXRoIGQ9Im03LjYyMTg1NjMgNi42NTQ3MmMuMDI4MTI0OC0uMDQwNjMuMTAwMDAxNS0uMDkzNzYuMTU5MzgwNi0uMTE1NjQuMDYyNDk4NC0uMDI1MDEuMTc4MTI3MS0uMDM0MzguMjY1NjIwOS0uMDI4MTMuMDg3NTAzOS4wMDYyNS4xOTA2MjQ5LjA0MDYzLjIzMTI0NzQuMDcxODkuMDQwNjMyNS4wMzEyNS4xMDMxMzA5LjA5Njg5LjIwNjI1MTkuMjMxMjlsLjAxNTYyNyA2LjQ4MjQ3LjYzMTI1MzUtLjYzMTRjLjUxMjUzNTQtLjUwOTUuNjU2MjA5NC0uNjM0NS43NDM3OTI0LS42NTAxLjA1OTI5LS4wMTI1LjE2NTU3LS4wMTI1LjIzNDM1NyAwIC4wODMyOS4wMTQ2LjE2MjQ3LjA2MDQuMjM3NDU2LjEzNzUuMDY1NTkuMDY1Ni4xMjQ5NzcuMTU5NC4xMzc0NzUuMjIxOS4wMTI1LjA1OTQuMDEyNS4xNjU3IDAgLjIzNDQtLjAxODcuMTEyNi0uMTI0OTc3LjIzMTMtMi4yODEyMDkxIDIuMzkxMWgtLjQwNjI0NDlsLTEuMTMxMjUxMi0xLjEzNDZjLTEuMDI1MDAwOS0xLjAyNTItMS4xMzEyNTEyLTEuMTQzOS0xLjE0OTk5NzgtMS4yNTY1LS4wMTI0OTgtLjA2ODctLjAxMjQ5OC0uMTc1IDAtLjIzNDQuMDEyNDk4LS4wNjI1LjA3MTg3Ny0uMTU2My4xMzc0OTQ2LS4yMjE5LjA2NTYyOC0uMDY1Ni4xNTkzODA2LS4xMjUuMjIxODc5MS0uMTM3NS4wNTkzNzktLjAxMjUuMTY1NjI5NC0uMDEyNS4yMzQzNzY3IDAgLjEwOTM2OTguMDE4Ny4yMDAwMDMxLjA5MzcgMS4zOTA2MjM0IDEuMjgxNXYtMy4xOTc1YzAtMi4xODc5LjAwOTM3LTMuMjIyNDYuMDM0Mzc0LTMuMjgxODUuMDE4NzQ3LS4wNDY4OC4wNTYyNS0uMTE4NzcuMDg3NDkzLS4xNjI1M3oiLz48L2c+PC9zdmc+") no-repeat right 0 center;
}

.common-small-button_link {
    text-align: center;
    padding: 10px 20px 0 20px;
}

.common-small-button_width_100percent {
    width: 100%;
}

.common-small-button_with-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.common-small-button_background-color_1 {
    background: #FF277F;
}

.common-small-button_background-color_1:hover {
    background: #6042F4;
}

.common-small-button_background-color_1:active {
    background: #6042F4;
}

.common-small-button_background-color_2 {
    background: #6042F4;
}

.common-small-button_background-color_2:hover {
    background: #FF277F;
}

.common-small-button_background-color_2:active {
    background: #FF277F;
}

.common-small-button_background-color_3 {
    background: hsl(215 100 38);
}
@media (hover: hover) {
    .common-small-button_background-color_3:hover {
        background: #6042F4;
    }
}
.common-small-button_background-color_3:active {
    background: #6042F4;
}

.cases-filter-select {
    width: 100%;
    height: 60px;
    padding: 0 40px 0 22px;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    color: #1A2432;
    border-radius: 10px;
    border: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-appearance: none;
    appearance: none;
    background: rgba(242, 248, 252, 0.3) url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDAgMyA2IDMtNnoiIGZpbGw9IiM2MDQyZjQiLz48L3N2Zz4=") no-repeat right 18px center;
}

.cases-filter-select:focus {
    outline: 0;
    font-weight: normal;
    color: #1A2432;
    opacity: 1;
    border: none;
}

.cases-filter-select:disabled {
    opacity: 0.5;
}

@media (min-width: 768px) {
    .cases-filter-select {
        height: 88px;
        background-position: right 32px center;
    }
}

.common-select-wrapper {
    position: relative;
}

.common-select-wrapper__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.common-select {
    width: 100%;
    height: 60px;
    padding: 0 40px 0 22px;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    color: #1A2432;
    border-radius: 10px;
    border: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-appearance: none;
    appearance: none;
    background: rgba(242, 248, 252, 0.3) url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDAgMyA2IDMtNnoiIGZpbGw9IiM2MDQyZjQiLz48L3N2Zz4=") no-repeat right 18px center;
}

.common-select:focus {
    outline: 0;
    font-weight: normal;
    color: #1A2432;
    opacity: 1;
    border: none;
}

.common-select:disabled {
    opacity: 0.5;
}

.common-select_text-transform_uppercase {
    text-transform: uppercase;
}

.breadcrumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 20px 0;
    padding: 0;
}

.breadcrumbs__item {
    flex: 0 0 auto;
    position: relative;
    font-size: 14px;
    line-height: 1.25;
    color: #1A2432;
    padding: 0 16px 0 0;
}

.breadcrumbs__item::after {
    position: absolute;
    z-index: 10;
    content: "/";
    font-size: 14px;
    line-height: 1.25;
    color: #1A2432;
    right: 0;
    top: 0;
    width: 10px;
}

.breadcrumbs__item:last-child {
    padding: 0;
}

.breadcrumbs__item:last-child::after {
    width: 0;
    content: "";
}

.breadcrumbs__item-link {
    color: #1A2432;
    text-decoration: none;
}

.breadcrumbs__item-link:hover {
    color: #405A7E;
    text-decoration: none;
}

.breadcrumbs__item-link:active {
    color: #405A7E;
    text-decoration: none;
}

.collapse-content {
    overflow: hidden;
    height: 0;
}

.collapse-content_opened {
    height: 100%;
}

.slider-nav-button {
    display: block;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: none;
    cursor: pointer;

    &.swiper-button-disabled {
        cursor: default;
    }
}

.slider-nav-button svg {
    display: block;
}

.header {
    flex: 0 0 auto;
    height: 100px;
}

@media (min-width: 768px) {
    .header {
        height: 119px;
    }
}

.header__container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
}

@media (min-width: 576px) {
    .header__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .header__container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .header__container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .header__container {
        max-width: 1170px;
    }
}

.header__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 100%;
}

.header__logo-column {
    flex: 1 1 auto;
    min-width: 0;
    padding: 22px 0 0 0;
}

@media (min-width: 768px) {
    .header__logo-column {
        padding: 28px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .header__logo-column {
        flex: 0 0 auto;
        width: 234px;
        padding: 23px 0 0 0;
    }
}

.header__menu-column {
    display: none;
}

@media (min-width: 1230px) {
    .header__menu-column {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
    }
}

.header__search-column {
    display: none;
}

@media (min-width: 768px) {
    .header__search-column {
        display: block;
        flex: 0 0 auto;
        width: 57px;
        padding: 52px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .header__search-column {
        padding: 47px 0 0 0;
    }
}

.header__phone-column {
    display: none;
}

@media (min-width: 768px) {
    .header__phone-column {
        display: block;
        flex: 0 0 auto;
        width: 53px;
        padding: 44px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .header__phone-column {
        padding: 37px 0 0 0;
    }
}

.header__order-column {
    display: none;
}

@media (min-width: 768px) {
    .header__order-column {
        display: block;
        flex: 0 0 auto;
        min-width: 166px;
        padding: 44px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .header__order-column {
        padding: 37px 0 0 0;
    }
}

.header__mobile-menu-column {
    flex: 0 0 auto;
    width: 40px;
    padding: 35px 0 0 0;
}

@media (min-width: 768px) {
    .header__mobile-menu-column {
        width: 82px;
        padding: 47px 0 0 42px;
    }
}

@media (min-width: 1230px) {
    .header__mobile-menu-column {
        display: none;
    }
}

.header-logo {
    display: block;
    width: 158px;
    text-decoration: none;
}

.header-logo:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .header-logo {
        width: 188px;
    }
}

.header-logo svg {
    display: block;
    width: 100%;
    height: auto;
}

.header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
    padding-top: 48px;
}

.header-menu__item {
    flex: 0 0 auto;
    padding: 0 10px 0 10px;
    height: 100%;
    cursor: pointer;
}

.header-menu__item:hover .header-menu__item-link {
    color: #6042F4;
}

.header-menu__item:hover .header-menu__item-link::after {
    transform: rotate(180deg);
}

.header-menu__item-link {
    position: relative;
    display: block;
    padding: 0 9px 0 0;
    font-size: 14px;
    line-height: 1;
    color: #000000;
    text-decoration: none;
    height: max(6px, 100%);
}

.header-menu__item-link:hover {
    text-decoration: none;
}

.header-menu__item-link::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    z-index: 10;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zIDYgMy02aC02eiIgZmlsbD0iIzYwNDJmNCIvPjwvc3ZnPg==") no-repeat left top;
}

.header-submenu {
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    transition-delay: 0.3s;
    /*display: none;*/
    position: absolute;
    left: 0;
    top: 90px;
    /*top: 119px;*/
    width: 100%;
    background-color: #FFFFFF;
    padding: 34px 0 45px 0;
    border-top: 1px solid rgba(26, 36, 50, 0.1);
    cursor: default;
}

.header-menu__item:hover .header-submenu {
    opacity: 1;
    visibility: visible;
    /*display: block;*/
}

.header-submenu__container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .header-submenu__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .header-submenu__container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .header-submenu__container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .header-submenu__container {
        max-width: 1170px;
    }
}

.header-submenu__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
    padding-right: 148px;
}

.header-submenu__column {
    flex: 0 0 auto;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-submenu-list__item {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
    padding: 8px 15px;
    width: 20%;
}

.header-submenu-list__item:last-child {
    /*! padding: 0; */
}

.header-submenu-list__item-link {
    color: #000000;
    text-decoration: none;
    display: block;
    width: fit-content;
}

.header-submenu-list__item-link:hover {
    color: #6042F4;
    text-decoration: none;
}

.header-submenu-list2 {
    padding: 12px 0 0 0;
}

.header-submenu-list2__item {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
    padding: 0 0 4px 20px;
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiBmaWxsPSIjMDAwMDAwIiByPSIzIi8+PC9zdmc+") no-repeat left 8px top 8px;
}

.header-submenu-list2__item-link {
    color: #000000;
    text-decoration: none;
}

.header-submenu-list2__item-link:hover {
    color: #405A7E;
    text-decoration: none;
}

.header-search-button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.header-search-button:hover svg {
    fill: #FF277F;
}

.header-search-button svg {
    display: block;
    fill: #6042F4;
}

.header-phone-button {
    display: block;
    width: 36px;
    height: 36px;
    padding: 10px;
    margin: 0;
    background: #FF277F;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.header-phone-button:hover {
    background: #6042F4;
}

.header-phone-button:active {
    background: #6042F4;
}

.header-phone-button svg {
    display: block;
}

.header-mobile-menu-button {
    display: block;
    width: 40px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIzMCIgdmlld0JveD0iMCAwIDI0MCAyMzAiIHdpZHRoPSIyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0wIDVjMC0xLjEwNDU2OS44OTU0MzEtMiAyLTJoMzZjMS4xMDQ2IDAgMiAuODk1NDMxIDIgMiAwIDEuMTA0NTctLjg5NTQgMi0yIDJoLTM2Yy0xLjEwNDU2OSAwLTItLjg5NTQzLTItMnptMCAxMGMwLTEuMTA0Ni44OTU0MzEtMiAyLTJoMzZjMS4xMDQ2IDAgMiAuODk1NCAyIDJzLS44OTU0IDItMiAyaC0zNmMtMS4xMDQ1NjkgMC0yLS44OTU0LTItMnptMiA4Yy0xLjEwNDU2OSAwLTIgLjg5NTQtMiAycy44OTU0MzEgMiAyIDJoMzZjMS4xMDQ2IDAgMi0uODk1NCAyLTJzLS44OTU0LTItMi0yeiIgZmlsbD0iI2ZmMjc3ZiIvPjxwYXRoIGQ9Im01LjU5NjY2NTEgMjI2LjUyMjdjLS43OTU0NzYuNzk1NTMtLjc5NTQ3NiAyLjA4NTIyIDAgMi44ODA2NS43OTU0NzMuNzk1NTMgMi4wODUxOTMuNzk1NTMgMi44ODA2Njg2IDBsMTEuNTIyNjAyMy0xMS41MjI2IDExLjUyMjY3MyAxMS41MjI2Yy43OTU1MjguNzk1NTMgMi4wODUyMTcuNzk1NTMgMi44ODA3NDUgMCAuNzk1NDI2LS43OTU0My43OTU0MjYtMi4wODUxMiAwLTIuODgwNjVsLTExLjUyMjY3My0xMS41MjI3IDExLjUyMjY3My0xMS41MjI3MWMuNzk1NTI3LS43OTU0OC43OTU1MjctMi4wODUyMSAwLTIuODgwNjgtLjc5NTQyNi0uNzk1NDgtMi4wODUyMTctLjc5NTQ4LTIuODgwNjQzIDBsLTExLjUyMjY3MyAxMS41MjI3NC0xMS41MjI3NjUzLTExLjUyMjc0Yy0uNzk1NDc1Ni0uNzk1NDgtMi4wODUxOTY2LS43OTU0OC0yLjg4MDY2NjYgMC0uNzk1NDc1Ljc5NTQ3LS43OTU0NzUgMi4wODUyLjAwMDAwMSAyLjg4MDY4bDExLjUyMjY4NTkgMTEuNTIyNzF6IiBmaWxsPSIjZmYyNzdmIi8+PGcgZmlsbD0iIzYwNDJmNCI+PHBhdGggZD0ibTIwMCA1YzAtMS4xMDQ1NjkuODk1NDMtMiAyLTJoMzZjMS4xMDQ2IDAgMiAuODk1NDMxIDIgMiAwIDEuMTA0NTctLjg5NTQgMi0yIDJoLTM2Yy0xLjEwNDU3IDAtMi0uODk1NDMtMi0yem0wIDEwYzAtMS4xMDQ2Ljg5NTQzLTIgMi0yaDM2YzEuMTA0NiAwIDIgLjg5NTQgMiAycy0uODk1NCAyLTIgMmgtMzZjLTEuMTA0NTcgMC0yLS44OTU0LTItMnptMiA4Yy0xLjEwNDU3IDAtMiAuODk1NC0yIDJzLjg5NTQzIDIgMiAyaDM2YzEuMTA0NiAwIDItLjg5NTQgMi0ycy0uODk1NC0yLTItMnoiLz48cGF0aCBkPSJtMjA1LjU5NjY3IDIyNi41MjI3Yy0uNzk1NDguNzk1NTMtLjc5NTQ4IDIuMDg1MjIgMCAyLjg4MDY1Ljc5NTQ3Ljc5NTUzIDIuMDg1MTkuNzk1NTMgMi44ODA2NyAwbDExLjUyMjYtMTEuNTIyNiAxMS41MjI2NyAxMS41MjI2Yy43OTU1My43OTU1MyAyLjA4NTIyLjc5NTUzIDIuODgwNzUgMCAuNzk1NDItLjc5NTQzLjc5NTQyLTIuMDg1MTIgMC0yLjg4MDY1bC0xMS41MjI2OC0xMS41MjI3IDExLjUyMjY4LTExLjUyMjcxYy43OTU1Mi0uNzk1NDguNzk1NTItMi4wODUyMSAwLTIuODgwNjgtLjc5NTQzLS43OTU0OC0yLjA4NTIyLS43OTU0OC0yLjg4MDY1IDBsLTExLjUyMjY3IDExLjUyMjc0LTExLjUyMjc3LTExLjUyMjc0Yy0uNzk1NDctLjc5NTQ4LTIuMDg1MTktLjc5NTQ4LTIuODgwNjYgMC0uNzk1NDguNzk1NDctLjc5NTQ4IDIuMDg1MiAwIDIuODgwNjhsMTEuNTIyNjggMTEuNTIyNzF6Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat left 0 top 0;
}

.header-mobile-menu-button:hover {
    background-position: left -200px top 0;
}

.header-mobile-menu-button_opened {
    background-position: left 0 top -200px;
}

.header-mobile-menu-button_opened:hover {
    background-position: left -200px top -200px;
}

.content {
    flex: 1 0 auto;
    overflow: hidden;
    padding-top: 119px;

    @media(max-width: 767px) {
        padding-top: 100px;
    }
}

.top-slider {
    position: relative;

    @media (max-width: 1023px) {
        height: calc(100dvh - 100px) !important;
    }
}

.top-slider .swiper-slide {
    height: auto;
}

.top-slider-nav {
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    z-index: 10;
}

@media (min-width: 768px) {
    .top-slider-nav {
        bottom: 34px;
    }
}

@media (min-width: 1230px) {
    .top-slider-nav {
        bottom: 50px;
    }
}

.top-slider-nav__container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*@media (min-width: 576px) {*/
/*    .top-slider-nav__container {*/
/*        max-width: 540px;*/
/*    }*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .top-slider-nav__container {*/
/*        max-width: 720px;*/
/*    }*/
/*}*/

@media (min-width: 1026px) {
    .top-slider-nav__container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .top-slider-nav__container {
        max-width: 1170px;
    }
}

.top-slider-nav__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.top-slider-nav__column {
    flex: 0 0 auto;
    padding: 0 15px 0 0;
}

.top {
    min-height: 740px;
    background-color: #0E1855;
    background-repeat: no-repeat;

    @media (min-width: 768px) {
        min-height: 450px;
    }
    @media (max-width: 1229px) {
        background-image: none !important;
    }
}

.top_background-style_1 {
    background-position: right -200px center;
    background-size: auto 70%;
}

@media (min-width: 1026px) {
    .top_background-style_1 {
        background-position: right -110px center;
        background-size: auto 89%;
    }
}

@media (min-width: 1230px) {
    .top_background-style_1 {
        background-position: center top;
        background-size: auto auto;
    }
}

.top_background-style_2 {
    background-position: left -600px top;
    background-size: auto 100%;
}

@media (min-width: 768px) {
    .top_background-style_2 {
        background-position: center top;
        background-size: auto 130%;
    }
}

@media (min-width: 1230px) {
    .top_background-style_2 {
        background-position: center top;
        background-size: auto auto;
    }
}

@media (min-width: 1366px) {
    .top_background-style_2 {
        background-position: center top;
        background-size: 100% auto;
    }
}

@media (min-width: 1366px) {
    .top_background-style_2 {
        background-position: center top -100px;
    }
}

@media (min-width: 1230px) {
    .top_animation {
        background-image: none !important;
    }
}

.top__background-overlap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: inherit;
}

.top__background-overlap_style_1 {
    background-color: #0E1855;
}

.top__background-overlap_style_2 {
    background: linear-gradient(180deg, #0E1855 35.37%, rgba(14, 24, 85, 0) 100%), url(schetchiki.jpg);
}

.top__background-overlap_paddings_1 {
    padding: 70px 0 80px 0;
}

@media (min-width: 768px) {
    .top__background-overlap_paddings_1 {
        padding: 70px 0 35px 0;
        background: none;
    }
}

@media (min-width: 1230px) {
    .top__background-overlap_paddings_1 {
        padding: 55px 0 140px 0;
    }
}

.top__background-overlap_paddings_2 {
    padding: 70px 0 80px 0;
}

@media (min-width: 768px) {
    .top__background-overlap_paddings_2 {
        padding: 70px 0 128px 0;
        background: none;
    }
}

@media (min-width: 1230px) {
    .top__background-overlap_paddings_2 {
        padding: 100px 0 140px 0;
    }
}

.top__container {
    width: 100%;
    padding-inline: 15px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    row-gap: 60px;

    @media (max-width: 1023px) {
        justify-content: space-between;
    }
}

@media (min-width: 1024px) {
    .top__container {
        max-width: 994px;
        flex-direction: row;
    }
}

@media (min-width: 1230px) {
    .top__container {
        max-width: 1170px;
    }
}

@media (min-width: 1230px) {
    .top__container {
        position: relative;
    }
}

.top__info {
    color: #FFFFFF;

    @media (min-width: 1024px) {
        flex: 0 0 50%;
        max-width: 480px;
    }
}

.top__title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0 0 20px 0;
}

@media (min-width: 768px) {
    .top__title {
        font-size: 36px;
    }
}

.top__text {
    font-size: 20px;
    line-height: 1.25;
    color: #D3E7F4;
}

.top__project-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    min-height: inherit;
}

@media (min-width: 576px) {
    .top__project-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .top__project-container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .top__project-container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .top__project-container {
        max-width: 1170px;
    }
}

.top__project {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: inherit;
}

@media (min-width: 1026px) {
    .top__project {
        min-height: initial;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
}

.top__project-info-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 70px 0 0 0;
}

@media (min-width: 1026px) {
    .top__project-info-column {
        flex: 1 1 auto;
        width: initial;
    }
}

@media (min-width: 1230px) {
    .top__project-info-column {
        padding: 102px 0 0 0;
    }
}

.top__project-picture-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 100px 0 100px 0;
}

@media (min-width: 1026px) {
    .top__project-picture-column {
        width: 470px;
        padding: 52px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .top__project-picture-column {
        width: 555px;
    }
}

.top__project-info {
    margin: 80px 0 0 0;
}

.top__project-date {
    font-size: 22px;
    line-height: 1.25;
    color: #FFFFFF;
}

.top__project-text {
    font-size: 18px;
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.65);
}

.top__project-picture {
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    overflow: hidden;
}

.top__project-picture img {
    display: block;
    width: 100%;
}

.top__button {
    margin: 20px 0 0 0;
}

@media (min-width: 1024px) {
    .top__image {
        flex: 0 0 50%;
        height: 452px;
    }
}

.top__image img {
    display: block;
    width: 100%;

    @media (min-width: 1024px) {
        height: 100%;
        width: auto;
    }
}

@media (min-width: 1230px) {
    .top__image {
        display: none;
    }
}

.top__animation1 {
    display: none;
}

@media (min-width: 1230px) {
    .top__animation1 {
        display: block;
        z-index: 50;
        position: absolute;
        left: 591px;
        top: -33px;
        opacity: 0;
    }
}

.top__animation1-background {
    width: 703px;
    height: 457px;
}

.top__animation1-background img {
    display: block;
    width: 100%;
}

.top__animation1-lamp1 {
    z-index: 51;
    position: absolute;
    left: 40px;
    top: 252px;
    width: 234px;
    height: 167px;
    opacity: 0;
}

.top__animation1-lamp1 img {
    display: block;
    width: 100%;
}

.top__animation1-lamp2 {
    z-index: 52;
    position: absolute;
    left: 330px;
    top: 78px;
    width: 235px;
    height: 165px;
    opacity: 0;
}

.top__animation1-lamp2 img {
    display: block;
    width: 100%;
}

@keyframes big-rounds {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.top__animation1-big-rounds {
    z-index: 53;
    position: absolute;
    left: 158px;
    top: 222px;
    width: 128px;
    height: 128px;
    transform: scaleY(0.57);
    opacity: 0;
}

.top__animation1-big-rounds-image {
    animation: big-rounds 4s linear infinite;
}

.top__animation1-big-rounds-image img {
    display: block;
    width: 100%;
}

@keyframes keyboard {
    0% {
        background-position: left 0 top 0;
    }
    12.5% {
        background-position: left 0 top -80px;
    }
    25% {
        background-position: left 0 top -160px;
    }
    37.5% {
        background-position: left 0 top -240px;
    }
    100% {
        background-position: left 0 top 0;
    }
}

.top__animation1-keyboard {
    z-index: 54;
    position: absolute;
    left: 34px;
    top: 181px;
    width: 138px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: left 0 top 0;
    animation: keyboard 4s steps(1) infinite;
    opacity: 0;
}

.top__animation1-book {
    z-index: 55;
    position: absolute;
    left: 8px;
    top: 102px;
    width: 160px;
    height: 116px;
    opacity: 0;
}

.top__animation1-book img {
    display: block;
    width: 100%;
}

.top__animation1-spectrum-analyzer1 {
    z-index: 56;
    position: absolute;
    left: 282px;
    top: 160px;
    width: 184px;
    height: 103px;
    opacity: 0;
}

.top__animation1-spectrum-analyzer1 img {
    display: block;
    width: 100%;
}

@keyframes indicators {
    0% {
        background-position: left 0 top 0;
    }
    5% {
        background-position: left 0 top -56px;
    }
    10% {
        background-position: left 0 top -112px;
    }
    15% {
        background-position: left 0 top -168px;
    }
    20% {
        background-position: left 0 top -224px;
    }
    25% {
        background-position: left 0 top -280px;
    }
    30% {
        background-position: left 0 top -336px;
    }
    35% {
        background-position: left 0 top -392px;
    }
    40% {
        background-position: left 0 top -448px;
    }
    45% {
        background-position: left 0 top -504px;
    }
    100% {
        background-position: left 0 top 0px;
    }
}

.top__animation1-indicators {
    z-index: 57;
    position: absolute;
    left: 289px;
    top: 334px;
    width: 72px;
    height: 56px;
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    animation: indicators 4s steps(1) infinite;
    opacity: 0;
}

.top__animation1-spectrum-analyzer2 {
    z-index: 58;
    position: absolute;
    left: 332px;
    top: 364px;
    width: 103px;
    height: 62px;
    opacity: 0;
}

.top__animation1-spectrum-analyzer2 img {
    display: block;
    width: 100%;
}

.top__animation1-spectrum-analyzer2-frame {
    z-index: 59;
    position: absolute;
    left: 314px;
    top: 356px;
    width: 131px;
    height: 76px;
    opacity: 0;
}

.top__animation1-spectrum-analyzer2-frame img {
    display: block;
    width: 100%;
}

@keyframes buttons {
    0% {
        background-position: left 0 top 0;
    }
    25% {
        background-position: left 0 top -60px;
    }
    50% {
        background-position: left 0 top -120px;
    }
    75% {
        background-position: left 0 top -180px;
    }
    100% {
        background-position: left 0 top 0;
    }
}

.top__animation1-buttons {
    z-index: 60;
    position: absolute;
    left: 408px;
    top: 284px;
    width: 105px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: left 0 top 0;
    animation: buttons 4s steps(1) infinite;
    opacity: 0;
}

.top__animation1-spectrum-analyzer3 {
    z-index: 61;
    position: absolute;
    left: 518px;
    top: 204px;
    width: 166px;
    height: 99px;
    opacity: 0;
}

.top__animation1-spectrum-analyzer3 img {
    display: block;
    width: 100%;
}

.top__animation1-lights1 {
    z-index: 62;
    position: absolute;
    left: 334px;
    top: 8px;
    width: 166px;
    height: 103px;
    opacity: 0;
}

.top__animation1-lights1 img {
    display: block;
    width: 100%;
}

@keyframes lights {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
    100% {
        filter: hue-rotate(360deg);
    }
}

.top__animation1-lights2 {
    z-index: 63;
    position: absolute;
    left: 479px;
    top: 103px;
    width: 49px;
    height: 43px;
    animation: lights 8s linear infinite;
    opacity: 0;
}

.top__animation1-lights2 img {
    display: block;
    width: 100%;
}

.top__animation1-lights3 {
    z-index: 64;
    position: absolute;
    left: 581px;
    top: 129px;
    width: 47px;
    height: 36px;
    animation: lights 16s linear infinite;
    opacity: 0;
}

.top__animation1-lights3 img {
    display: block;
    width: 100%;
}

@keyframes lights4 {
    0% {
        background-position: left 0 top 0;
    }
    10% {
        background-position: left 0 top -35px;
    }
    20% {
        background-position: left 0 top -70px;
    }
    30% {
        background-position: left 0 top -105px;
    }
    40% {
        background-position: left 0 top -140px;
    }
    50% {
        background-position: left 0 top -175px;
    }
    60% {
        background-position: left 0 top -140px;
    }
    70% {
        background-position: left 0 top -105px;
    }
    80% {
        background-position: left 0 top -70px;
    }
    90% {
        background-position: left 0 top -35px;
    }
    100% {
        background-position: left 0 top 0;
    }
}

.top__animation1-lights4 {
    z-index: 65;
    position: absolute;
    left: 265px;
    top: 227px;
    width: 52px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: left 0 top 0;
    animation: lights4 12s steps(1) infinite;
    opacity: 0;
}

.top__animation1-id {
    z-index: 66;
    position: absolute;
    left: 489px;
    top: 17px;
    width: 77px;
    height: 52px;
    opacity: 0;
}

.top__animation1-id img {
    display: block;
    width: 100%;
}

@keyframes paper {
    0% {
        background-position: left 0 top 0;
    }
    5% {
        background-position: left 0 top -31px;
    }
    10% {
        background-position: left 0 top -62px;
    }
    15% {
        background-position: left 0 top -93px;
    }
    20% {
        background-position: left 0 top -124px;
    }
    25% {
        background-position: left 0 top -155px;
    }
    30% {
        background-position: left 0 top -186px;
    }
    35% {
        background-position: left 0 top -217px;
    }
    40% {
        background-position: left 0 top -248px;
    }
    45% {
        background-position: left 0 top -279px;
    }
    100% {
        background-position: left 0 top 0px;
    }
}

.top__animation1-paper {
    z-index: 67;
    position: absolute;
    left: 506px;
    top: 112px;
    width: 55px;
    height: 31px;
    animation: paper 8s steps(1) infinite;
    opacity: 0;
}

.top__animation1-flying-light001 {
    z-index: 68;
    position: absolute;
    left: 421px;
    top: 271px;
    width: 33px;
    height: 27px;
    opacity: 0;
}

.top__animation1-flying-light001 img {
    display: block;
    width: 100%;
}

.top__animation1-flying-light002 {
    z-index: 69;
    position: absolute;
    left: 459px;
    top: 249px;
    width: 33px;
    height: 27px;
    opacity: 0;
}

.top__animation1-flying-light002 img {
    display: block;
    width: 100%;
}

.top__animation1-flying-light003 {
    z-index: 70;
    position: absolute;
    left: 498px;
    top: 226px;
    width: 33px;
    height: 27px;
    opacity: 0;
}

.top__animation1-flying-light003 img {
    display: block;
    width: 100%;
}

.top__animation1-flying-light004 {
    z-index: 71;
    position: absolute;
    left: 535px;
    top: 205px;
    width: 33px;
    height: 27px;
    opacity: 0;
}

.top__animation1-flying-light004 img {
    display: block;
    width: 100%;
}

.top__animation1-flying-light005 {
    z-index: 72;
    position: absolute;
    left: 574px;
    top: 184px;
    width: 33px;
    height: 27px;
    opacity: 0;
}

.top__animation1-flying-light005 img {
    display: block;
    width: 100%;
}

.top__animation1-flying-light006 {
    z-index: 73;
    position: absolute;
    left: 569px;
    top: 254px;
    width: 33px;
    height: 27px;
    opacity: 0;
}

.top__animation1-flying-light006 img {
    display: block;
    width: 100%;
}

@keyframes flying-light007 {
    0% {
        left: 475px;
        top: 384px;
    }
    3% {
        left: 480px;
        top: 380px;
    }
    8% {
        left: 482px;
        top: 368px;
    }
    30% {
        left: 576px;
        top: 314px;
    }
    43% {
        left: 520px;
        top: 280px;
    }
    50% {
        left: 552px;
        top: 263px;
    }
    57% {
        left: 520px;
        top: 280px;
    }
    70% {
        left: 576px;
        top: 314px;
    }
    92% {
        left: 482px;
        top: 368px;
    }
    97% {
        left: 480px;
        top: 380px;
    }
    100% {
        left: 475px;
        top: 384px;
    }
}

.top__animation1-flying-light007 {
    z-index: 74;
    position: absolute;
    left: 475px;
    top: 384px;
    width: 27px;
    height: 26px;
    animation: flying-light007 16s linear infinite;
    opacity: 0;
}

.top__animation1-flying-light007 img {
    display: block;
    width: 100%;
}

@keyframes flying-light008 {
    0% {
        left: 460px;
        top: 373px;
    }
    5% {
        left: 474px;
        top: 365px;
    }
    8% {
        left: 482px;
        top: 368px;
    }
    35% {
        left: 576px;
        top: 314px;
    }
    50% {
        left: 520px;
        top: 280px;
    }
    65% {
        left: 576px;
        top: 314px;
    }
    92% {
        left: 482px;
        top: 368px;
    }
    95% {
        left: 474px;
        top: 365px;
    }
    100% {
        left: 460px;
        top: 373px;
    }
}

.top__animation1-flying-light008 {
    z-index: 75;
    position: absolute;
    left: 460px;
    top: 373px;
    width: 27px;
    height: 26px;
    animation: flying-light008 8s linear infinite;
    opacity: 0;
}

.top__animation1-flying-light008 img {
    display: block;
    width: 100%;
}

@keyframes flying-light009 {
    0% {
        left: 573px;
        top: 291px;
    }
    50% {
        left: 460px;
        top: 355px;
    }
}

.top__animation1-flying-light009 {
    z-index: 76;
    position: absolute;
    left: 573px;
    top: 291px;
    width: 27px;
    height: 26px;
    animation: flying-light009 8s ease infinite;
    opacity: 0;
}

.top__animation1-flying-light009 img {
    display: block;
    width: 100%;
}

@keyframes flying-light010 {
    0% {
        left: 538px;
        top: 272px;
    }
    6% {
        left: 520px;
        top: 280px;
    }
    23% {
        left: 576px;
        top: 314px;
    }
    50% {
        left: 482px;
        top: 368px;
    }
    77% {
        left: 576px;
        top: 314px;
    }
    94% {
        left: 520px;
        top: 280px;
    }
    100% {
        left: 538px;
        top: 272px;
    }
}

.top__animation1-flying-light010 {
    z-index: 77;
    position: absolute;
    left: 538px;
    top: 272px;
    width: 27px;
    height: 26px;
    animation: flying-light010 8s linear infinite;
    opacity: 0;
}

.top__animation1-flying-light010 img {
    display: block;
    width: 100%;
}

@keyframes flying-light011 {
    0% {
        left: 503px;
        top: 224px;
    }
    25% {
        left: 480px;
        top: 238px;
    }
    50% {
        left: 508px;
        top: 252px;
    }
    75% {
        left: 480px;
        top: 238px;
    }
    100% {
        left: 503px;
        top: 224px;
    }
}

.top__animation1-flying-light011 {
    z-index: 78;
    position: absolute;
    left: 503px;
    top: 224px;
    width: 27px;
    height: 26px;
    animation: flying-light011 4s linear infinite;
    opacity: 0;
}

.top__animation1-flying-light011 img {
    display: block;
    width: 100%;
}

.top__animation1-line1 {
    z-index: 79;
    position: absolute;
    left: 414px;
    top: 184px;
    width: 54px;
    height: 45px;
    opacity: 0;
}

.top__animation1-line1 img {
    display: block;
    width: 100%;
}

.top__animation1-line2 {
    z-index: 79;
    position: absolute;
    left: 474px;
    top: 220px;
    width: 54px;
    height: 45px;
    opacity: 0;
}

.top__animation1-line2 img {
    display: block;
    width: 100%;
}

.top__animation1-line3 {
    z-index: 79;
    position: absolute;
    left: 375px;
    top: 319px;
    width: 42px;
    height: 28px;
    opacity: 0;
}

.top__animation1-line3 img {
    display: block;
    width: 100%;
}

@keyframes cloud {
    0% {
        top: 6px;
    }
    50% {
        top: -16px;
    }
}

@keyframes cloud-digits {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.top__animation1-cloud {
    z-index: 80;
    position: absolute;
    left: 78px;
    top: 6px;
    width: 369px;
    height: 295px;
    animation: cloud 2s ease infinite;
    filter: blur(10px);
    opacity: 0;
}

.top__animation1-cloud-elements {
    position: relative;
}

.top__animation1-cloud-body img {
    display: block;
    width: 100%;
}

.top__animation1-cloud-digits {
    z-index: 81;
    position: absolute;
    left: 59px;
    top: 35px;
    animation: cloud-digits 4s ease infinite;
}

.top__animation1-cloud-digits img {
    display: block;
    width: 100%;
}

.page-info {
    overflow: hidden;
    position: relative;

    &:not(:has(.page-info__bg-gradient-wrap--product-padding)) {
        padding-bottom: 100px;

        @media (max-width: 1229px) {
            padding-bottom: 80px;
        }
        @media (max-width: 767px) {
            padding-bottom: 60px;
        }
    }
}

.page-info_background-style_1,
.page-info_background-style_2 {
    background-image: url("../images/page-background.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: clamp(744px, 100vw, 1370px) auto;
    background-position: center top 119px;

    @media (max-width: 743px) and (min-height: 850px), (min-height: 1353px) {
        background-size: clamp(744px, 100vw, 1370px) 100dvh;
    }
    @media (max-width: 767px) {
        background-position: center top 100px;
    }
}

.page-info__container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .page-info__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .page-info__container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .page-info__container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .page-info__container {
        max-width: 1170px;
    }
}

.page-info-top {
    padding: 0;
}

.page-info-top_margin-top_1 {
    margin: 30px 0 -30px 0;
}

@media (min-width: 768px) {
    .page-info-top_margin-top_1 {
        margin: 30px 0 0 0;
    }
}

.page-info-top_margin-top_2 {
    margin: 100px 0 -30px 0;
}

@media (min-width: 768px) {
    .page-info-top_margin-top_2 {
        margin: 80px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .page-info-top_margin-top_2 {
        margin: 100px 0 0 0;
    }
}

.page-info-top_margin-bottom_1 {
    margin-bottom: -30px;
}

@media (min-width: 768px) {
    .page-info-top_margin-bottom_1 {
        margin-bottom: 0;
    }
}

.page-info-top_margin-bottom_2 {
    margin-bottom: -30px;
}

@media (min-width: 768px) {
    .page-info-top_margin-bottom_2 {
        margin-bottom: -50px;
    }
}

.mainpage-top {
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.info {
    overflow: hidden;
    background-color: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 38px 23px 42px;
    line-height: var(--global-card-line-height);

    & > *:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    & > *:last-child {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .info {
        padding: 48px 33px;
    }
}

@media (min-width: 1230px) {
    .info {
        padding: 42px 90px;
    }
}

.info__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
}

@media (min-width: 1230px) {
    .info__row {
        margin-left: -40px;
        margin-right: -40px;
    }
}

.info__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 1230px) {
    .info__column {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 40px;
        padding-right: 40px;
    }
}

.history {
    position: relative;
    padding: 28px 15px 40px 15px;
    border-radius: 10px;
}

@media (min-width: 1026px) {
    .history {
        padding: 50px 22px 28px 22px;
    }
}

@media (min-width: 1230px) {
    .history {
        padding: 50px 30px 32px 30px;
    }
}

.history__info {
    position: relative;
}

.history__info-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-left: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

@media (min-width: 1026px) {
    .history__info-border {
        display: none;
    }
}

.history__info-arrow {
    display: block;
    position: relative;
    left: -2px;
    bottom: -5px;
    width: 5px;
    height: 5px;
}

.history__info-arrow svg {
    display: block;
    fill: #FF277F;
}

@media (min-width: 1026px) {
    .history__info-arrow {
        display: none;
    }
}

.history__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 1026px) {
    .history__row {
        justify-content: center;
    }
}

.history__column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 1026px) {
    .history__column {
        flex: 0 0 auto;
        width: 25%;
    }

    .history__column.history__column_order_6 {
        width: 50%;
        flex-basis: 25%;
    }
}

.history__column_order_1 {
    order: 1;
}

.history__column_order_2 {
    order: 2;
}

@media (min-width: 1026px) {
    .history__column_order_2 {
        order: 5;
    }
}

.history__column_order_3 {
    order: 3;
}

@media (min-width: 1026px) {
    .history__column_order_3 {
        order: 2;
    }
}

.history__column_order_4 {
    order: 4;
}

@media (min-width: 1026px) {
    .history__column_order_4 {
        order: 6;
    }
}

.history__column_order_5 {
    order: 5;
}

@media (min-width: 1026px) {
    .history__column_order_5 {
        order: 3;
    }
}

.history__column_order_6 {
    order: 6;
}

@media (min-width: 1026px) {
    .history__column_order_6 {
        order: 7;
    }
}

.history__column_order_7 {
    order: 7;
}

@media (min-width: 1026px) {
    .history__column_order_7 {
        order: 4;
    }
}

.history__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.history-item {
    position: relative;
    padding: 15px;
    border-top: 1px solid #004FC1;
}

@media (min-width: 1026px) {
    .history-item {
        border-top: none;
        height: 100%;
    }
}

.history-item__date {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
}

.history-item__text {
    font-size: 16px;
    line-height: 1.25;
    color: rgba(26, 36, 50, 0.75);
}

.history-item__round {
    position: absolute;
    right: 0;
    top: -3px;
    width: 5px;
    height: 5px;
}

.history-item__round svg {
    display: block;
    fill: #004FC1;
}

@media (min-width: 1026px) {
    .history-item_style_1 {
        padding: 0 22px 22px 12px;
    }
    .history-item_style_1 .history-item__round {
        right: initial;
        left: -2px;
        top: -5px;
    }
    .history-item_style_1 .history-item__round svg {
        fill: #004FC1 !important;
    }
}

@media (min-width: 1230px) {
    .history-item_style_1 {
        padding: 0 30px 30px 30px;
    }
}

@media (min-width: 1026px) {
    .history-item_style_2 {
        padding: 12px 22px 12px 12px;
    }
    .history-item_style_2 .history-item__round {
        right: initial;
        left: -2px;
        top: initial;
        bottom: -5px;
    }
    .history-item_style_2 .history-item__round svg {
        fill: #FF277F !important;
    }
}

@media (min-width: 1230px) {
    .history-item_style_2 {
        padding: 15px 30px 15px 30px;
    }
}

@media (min-width: 1026px) {
    .history-item__border_style_1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
        background: linear-gradient(180deg, #004FC1 0%, #6042F4 100%) border-box;
        -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: 10;
        pointer-events: none;
    }
}

@media (min-width: 1026px) {
    .history-item__border_style_2 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-left: 1px solid transparent;
        background: linear-gradient(180deg, #6042F4 0%, #FF277F 100%) border-box;
        -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: 10;
        pointer-events: none;
    }
}

.history-item__arrow {
    display: none;
}

.history-item__arrow svg {
    display: block;
    stroke: #6042F4;
}

@media (min-width: 1026px) {
    .history-item__arrow {
        display: block;
        position: absolute;
        z-index: 11;
        right: 0;
        bottom: -3px;
        width: 4px;
        height: 7px;
    }
}

.info-box {
    background-color: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    margin-left: -15px;
    margin-right: -15px;
}

.info-box-padding {
    padding: 38px 23px 42px;
}
@media (min-width: 768px) {
    .info-box-padding {
        padding: 48px 33px;
    }
}
@media (min-width: 1230px) {
    .info-box-padding {
        padding: 42px 90px;
    }
}

@media (min-width: 576px) {
    .info-box {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .info-box {
        flex-wrap: nowrap;
    }
}

.info-box__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .info-box__row {
        flex-wrap: nowrap;
    }
}

.info-box__content {
    line-height: var(--global-card-line-height);
}

.info-box__content-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .info-box__content-column {
        flex: 1 1 auto;
        width: initial;
        min-width: 0;
    }
}

.info-box__content-column_style_1 {
    order: 0;
}

@media (min-width: 768px) {
    .info-box__content-column_style_1 {
        order: 1;
    }
}

.info-box__content-column_style_2 {
    order: 0;
}

.info-box__picture-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .info-box__picture-column {
        width: initial;
    }
}

.info-box__picture-column_style_1 {
    order: 1;
}

@media (min-width: 768px) {
    .info-box__picture-column_style_1 {
        order: 0;
        width: 320px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-column_style_1 {
        width: 494px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-column_style_1 {
        width: 605px;
    }
}

.info-box__picture-column_style_2 {
    order: 1;
}

@media (min-width: 768px) {
    .info-box__picture-column_style_2 {
        order: 0;
        width: 320px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-column_style_2 {
        width: 494px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-column_style_2 {
        width: 605px;
    }
}

.info-box__content_style_1 {
    padding: 30px 15px 40px 15px;
}

@media (min-width: 768px) {
    .info-box__content_style_1 {
        padding: 39px 20px 42px 0;
    }
    .info-box__content-column:nth-child(1):not(:has(+ .info-box__picture-column)) > .info-box__content_style_1 {
        padding-left: 20px;
    }
}

@media (min-width: 1026px) {
    .info-box__content_style_1 {
        padding: 39px 22px 42px 0;
    }
    .info-box__content-column:nth-child(1):not(:has(+ .info-box__picture-column)) > .info-box__content_style_1 {
        padding-left: 22px;
    }
}

@media (min-width: 1230px) {
    .info-box__content_style_1 {
        padding: 50px 60px 50px 0;
    }
    .info-box__content-column:nth-child(1):not(:has(+ .info-box__picture-column)) > .info-box__content_style_1 {
        padding-left: 60px;
    }
}

.info-box__content_style_2 {
    padding: 30px 15px 40px 15px;
}

@media (min-width: 768px) {
    .info-box__content_style_2 {
        padding: 39px 0 42px 20px;
    }
    .info-box__content-column:not(:has(+ .info-box__picture-column)) > .info-box__content_style_2 {
        padding-right: 20px;
    }
}

@media (min-width: 1026px) {
    .info-box__content_style_2 {
        padding: 39px 0 42px 22px;
    }
    .info-box__content-column:not(:has(+ .info-box__picture-column)) > .info-box__content_style_2 {
        padding-right: 22px;
    }
}

@media (min-width: 1230px) {
    .info-box__content_style_2 {
        padding: 50px 0 50px 60px;
    }
    .info-box__content-column:not(:has(+ .info-box__picture-column)) > .info-box__content_style_2 {
        padding-right: 60px;
    }
}

@media (min-width: 1230px) {
    .info-box__content_style_desktop-padding-top {
        padding-top: 100px !important;
    }
}

.info-box__title {
    padding: 0;
}

.info-box__text {
    padding: 0;
    line-height: var(--global-card-line-height);

    & > *:not(:last-child) {
        margin-bottom: 10px;
    }
}

.info-box__button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 22px 0 0 0;
}

@media (min-width: 768px) {
    .info-box__button {
        justify-content: flex-start;
    }
}

.info-box__button-element {
    flex: 0 0 auto;
}

.info-box__picture {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.info-box__picture_style_1 {
    justify-content: flex-start;
    padding: 0 15px 48px 15px;
}

@media (min-width: 768px) {
    .info-box__picture_style_1 {
        padding: 39px 0 42px 22px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture_style_1 {
        padding: 42px 0 36px 26px;
    }
}

.info-box__picture_style_2 {
    justify-content: flex-end;
    padding: 0 15px 48px 15px;
}

@media (min-width: 768px) {
    .info-box__picture_style_2 {
        padding: 39px 22px 42px 0;
    }
}

@media (min-width: 1230px) {
    .info-box__picture_style_2 {
        padding: 42px 26px 36px 0;
    }
}

.info-box__picture-background {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.info-box__picture-background_style_1 {
    background-color: rgba(0, 9, 73, 0.75);
    border: 1px solid #F2F8FC;
    width: 100%;
    aspect-ratio: 5/4;
}

@media (min-width: 768px) {
    .info-box__picture-background_style_1 {
        aspect-ratio: initial;
        width: 280px;
        height: 240px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-background_style_1 {
        width: 448px;
        height: 366px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-background_style_1 {
        width: 508px;
        height: 342px;
    }
}

.info-box__picture-background_style_2 {
    background-color: rgba(0, 9, 73, 0.75);
    border: 1px solid #F2F8FC;
    width: 100%;
    aspect-ratio: 3/2;
}

@media (min-width: 768px) {
    .info-box__picture-background_style_2 {
        aspect-ratio: initial;
        width: 280px;
        height: 240px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-background_style_2 {
        width: 448px;
        height: 342px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-background_style_2 {
        width: 508px;
        height: 342px;
    }
}

.info-box__picture-background_style_3 {
    background-color: #000949;
    border: 1px solid #5EF7EB;
    width: 100%;
    aspect-ratio: 11/10;
}

@media (min-width: 768px) {
    .info-box__picture-background_style_3 {
        aspect-ratio: initial;
        width: 280px;
        height: 280px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-background_style_3 {
        width: 448px;
        height: 446px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-background_style_3 {
        width: 517px;
        height: 372px;
    }
}

.info-box__picture-background_style_4 {
    background-color: #000949;
    border: 1px solid #5EF7EB;
    width: 100%;
    aspect-ratio: 1/1;
}

@media (min-width: 768px) {
    .info-box__picture-background_style_4 {
        aspect-ratio: initial;
        width: 280px;
        height: 280px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-background_style_4 {
        width: 448px;
        height: 446px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-background_style_4 {
        width: 508px;
        height: 419px;
    }
}

:is(.info-box__picture-background_style_5, .info-box__picture-background_style_8) {
    background-color: #000949;
    border: 1px solid #5EF7EB;
    width: 100%;
    aspect-ratio: 1/1;

    @media (min-width: 768px) {
        aspect-ratio: initial;
        width: 280px;
        height: 280px;
    }
    @media (min-width: 1026px) {
        width: 448px;
        height: 454px;
    }
    @media (min-width: 1230px) {
        width: 508px;
        height: 515px;
    }
}

.info-box__picture-background_style_6 {
    background-color: #000949;
    border: 1px solid #5EF7EB;
    width: 100%;
    aspect-ratio: 3/2;
}

@media (min-width: 768px) {
    .info-box__picture-background_style_6 {
        aspect-ratio: initial;
        width: 280px;
        height: 280px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-background_style_6 {
        width: 448px;
        height: 316px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-background_style_6 {
        width: 508px;
        height: 330px;
    }
}

.info-box__picture-element {
    position: absolute;
    z-index: 20;
}

.info-box__picture-element_style_1 {
    width: 100%;
    height: auto;
    left: 15px;
    top: 10px;
}

@media (min-width: 768px) {
    .info-box__picture-element_style_1 {
        width: 305px;
        height: auto;
        left: 7px;
        top: 58px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-element_style_1 {
        width: 485px;
        height: auto;
        left: 7px;
        top: 58px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-element_style_1 {
        width: 573px;
        height: auto;
        z-index: 20;
        left: 29px;
        top: 12px;
    }
}

.info-box__picture-element_style_2 {
    width: 100%;
    height: auto;
    right: 20px;
    top: 10px;
}

@media (min-width: 768px) {
    .info-box__picture-element_style_2 {
        width: 305px;
        height: auto;
        left: initial;
        right: 7px;
        top: 58px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-element_style_2 {
        width: 485px;
        height: auto;
        right: 10px;
        top: 75px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-element_style_2 {
        width: 610px;
        height: auto;
        z-index: 20;
        right: 5px;
        top: 32px;
    }
}

.info-box__picture-element_style_3 {
    width: 100%;
    height: auto;
    left: 15px;
    top: 10px;
}

@media (min-width: 768px) {
    .info-box__picture-element_style_3 {
        width: 305px;
        height: auto;
        left: initial;
        right: 7px;
        top: 50px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-element_style_3 {
        width: 485px;
        height: auto;
        right: 5px;
        top: 60px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-element_style_3 {
        width: 564px;
        height: auto;
        z-index: 20;
        right: -10px;
        top: -66px;
    }
}

.info-box__picture-element_style_4 {
    width: calc(100% - 30px);
    height: auto;
    left: 15px;
    top: 40px;
}

@media (min-width: 768px) {
    .info-box__picture-element_style_4 {
        width: 305px;
        height: auto;
        left: initial;
        right: 7px;
        top: 50px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-element_style_4 {
        width: 460px;
        height: auto;
        right: 5px;
        top: 70px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-element_style_4 {
        width: 570px;
        height: auto;
        z-index: 20;
        right: 2px;
        top: 6px;
    }
}

.info-box__picture-element_style_5 {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

@media (min-width: 768px) {
    .info-box__picture-element_style_5 {
        width: 305px;
        height: auto;
        left: initial;
        left: 7px;
        top: 50px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-element_style_5 {
        width: 478px;
        height: auto;
        left: 5px;
        top: 40px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-element_style_5 {
        width: 570px;
        height: auto;
        z-index: 20;
        left: 5px;
        top: 55px;
    }
}

:is(.info-box__picture-element_style_6, .info-box__picture-element_style_8) {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;

    @media (min-width: 768px) {
        width: 305px;
        left: initial;
        right: 7px;
        top: 50px;
    }
    @media (min-width: 1026px) {
        width: 478px;
        right: 5px;
        top: 40px;
    }
    @media (min-width: 1230px) {
        width: 570px;
        z-index: 20;
        right: 5px;
        top: 55px;
    }
}

.info-box__picture-element_style_7 {
    width: calc(100% - 120px);
    height: auto;
    left: 60px;
    top: 10px;
}

@media (min-width: 768px) {
    .info-box__picture-element_style_7 {
        width: 280px;
        height: auto;
        left: initial;
        right: 20px;
        top: 70px;
    }
}

@media (min-width: 1026px) {
    .info-box__picture-element_style_7 {
        width: 420px;
        height: auto;
        left: 40px;
        top: 30px;
    }
}

@media (min-width: 1230px) {
    .info-box__picture-element_style_7 {
        width: 506px;
        height: auto;
        z-index: 20;
        left: 30px;
        top: 5px;
    }
}

.info-box__picture-element img {
    display: block;
    width: 100%;
}

.benefits {
    padding: 0;
}

.benefits__title {
    text-align: center;
}

.benefits-items {
    padding: 0;
}

.benefits-items_padding-top {
    padding-top: 40px;
}

.benefits-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
}

@media (min-width: 1026px) {
    .benefits-items__row {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: -5px;
        margin-bottom: -5px;
    }
}

@media (min-width: 1230px) {
    .benefits-items__row {
        margin-left: -8px;
        margin-right: -8px;
        margin-top: -8px;
        margin-bottom: -8px;
    }
}

.benefits-items__row2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .benefits-items__row2 {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .benefits-items__row2 {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.benefits-items__column1 {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 768px) {
    .benefits-items__column1 {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1026px) {
    .benefits-items__column1 {
        flex: 0 0 auto;
        width: 20%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 1230px) {
    .benefits-items__column1 {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.benefits-items__column2 {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 768px) {
    .benefits-items__column2 {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1026px) {
    .benefits-items__column2 {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .benefits-items__column2 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.benefits-item {
    position: relative;
    height: 100%;
    background-color: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.benefits-item__image,
.solutions-item__image {
    width: 70px;
    height: 70px;
    margin-inline: auto;

    & > :is(img, svg) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.benefits-item__text {
    position: relative;
    z-index: 100;
    padding: 20px 0 0 0;
    text-align: center;
    color: #1A2432 !important;
    font-size: 14px;
    line-height: var(--global-card-line-height);
}

@media (min-width: 768px) {
    .benefits-item__text {
        font-size: 18px;
        padding: 28px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .benefits-item__text {
        padding: 18px 0 0 0;
    }
}

.benefits-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.benefits-item_paddings_1 {
    padding: 30px 10px 25px 10px;
}

@media (min-width: 1230px) {
    .benefits-item_paddings_1 {
        padding: 45px 10px 23px 10px;
    }
}

.benefits-item_paddings_2 {
    padding: 30px 10px 25px 10px;
}

@media (min-width: 1026px) {
    .benefits-item_paddings_2 {
        padding: 45px 20px 36px 20px;
    }
}

@media (min-width: 1230px) {
    .benefits-item_paddings_2 {
        padding: 45px 30px 36px 30px;
    }
}

.technology-info {
    padding: 0;
}

.technology-info__title {
    text-align: left;
}

.benefits2__title {
    text-align: center;
}

.benefits2-items {
    padding: 0;
}

.benefits2-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .benefits2-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .benefits2-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.benefits2-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .benefits2-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .benefits2-items__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .benefits2-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.benefits2-item {
    position: relative;
    background: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    height: 100%;
    padding: 28px 15px 20px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .benefits2-item {
        flex-wrap: nowrap;
        padding: 30px 24px 26px 24px;
    }
}

@media (min-width: 1230px) {
    .benefits2-item {
        padding: 30px 24px 40px 24px;
    }
}

.benefits2-item__image {
    flex: 0 0 auto;
    margin-inline: auto;

    & > :is(img, svg) {
        display: block;
        margin-inline: auto;
        max-width: 100%;
        object-fit: contain;
    }
}

@media (min-width: 768px) {
    .benefits2-item__image {
        width: 50px;
        margin: 5px 24px 0 0;
    }
}

.benefits2-item__info {
    flex: 0 0 auto;
    width: 100%;
    padding: 20px 0 0 0;
}

@media (min-width: 768px) {
    .benefits2-item__info {
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
        padding: 0;
    }
}

.benefits2-item__title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
}

.benefits2-item__text {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
    padding: 5px 0 0 0;
}

.benefits2-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.software {
    padding: 0;
}

@media (min-width: 768px) {
    .software__title_text-align_1 {
        text-align: center;
    }
}

.software__title_text-align_2 {
    text-align: left;
}

.software-items {
    overflow: hidden;
}

.software-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -25px;
    margin-bottom: -25px;
}

@media (min-width: 1026px) {
    .software-items__row {
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .software-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.software-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (min-width: 1026px) {
    .software-items__column {
        flex: 0 0 auto;
        width: 50%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .software-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.software-item {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.software-item:hover {
    text-decoration: none;
}

.software-item__image {
    flex: 0 0 auto;
    background-color: #0E1855;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 8px;
}

@media (min-width: 1026px) {
    .software-item__image {
        height: 293px;
    }
    .software-item__image img {
        display: none !important;
    }
}

.software-item__image img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.software-item__info {
    flex: 1 1 auto;
    border-radius: 10px;
    background: #004FC1;
    margin: -20px 0 0 0;
    padding: 26px 15px 36px 15px;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .software-item__info {
        margin: -74px 17px 0 17px;
        padding: 40px 38px 52px 38px;
    }
}

.software-item__title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMjY1NSAxTDIxIDZNMjEgNkwxNS4yNjU1IDExTTIxIDZIMSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPgo=") no-repeat right top 10px;
    padding: 0 28px 0 0;
}

.software-item__text {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    padding: 6px 0 0 0;

    & > *:not(:last-child) {
        margin-bottom: 10px;
    }
}

.solutions {
    padding: 0;
}

@media (min-width: 768px) {
    .solutions__title {
        text-align: center;
    }
}

.solutions-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .solutions-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .solutions-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.solutions-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .solutions-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .solutions-items__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .solutions-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.solutions-item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
    padding: 28px 30px 34px 36px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-decoration: none;
    border-radius: 10px;
}

.solutions-item:hover {
    text-decoration: none;
}

@media (min-width: 576px) {
    .solutions-item {
        flex-wrap: nowrap;
        padding: 48px 30px 48px 36px;
    }
}

.solutions-item__image {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

@media (min-width: 576px) {
    .solutions-item__image {
        justify-content: flex-start;
        width: 90px;
        padding: 0 20px 0 0;
    }
}

.solutions-item__image svg {
    display: block;
}

.solutions-item__info {
    flex: 0 0 auto;
    width: 100%;
    padding: 20px 0 0 0;
}

@media (min-width: 576px) {
    .solutions-item__info {
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
        padding: 0;
    }
}

.solutions-item__title {
    font-size: 22px;
    line-height: 1.25;
    color: #000000;
    font-weight: 600;
    text-align: center;
}

@media (min-width: 576px) {
    .solutions-item__title {
        text-align: left;
    }
}

.solutions-item__text {
    padding: 6px 0 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: rgba(26, 36, 50, 0.75);
    text-align: center;
}

@media (min-width: 576px) {
    .solutions-item__text {
        text-align: left;
    }
}

.solutions-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

@media (min-width: 768px) {
    .catalog-showcase__title {
        text-align: center;
    }
}

.catalog-showcase-slider-wrapper {
    margin: 0 -15px 0 -15px;
}

@media (min-width: 576px) {
    .catalog-showcase-slider-wrapper {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .catalog-showcase-slider-wrapper {
        margin: 0 -24px 0 -24px;
    }
}

.catalog-showcase-slider {
    position: relative;
}

@media (min-width: 768px) {
    .catalog-showcase-slider {
        padding: 0 24px 0 24px;
    }
}

.catalog-showcase-slider .swiper-slide {
    height: auto;
}

.catalog-showcase-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 40px 15px 130px 15px;
    text-decoration: none;
}

.catalog-showcase-item:hover {
    text-decoration: none;
}

.catalog-showcase-item:hover .catalog-showcase-item__more-element-text {
    color: #FF277F;
    background-position: right top -196px;
}

@media (min-width: 768px) {
    .catalog-showcase-item {
        flex-wrap: nowrap;
        padding: 36px 64px 33px 50px;
    }
}

@media (min-width: 1230px) {
    .catalog-showcase-item {
        padding: 33px 64px 39px 30px;
    }
}

.catalog-showcase-item__image {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 30px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

@media (min-width: 768px) {
    .catalog-showcase-item__image {
        justify-content: flex-start;
        width: 264px;
    }
}

.catalog-showcase-item__image-element {
    width: 200px;
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .catalog-showcase-item__image-element {
        width: 100%;
    }
}

.catalog-showcase-item__image-element img {
    display: block;
    width: 100%;
}

.catalog-showcase-item__info {
    flex: 1 1 auto;
    min-width: 0;
    padding: 20px 0 0 0;
}

@media (min-width: 768px) {
    .catalog-showcase-item__info {
        padding: 0;
    }
}

@media (min-width: 1230px) {
    .catalog-showcase-item__info {
        padding: 12px 0 0 0;
    }
}

.catalog-showcase-item__title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #000000;
}

.catalog-showcase-item__text {
    padding: 6px 0 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: rgba(26, 36, 50, 0.75);
}

.catalog-showcase-item__more {
    padding: 20px 0 0 0;
}

.catalog-showcase-item__more-element {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.catalog-showcase-item__more-element-text {
    flex: 0 0 auto;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIxMiIgdmlld0JveD0iMCAwIDIyIDIxMiIgd2lkdGg9IjIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMTUuMjY1NSAxIDUuNzM0NSA1bTAgMC01LjczNDUgNW01LjczNDUtNWgtMjAiIHN0cm9rZT0iIzYwNDJmNCIvPjxwYXRoIGQ9Im0xNS4yNjU1IDIwMSA1LjczNDUgNW0wIDAtNS43MzQ1IDVtNS43MzQ1LTVoLTIwIiBzdHJva2U9IiNmZjI3N2YiLz48L2c+PC9zdmc+") no-repeat right top 4px;
    padding: 0 30px 0 0;
    min-height: 15px;
    font-size: 16px;
    line-height: 1.25;
    color: #6042F4;
    font-weight: 600;
    text-transform: uppercase;
}

.catalog-showcase-slider-nav {
    position: absolute;
    z-index: 40;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    visibility: hidden;
    left: 0;
    right: 0;
    bottom: 99px;
    width: 126px;
    height: 48px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .catalog-showcase-slider-nav {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 102px;
    }
}

:is(.catalog-showcase-slider-nav, .business-slider-nav, .product-images-slider-nav, .product-images-modal-slider-nav) .slider-nav-button.swiper-button-disabled > svg > rect {
    stroke: rgba(69, 16, 138, 0.3);
}
:is(.catalog-showcase-slider-nav, .business-slider-nav, .product-images-slider-nav, .product-images-modal-slider-nav) .slider-nav-button.swiper-button-disabled > svg > path {
    fill: rgba(69, 16, 138, 0.3);
}
@media (hover: hover) {
    :is(.catalog-showcase-slider-nav, .business-slider-nav, .product-images-slider-nav, .product-images-modal-slider-nav) .slider-nav-button:not(.swiper-button-disabled):hover > svg > rect {
        fill: rgba(69, 16, 138);
    }
    :is(.catalog-showcase-slider-nav, .business-slider-nav, .product-images-slider-nav, .product-images-modal-slider-nav) .slider-nav-button:not(.swiper-button-disabled):hover > svg > path {
        fill: #fff;
    }
}

.catalog-showcase-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    visibility: visible;
}

.catalog-showcase-slider-dots {
    padding: 27px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.catalog-showcase-slider-dots .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    margin: 3px !important;
    padding: 0 !important;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiBmaWxsPSIjZDNlN2Y0IiByPSI3LjUiLz48L3N2Zz4=") no-repeat left top;
    opacity: 1;
}

.catalog-showcase-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    height: 24px;
    margin: 3px !important;
    padding: 0 !important;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMS41IiBzdHJva2U9IiM0NTEwOGEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiBmaWxsPSIjNDUxMDhhIiByPSI3LjUiLz48L3N2Zz4=") no-repeat left top;
    opacity: 1;
}

.people {
    padding: 0;
}

@media (min-width: 768px) {
    .team__title {
        text-align: center;
    }
}

.team-items {
    padding: 0;
}

.team-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .team-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .team-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.team-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .team-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1026px) {
    .team-items__column {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1230px) {
    .team-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.team-item {
    position: relative;
    padding: 64px 0 0 0;
    height: 100%;
}

.team-item__info {
    background: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    padding: 106px 15px 40px 15px;
    height: 100%;
}

@media (min-width: 768px) {
    .team-item__info {
        padding: 156px 36px 36px 36px;
    }
}

.team-item__name {
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
}

.team-item__position {
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    padding: 5px 0 0 0;
}

.team-item__image {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.team-item__image img {
    display: block;
    width: 100%;
}

@media (min-width: 768px) {
    .team-item__image {
        width: 200px;
        height: 200px;
    }
}

.business_padding-top {
    padding: 60px 0 0 0;
}

@media (min-width: 768px) {
    .business_padding-top {
        padding: 80px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .business_padding-top {
        padding: 26px 0 0 0;
    }
}

.business-tabs {
    padding: 32px 0 32px 0;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.business-tabs__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.business-tabs-select-element {
    padding: 0 15px 0 15px;
}

@media (min-width: 768px) {
    .business-tabs-select-element {
        display: none;
    }
}

.business-tabs-select {
    width: 100%;
    background-color: #FFFFFF;
    height: 48px;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #1A2432;
    border-left: none;
    border-radius: 0;
    font-size: 28px;
    line-height: 1;
    color: #1A2432;
    font-weight: 600;
    -webkit-appearance: none;
    appearance: none;
    background: #FFFFFF url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTAgMTAiIHdpZHRoPSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNSAxMCA1LTEwaC0xMHoiIGZpbGw9IiM2MDQyZjQiLz48L3N2Zz4=") no-repeat right 0 center;
}

.business-tabs-buttons {
    display: none;
}

@media (min-width: 768px) {
    .business-tabs-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
}

.business-tabs-buttons__column {
    flex: 0 0 auto;
    padding: 0 15px 0 15px;
}

.tabs-button.business-tabs-button {
    font-size: 38px;
    line-height: 1;
    color: #1A2432;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.tabs-button.business-tabs-button:hover {
    color: #1A2432;
    text-decoration: none;
}

.tabs-button.business-tabs-button:active {
    color: #1A2432;
    text-decoration: none;
}

.tabs-button.tabs-button_active.business-tabs-button {
    color: #405A7E;
    text-decoration: none;
}

.tabs-button.tabs-button_active.business-tabs-button:hover {
    color: #405A7E;
    text-decoration: none;
}

.tabs-button.tabs-button_active.business-tabs-button:active {
    color: #405A7E;
    text-decoration: none;
}

.business-tabs-content {
    padding: 20px 0 0 0;
}

.tabs-content {
    display: none;
}

.tabs-content_active {
    display: block;
}

.business-slider {
    padding: 12px 12px 0 12px;
}

.business-item {
    /*filter: drop-shadow(0px 9px 15px rgba(0, 0, 0, 0.2));*/
}

.business-item img {
    display: block;
    width: 100%;
}

.business-slider-nav {
    margin: 0 auto;
    width: 126px;
    padding: 40px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .business-slider-nav {
        padding: 30px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .business-slider-nav {
        padding: 16px 0 0 0;
    }
}

.business-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
}

@media (min-width: 768px) {
    .news__title {
        text-align: center;
    }
}

.news-items {
    padding: 0;
}

.news-items__row {
    display: grid;
    grid-template-columns: 1fr;
    margin: -10px;

    @media (min-width: 768px) {
        grid-template-columns: 1fr 1fr;
    }
    @media (min-width: 1230px) {
        margin: -15px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.news-items__column {
    padding: 10px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;

    @media (min-width: 1230px) {
        padding: 15px;
    }
}

.news-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.news-item:hover {
    text-decoration: none;
}

.news-item:active {
    text-decoration: none;
}

.news-item__image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.news-item__image img {
    display: block;
    width: 100%;
}

.news-item__info {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    position: relative;
    z-index: 10;
    margin: -10px 0 0 0;
    background-color: #004FC1;
    border-radius: 10px;
    color: #FFFFFF;
    padding: 40px 20px 30px 20px;
}

@media (min-width: 1230px) {
    .news-item__info {
        padding: 40px 40px 30px 40px;
    }
}

.news-item__title {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
}

.news-item__date {
    padding: 6px 0 0 0;
    font-size: 12px;
    line-height: 1.2;
}

.news-item__text {
    padding: 6px 28px 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMjY1NSAxTDIxIDZNMjEgNkwxNS4yNjU1IDExTTIxIDZIMSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPgo=") no-repeat right bottom 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.callback {
    overflow: hidden;
    background: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 576px) {
    .callback {
        margin-left: 0;
        margin-right: 0;
    }
}

.callback_paddings_contacts {
    padding: 50px 15px 56px 15px;
}

@media (min-width: 768px) {
    .callback_paddings_contacts {
        padding: 45px 20px 60px 20px;
    }
}

@media (min-width: 1230px) {
    .callback_paddings_contacts {
        padding: 96px 60px 32px 60px;
    }
}

.callback__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .callback__row {
        flex-wrap: nowrap;
    }
}

.callback__row2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.callback__form-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 42px 15px 0 15px;
}
.callback__form-column:not(:has(+ .callback__picture-column)) {
    padding-bottom: 42px;
}

@media (min-width: 768px) {
    .callback__form-column {
        flex: 1 1 auto;
        min-width: 0;
        padding: 56px 0 32px 22px;
    }
    .callback__form-column:not(:has(+ .callback__picture-column)) {
        padding-right: 22px;
    }
}

@media (min-width: 1230px) {
    .callback__form-column {
        padding: 96px 0 32px 60px;
    }
    .callback__form-column:not(:has(+ .callback__picture-column)) {
        padding-right: 60px;
    }
}

.callback__picture-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .callback__picture-column {
        width: 322px;
    }
}

@media (min-width: 1026px) {
    .callback__picture-column {
        width: 490px;
    }
}

@media (min-width: 1230px) {
    .callback__picture-column {
        width: 587px;
    }
}

.callback__form-title-column {
    flex: 0 0 auto;
    width: 100%;
    order: 2;
    padding: 40px 0 0 0;
}

@media (min-width: 1026px) {
    .callback__form-title-column {
        padding: 0;
        order: 1;
    }
}

.callback__form-contacts-column {
    flex: 0 0 auto;
    width: 100%;
    order: 3;
}

@media (min-width: 1026px) {
    .callback__form-contacts-column {
        width: 452px;
        order: 2;
        padding: 0;
    }
}

@media (min-width: 1230px) {
    .callback__form-contacts-column {
        width: 491px;
    }
}

.callback__contacts-column {
    flex: 0 0 auto;
    width: 100%;
    order: 1;
}

@media (min-width: 1026px) {
    .callback__contacts-column {
        width: 470px;
        padding: 0 0 0 26px;
        order: 3;
    }
}

@media (min-width: 1230px) {
    .callback__contacts-column {
        width: 527px;
        padding: 14px 0 0 50px;
    }
}

.callback__form-elements {
    padding: 0;
}

.callback__title {
    padding: 0;
}

.callback__form-elements {
    padding: 0;
}

.callback__form-input {
    padding: 0 0 10px 0;
}

.callback__form-textarea {
    padding: 0 0 10px 0;
}

.callback__form-button {
    padding: 0 0 10px 0;
}

.callback__form-privacy {
    font-size: 12px;
    line-height: 1.25;
    color: rgba(26, 36, 50, 0.75);
}

.callback__picture {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 30px 15px 48px 15px;
}

@media (min-width: 768px) {
    .callback__picture {
        padding: 56px 22px 32px 0;
    }
}

@media (min-width: 1230px) {
    .callback__picture {
        padding: 42px 30px 32px 0;
    }
}

.callback__picture-background {
    background-color: rgba(0, 9, 73, 0.75);
    border: 1px solid #F2F8FC;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 20/21;
}

@media (min-width: 768px) {
    .callback__picture-background {
        aspect-ratio: initial;
        width: 280px;
        height: 240px;
    }
}

@media (min-width: 1026px) {
    .callback__picture-background {
        width: 448px;
        height: 454px;
    }
}

@media (min-width: 1230px) {
    .callback__picture-background {
        width: 508px;
        height: 619px;
    }
}

.callback__picture-element {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: auto;
    right: 15px;
    top: 20px;
}

@media (min-width: 768px) {
    .callback__picture-element {
        width: 240px;
        height: auto;
        right: 45px;
        top: 50px;
    }
}

@media (min-width: 1026px) {
    .callback__picture-element {
        width: 475px;
        height: auto;
        right: 0;
        top: 35px;
    }
}

@media (min-width: 1230px) {
    .callback__picture-element {
        width: 571px;
        height: auto;
        z-index: 20;
        right: 0;
        top: 75px;
    }
}

.callback__picture-element img {
    display: block;
    width: 100%;
}

.callback__contacts {
    padding: 0;
}

.callback__contacts-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 0 30px 0;
}

.callback__contacts-item:last-child {
    padding: 0;
}

.callback__contacts-item-image {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    background-color: #004FC1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.callback__contacts-item-image svg {
    flex: 0 0 auto;
    display: block;
    width: 18px;
    height: 18px;
    fill: #FFFFFF;
}

.callback__contacts-item-icon {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;

    & > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.callback__contacts-item-text {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    line-height: 1.25;
}

.callback__contacts-item-text-link {
    color: #1A2432;
    text-decoration: none;
}

.callback__contacts-item-text-link:hover {
    color: #FF277F;
    text-decoration: none;
}

.map {
    background-color: #F2F8FC;
    border-radius: 10px;
    height: 260px;
}

@media (min-width: 768px) {
    .map {
        height: 560px;
    }
}

.production {
    padding: 0;
}

.production__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .production__row {
        flex-wrap: nowrap;
    }
}

.production__filter-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .production__filter-column {
        padding: 0 20px 0 0;
        width: 246px;
    }
}

@media (min-width: 1230px) {
    .production__filter-column {
        padding: 0 30px 0 0;
        width: 294px;
    }
}

.production__items-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 20px 0 0 0;
}

@media (min-width: 768px) {
    .production__items-column {
        padding: 0;
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
    }
}

.filter {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.filter__title {
    position: relative;
    height: 60px;
    padding: 19px 18px 0 18px;
    font-size: 18px;
    line-height: 1.25;
    color: #1A2432;
    cursor: pointer;
}

.filter__title::after {
    content: "";
    position: absolute;
    display: block;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 6px;
    height: 6px;
    z-index: 100;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zIDYgMy02aC02eiIgZmlsbD0iIzYwNDJmNCIvPjwvc3ZnPg==") no-repeat left 0 top 0;
}

@media (min-width: 768px) {
    .filter__title {
        display: none;
    }
}

.filter__title.collapse-button.collapse-button_opened::after {
    transform: rotate(180deg);
}

.filter__info {
    padding: 0;
}

@media (min-width: 768px) {
    .filter__info {
        height: 100% !important;
    }
}

.filter__items {
    padding: 18px 18px 0 18px;
}

@media (min-width: 768px) {
    .filter__items {
        padding: 22px 22px 0 22px;
    }
}

.filter__item {
    border-bottom: 1px solid #004FC1;
}

.filter__item-title {
    position: relative;
    padding: 13px 0 13px 0;
    font-size: 18px;
    line-height: 1.25;
    color: #1A2432;
    cursor: pointer;
}

.filter__item-title::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 6px;
    height: 6px;
    z-index: 100;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zIDYgMy02aC02eiIgZmlsbD0iIzYwNDJmNCIvPjwvc3ZnPg==") no-repeat left 0 top 0;
}

.filter__item-title.collapse-button.collapse-button_opened::after {
    transform: rotate(180deg);
}

.filter__item-content {
    padding: 0;
}

.filter__item-elements {
    padding: 0;
}

.filter__item-element {
    padding: 0 0 13px 0;
}

.filter__item-label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 0 0 22px;
    font-size: 14px;
    line-height: 1.25;
}

.filter__item-name {
    padding: 0 12px 0 0;
}

.filter__button {
    padding: 30px 18px 30px 18px;
}

@media (min-width: 768px) {
    .filter__button {
        padding: 30px 22px 30px 22px;
    }
}

.filter__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.filter-checkbox[type=checkbox] {
    margin-top: 3px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #004FC1;
    outline: 0;
    flex-grow: 0;
    border-radius: 0;
    background-color: #FFFFFF;
    cursor: pointer;
}

.filter-checkbox[type=checkbox]::before {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: 8px 6px;
    background-position: left 1px top 2px;
    background-repeat: no-repeat;
}

.filter-checkbox[type=checkbox]:checked {
    background-color: #FFFFFF;
}

.filter-checkbox[type=checkbox]:checked::before {
    box-shadow: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiIHdpZHRoPSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0uOTQ4NzY0OTggMi44MzM4MTg0IDIuMjE5MDgxNzIgMS44ODUwNTM4IDMuODgzMzg4MS0zLjc3MDEwNzIyIiBzdHJva2U9IiMwMDRmYzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjg5NzUzIi8+PC9zdmc+");
}

.filter-checkbox[type=checkbox]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.filter-radio[type=radio] {
    margin-top: 3px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #004FC1;
    outline: 0;
    flex-grow: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    cursor: pointer;
}

.filter-radio[type=radio]::before {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: 8px 6px;
    background-position: left 1px top 2px;
    background-repeat: no-repeat;
}

.filter-radio[type=radio]:checked {
    background-color: #FFFFFF;
}

.filter-radio[type=radio]:checked::before {
    box-shadow: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiBmaWxsPSIjMDA0ZmMxIiByPSIzIi8+PC9zdmc+");
}

.filter-radio[type=radio]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.sorting {
    padding: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .sorting {
        margin: -50px 0 0 0;
        padding: 0;
        height: 50px;
        text-align: right;
    }
}

.sorting__link {
    color: #6042F4;
    text-decoration: underline;
}

.sorting__link:hover {
    color: #FF277F;
    text-decoration: none;
}

.production-items {
    padding: 0;
}

.production-items__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 1024px) {
    .production-items__row {
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .production-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.production-items__column {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .production-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .production-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.production-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    width: 100%;
    height: 100%;
    padding: 15px 10px 14px 10px;
    background: #FFFFFF;
    border: 1px solid #D3E7F4;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .production-item {
        padding: 20px 20px 18px 20px;
    }
}

.production-item__image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.production-item__image-link {
    display: block;
    text-decoration: none;
}

.production-item__image-link:hover {
    text-decoration: none;
}

.production-item__image-link:active {
    text-decoration: none;
}

.production-item__image-link img {
    display: block;
    width: 100%;
}

.production-item__buttons {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.production-item__buttons-column {
    flex: 0 0 auto;
    padding: 0 0 2px 2px;
}

.production-item__promo {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.production-item__promo-column {
    flex: 0 0 auto;
    padding: 0 0 2px 2px;
}

.production-item__info {
    flex: 1 1 auto;
    display: block;
    padding: 10px 0 0 0;
}

@media (min-width: 768px) {
    .production-item__info {
        padding: 24px 0 0 0;
    }
}

.production-item__title {
    font-size: 16px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .production-item__title {
        font-size: 18px;
    }
}

.production-item__title-link {
    color: #1A2432;
    text-decoration: none;
}

.production-item__title-link:hover {
    color: #FF277F;
    text-decoration: none;
}

.production-item__text {
    opacity: 0.5;
    padding: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.25;
}

.production-item__capabilities {
    list-style: none;
    background: none;
    margin: 0;
}

.production-item__capabilities-value {
    min-height: 18px;
    margin: 0;
    padding: 0 0 7px 16px;
    font-size: 12px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTAgMTAiIHdpZHRoPSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yIDBjLTEuMTA0NTY5IDAtMiAuODk1NDMtMiAydjZjMCAxLjEwNDU3Ljg5NTQzIDIgMiAyaDZjMS4xMDQ1NyAwIDItLjg5NTQzIDItMnYtNmMwLTEuMTA0NTctLjg5NTQzLTItMi0yem03LjM2NiAzLjYxNjg4Yy4zNDA3LS40MzQ2OC4yNjQ1MS0xLjA2MzI0LS4xNzAxNy0xLjQwMzk0LS40MzQ2OC0uMzQwNjktMS4wNjMyNC0uMjY0NS0xLjQwMzk0LjE3MDE4bC0zLjA4NjkyIDMuOTM4NDgtMS45NjY0OC0yLjE1Mzc2Yy0uMzcyMzktLjQwNzg2LTEuMDA0OTEtLjQzNjYxLTEuNDEyNzYtLjA2NDIyLS40MDc4NTQuMzcyMzktLjQzNjYwNCAxLjAwNDktLjA2NDIyIDEuNDEyNzVsMi43NjMxNiAzLjAyNjMyYy4xOTgzMS4yMTcyLjQ4MjE4LjMzNjA4Ljc3NjA4LjMyNTAyLjI5MzktLjAxMTA1LjU2ODAzLS4xNTA5My43NDk0Ni0uMzgyNDF6IiBmaWxsPSIjMWEyNDMyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") no-repeat left 0 top 5px;
}

@media (min-width: 768px) {
    .production-item__capabilities-value {
        font-size: 14px;
    }
}

.production-item__bottom {
    display: flex;
    flex-direction: column;
    padding: 3px 0 0 0;
}

.production-item__price {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    font-size: 16px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .production-item__price {
        font-size: 18px;
    }
}

.production-item__price-value:not(.production-item__price-value--old) {
    font-weight: 700;
}
.production-item__price-value--old {
    text-decoration: line-through;
    opacity: 0.5;
}

.production-item__order-button {
    margin-top: auto;
    padding: 10px 0 0 0;
}

@media (min-width: 768px) {
    .production-item__order-button {
        padding: 20px 0 0 0;
    }
}

.production-item-button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin: 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #D3E7F4;
}

.production-item-button:hover {
    background-color: #6042F4;
}

.production-item-button:active,
.production-item-button.active {
    background-color: #6042F4;
}

.production-item-button_style_wishlist.active svg {
    fill: #D3E7F4;
}

.production-item-button svg {
    display: block;
    width: 18px;
    height: 18px;
}

@media (min-width: 576px) {
    .production-item-button {
        width: 28px;
        height: 28px;
    }
}

.production-item-button_style_wishlist svg {
    stroke: #6042F4;
}

.production-item-button_style_wishlist:hover svg {
    fill: #D3E7F4;
}

.production-item-button_style_wishlist:active svg {
    fill: #D3E7F4;
}

.production-item-button_style_compare svg {
    fill: #6042F4;
}

.production-item-button_style_compare:hover svg {
    fill: #D3E7F4;
}

.production-item-button_style_compare:active svg {
    fill: #D3E7F4;
}

.production-item-magnifier {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #D3E7F4;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.production-item-magnifier svg {
    flex: 0 0 auto;
    display: block;
    width: 14px;
    height: 14px;
    fill: #6042F4;
}

.production-item-promo {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    padding: 6px 0 0 0;
    font-family: "Bebas Neue", Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .production-item-promo {
        width: 28px;
        height: 28px;
        padding: 8px 0 0 0;
        font-size: 14px;
    }
}

.production-item-promo_color_new {
    background-color: #45108A;
}

.production-item-promo_color_discount {
    background-color: #FF277F;
}

.production-item-promo_color_hit {
    background-color: #004FC1;
}

.pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 0 0 0;
}

.pagination__item {
    flex: 0 0 auto;
    height: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.07em;
    color: #405A7E;
    padding: 0 16px 0 0;
}

.pagination__item-navigation-link {
    width: 29px;
    height: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #6042F4;
}

.pagination__item-navigation-link:hover {
    stroke: #6042F4;
}

.pagination__item-navigation-link:hover svg {
    stroke: #FF277F;
}

.pagination__item-navigation-link svg {
    flex: 0 0 auto;
    display: block;
    width: 100%;
    height: auto;
    stroke: #6042F4;
}

.pagination__item-navigation-link_backward {
    transform: rotate(180deg);
}

.pagination__item-navigation-link_forward {
    transform: rotate(0);
}

.pagination__item-link {
    color: #6042F4;
    text-decoration: none;
}

.pagination__item-link:hover {
    color: #FF277F;
    text-decoration: none;
}

.cases-filter__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 1026px) {
    .cases-filter__row {
        flex-wrap: nowrap;
        margin: 0;
    }
}

.cases-filter__select-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 30px 0 0 0;
}

.cases-filter__select-column:first-child {
    padding-top: 0;
}

@media (min-width: 1026px) {
    .cases-filter__select-column {
        width: 384px;
        padding: 0 20px 0 0;
    }
}

@media (min-width: 1230px) {
    .cases-filter__select-column {
        width: 488px;
        padding: 0 30px 0 0;
    }
}

.cases-filter__result-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 30px 0 0 0;
}

@media (min-width: 1026px) {
    .cases-filter__result-column {
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
        padding: 0;
    }
}

.cases-filter-select-wrapper {
    position: relative;
}

.cases-filter-select-wrapper__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.cases-filter-result {
    font-size: 18px;
    line-height: 1.25;
}

@media (min-width: 1026px) {
    .cases-filter-result {
        padding: 10px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .cases-filter-result {
        padding: 12px 0 0 0;
    }
}

.cases-items {
    padding: 0;
}

.cases-items_padding-top {
    padding-top: 40px;
}

.cases-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .cases-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .cases-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.cases-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .cases-items__column {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .cases-items__column {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1230px) {
    .cases-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.cases-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 100%;
    background-color: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    text-decoration: none;
}

.cases-item:hover {
    text-decoration: none;
}

.cases-item__images {
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 10px;
    margin: -1px -1px 0 -1px;
}

.cases-item__images img {
    display: block;
    width: 100%;
}

.cases-item__info {
    flex: 1 1 auto;
    padding: 20px 25px 22px 25px;
}

@media (min-width: 768px) {
    .cases-item__info {
        padding: 32px 25px 29px 25px;
    }
}

@media (min-width: 1230px) {
    .cases-item__info {
        padding: 22px 25px 29px 25px;
    }
}

.cases-item__title {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
}

@media (min-width: 768px) {
    .cases-item__title {
        font-size: 22px;
    }
}

.cases-item__text {
    padding: 10px 0 0 0;
    opacity: 0.65;
    font-size: 14px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
}

@media (min-width: 768px) {
    .cases-item__text {
        font-size: 16px;
    }
}

.cases-item__attributes {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}

.cases-item__attributes-value {
    margin: 0;
    padding: 0;
}

.reference {
    padding: 0;
}

.reference__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .reference__row {
        flex-wrap: nowrap;
    }
}

.reference__sidebar-menu-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .reference__sidebar-menu-column {
        padding: 0 20px 0 0;
        width: 246px;
    }
}

@media (min-width: 1230px) {
    .reference__sidebar-menu-column {
        padding: 0 30px 0 0;
        width: 294px;
    }
}

.reference__items-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 30px 0 0 0;
}

@media (min-width: 768px) {
    .reference__items-column {
        padding: 0;
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
    }
}

.sidebar-menu {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.sidebar-menu__title {
    position: relative;
    height: 60px;
    padding: 19px 18px 0 18px;
    font-size: 18px;
    line-height: 1.25;
    color: #1A2432;
    cursor: pointer;
}

.sidebar-menu__title::after {
    content: "";
    position: absolute;
    display: block;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 6px;
    height: 6px;
    z-index: 100;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zIDYgMy02aC02eiIgZmlsbD0iIzYwNDJmNCIvPjwvc3ZnPg==") no-repeat left 0 top 0;
}

@media (min-width: 768px) {
    .sidebar-menu__title {
        display: none;
    }
}

.sidebar-menu__title.collapse-button.collapse-button_opened::after {
    transform: rotate(180deg);
}

.sidebar-menu__info {
    padding: 0;
}

@media (min-width: 768px) {
    .sidebar-menu__info {
        height: 100% !important;
    }
}

.sidebar-menu__items {
    padding: 18px;
}

@media (min-width: 768px) {
    .sidebar-menu__items {
        padding: 22px 22px 43px 22px;
    }
}

.sidebar-menu__item {
    border-bottom: 1px solid #004FC1;
    font-size: 18px;
    line-height: 1.25;
}

.sidebar-menu__item-link {
    display: block;
    padding: 13px 0 13px 0;
    color: #1A2432;
    text-decoration: none;
}

.sidebar-menu__item-link:hover {
    color: #FF277F;
    text-decoration: none;
}

.sidebar-menu__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.reference-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.reference-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.reference-item {
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    padding: 24px 22px 22px 22px;
    text-decoration: none;
}

.reference-item:hover {
    text-decoration: none;
}

.reference-item:hover .common-small-button {
    background-color: #6042F4;
}

@media (min-width: 768px) {
    .reference-item {
        padding: 32px 22px 32px 22px;
    }
}

@media (min-width: 1230px) {
    .reference-item {
        padding: 32px 22px 40px 22px;
    }
}

.reference-item__title {
    font-size: 18px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .reference-item__title {
        font-size: 22px;
    }
}

.reference-item__text {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: rgba(26, 36, 50, 0.65);
    padding: 5px 0 0 0;
}

@media (min-width: 768px) {
    .reference-item__text {
        font-size: 18px;
    }
}

.reference-item__button {
    padding: 20px 0 0 0;
}

@media (min-width: 576px) {
    .reference-item__button {
        width: 220px;
    }
}

.updates-title__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 1026px) {
    .updates-title__row {
        flex-wrap: nowrap;
    }
}

.updates-title__h1-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 1026px) {
    .updates-title__h1-column {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0 30px 0 0;
    }
}

.updates-title__buttons-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 1026px) {
    .updates-title__buttons-column {
        width: 544px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-end;
        margin: 0 0 30px 0;
    }
}

.updates-title-buttons {
    padding: 4px 0 0 0;
}

.updates-title-buttons__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.updates-title-buttons__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 768px) {
    .updates-title-buttons__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

.updates {
    padding: 0;
}

.updates-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

.updates-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.updates-item {
    background: #fff;
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    padding: 32px 144px 34px 50px;
    text-decoration: none;
    display: flex;
    column-gap: 50px;

    @media (max-width: 1023px) {
        flex-direction: column;
        row-gap: 16px;
        padding: 24px 25px 35px;
    }
}

.updates-item__img {
    flex: 0 0 auto;
    width: 94px;
    margin-top: 47px;

    & > :is(img, svg) {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    @media (max-width: 1023px) {
        width: 49px;
        margin-top: 0;
    }
}

.updates-item__title {
    font-size: 18px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .updates-item__title {
        font-size: 22px;
    }
}

.updates-item__date {
    font-size: 14px;
    line-height: 1.25;
    color: rgba(26, 36, 50, 0.65);
    padding: 5px 0 0 0;
}

.updates-item__text {
    overflow: hidden;
}

.updates-item__text-content {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: rgba(26, 36, 50, 0.65);
    padding: 5px 0 0 0;
}

@media (min-width: 768px) {
    .updates-item__text-content {
        font-size: 18px;
    }
}

.updates-item__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 0 0 0;
}

.updates-item__buttons-more-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .updates-item__buttons-more-column {
        width: 185px;
        padding: 0 10px 0 0;
    }
}

.updates-item__buttons-download-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 10px 0 0 0;
}

@media (min-width: 768px) {
    .updates-item__buttons-download-column {
        width: 150px;
        padding: 0;
    }
}

.updates-item__text.collapse-more-text_closed {
    height: 81px;
}

.product-solutions {
    padding: 0;
}

@media (min-width: 768px) {
    .product-solutions__title {
        text-align: center;
    }
}

.product-solutions-items {
    padding: 0;
}

.product-solutions-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .product-solutions-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .product-solutions-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.product-solutions-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .product-solutions-items__column {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .product-solutions-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.product-solutions-item {
    position: relative;
    display: block;
    height: 100%;
    padding: 20px 28px 36px 28px;
    background-color: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    text-decoration: none;
}

.product-solutions-item:hover {
    text-decoration: none;
}

.product-solutions-item__image {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.product-solutions-item__image img {
    display: block;
    flex: 0 0 auto;
    max-width: 270px;
}

.product-solutions-item__title {
    padding: 20px 0 0 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
    text-align: center;
}

@media (min-width: 768px) {
    .product-solutions-item__title {
        padding: 30px 0 0 0;
    }
}

.product-solutions-item__text {
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
    text-align: center;
}

@media (min-width: 768px) {
    .product-solutions-item__text {
        padding: 10px 0 0 0;
    }
}

.product-solutions-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.other-pages {
    padding: 0;
}

@media (min-width: 768px) {
    .other-pages__title {
        text-align: center;
    }
}

.other-pages-items {
    padding: 0;
}

.other-pages-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
}

@media (min-width: 1026px) {
    .other-pages-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .other-pages-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.other-pages-items__column {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 1026px) {
    .other-pages-items__column {
        flex: 0 0 auto;
        width: 25%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .other-pages-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.other-pages-item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 100%;
    padding: 30px 12px 30px 12px;
    background-color: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    text-decoration: none;
}

.other-pages-item:hover {
    text-decoration: none;
}

.other-pages-item:hover .common-small-button {
    background-color: #6042F4;
}

@media (min-width: 768px) {
    .other-pages-item {
        padding: 42px 22px 24px 22px;
    }
}

.other-pages-item__image {
    flex: 0 0 auto;
    margin-inline: auto;
    width: 70px;
    height: 70px;

    @media (min-width: 768px) {
        width: 100px;
        height: 100px;
    }

    & > :is(img, svg) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.other-pages-item__title {
    flex: 1 1 auto;
    padding: 10px 0 0 0;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
    text-align: center;
}

@media (min-width: 768px) {
    .other-pages-item__title {
        font-size: 22px;
        padding: 20px 0 0 0;
    }
}

.other-pages-item__button {
    flex: 0 0 auto;
    padding: 20px 0 0 0;
}

.other-pages-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.software-solutions {
    padding: 0;
}

.software-solutions__title {
    padding: 0;
}

.software-solutions__info {
    margin: 0 0 30px 0;
}

/*@media (min-width: 1230px) {
    .software-solutions__info {
        padding: 0 220px 0 0;
    }
}*/

.software-solutions-items {
    padding: 0;
}

.software-solutions-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 1026px) {
    .software-solutions-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .software-solutions-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.software-solutions-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .software-solutions-items__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1026px) {
    .software-solutions-items__column {
        flex: 0 0 auto;
        width: 33.333333%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .software-solutions-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.software-solutions-item {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.software-solutions-item:hover {
    text-decoration: none;
}

.software-solutions-item__image {
    flex: 0 0 auto;
    border-radius: 8px;
    overflow: hidden;
}

.software-solutions-item__image img {
    display: block;
    width: 100%;
}

.software-solutions-item__info {
    flex: 1 1 auto;
    border-radius: 10px;
    background-color: #004FC1;
    margin: -20px 0 0 0;
    padding: 26px 15px 50px 15px;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .software-solutions-item__info {
        padding: 40px 24px 34px 24px;
    }
}

.software-solutions-item__title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMjY1NSAxTDIxIDZNMjEgNkwxNS4yNjU1IDExTTIxIDZIMSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPgo=") no-repeat right top 10px;
    padding: 0 28px 0 0;
}

.software-solutions-item__text {
    font-size: 16px;
    line-height: 1.25;
    padding: 6px 0 0 0;
}

.cases {
    padding: 0;
}

.cases__title {
    text-align: center;
}

.technical-support {
    background: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 30px 15px 34px 15px;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 576px) {
    .technical-support {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .technical-support {
        padding: 60px 22px 40px 22px;
    }
}

@media (min-width: 1230px) {
    .technical-support {
        padding: 96px 60px 30px 60px;
    }
}

@media (min-width: 768px) {
    .technical-support__info {
        margin: 0 auto;
    }
}

.technical-support__title {
    margin: 0 0 20px 0;
    text-align: center;
}

.technical-support__text {
    font-size: 18px;
    line-height: var(--global-card-line-height);

    & > *:not(:last-child) {
        margin-bottom: 10px;
    }
}

.technical-support__text-link {
    color: #1A2432;
    text-decoration: underline;
}

.technical-support__text-link:hover {
    color: #FF277F;
    text-decoration: none;
}

.technical-support__text-link:active {
    color: #FF277F;
    text-decoration: none;
}

.technical-support__form {
    padding: 30px 0 0 0;
}

.technical-support__form-grid {
    display: grid;
    gap: 10px;
}

.technical-support__form-input {
    padding: 0;
}

@media (min-width: 1026px) {
    .technical-support__form-button {
        order: 4;
    }
}

@media (min-width: 1026px) {
    .technical-support__form-textarea {
        order: 5;
        grid-area: 1/2/6/3;
    }
}

.technical-support__privacy {
    font-size: 12px;
    line-height: 1.25;
    color: rgba(26, 36, 50, 0.75);
    text-align: center;
    padding: 10px 0 0 0;
}

@media (min-width: 1026px) {
    .technical-support__privacy {
        margin: 0 auto;
        width: 480px;
    }
}

.materials-tabs {
    padding: 0;
}

@media (min-width: 768px) {
    .materials-tabs-select-element {
        display: none;
    }
}

.materials-tabs-buttons {
    display: none;
    overflow-x: auto;
    border-bottom: 1px solid #405A7E;
}

@media (min-width: 768px) {
    .materials-tabs-buttons {
        display: block;
    }
}

.materials-tabs-buttons__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.materials-tabs-buttons__column {
    flex: 0 0 auto;
}

.tabs-button.materials-tabs-button {
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0 34px 23px 34px;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1.25;
    color: #1A2432;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tabs-button.materials-tabs-button:hover {
    color: #1A2432;
}

.tabs-button.materials-tabs-button:active {
    color: #1A2432;
}

.tabs-button.tabs-button_active.materials-tabs-button {
    padding: 0 34px 20px 34px;
    border-bottom: 3px solid #6042F4;
}

.materials-tabs-content__item {
    padding: 55px 0 0 0;
}

@media (min-width: 768px) {
    .materials-tabs-content__item {
        padding: 28px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .materials-tabs-content__item {
        padding: 40px 0 0 0;
    }
}

.materials-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

.materials-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.materials-item {
    background: #fff;
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    padding: 33px 144px 38px 66px;
    text-decoration: none;
    display: flex;
    column-gap: 73px;

    @media (max-width: 1023px) {
        padding: 24px 25px 29px;
        flex-direction: column;
        row-gap: 17px;
    }
}

.materials-item__img {
    flex: 0 0 auto;
    width: 55px;
    margin-top: 18px;

    & > :is(img, svg) {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    @media (max-width: 1023px) {
        width: 35px;
        margin-top: 0;
    }
}

.materials-item__title {
    font-size: 18px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .materials-item__title {
        font-size: 22px;
    }
}

.materials-item__size {
    font-size: 14px;
    line-height: var(--global-card-line-height);
    color: rgba(26, 36, 50, 0.65);
    padding: 5px 0 0 0;
}

.materials-item__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 0 0 0;
}

.materials-item__buttons-more-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .materials-item__buttons-more-column {
        width: 185px;
        padding: 0 10px 0 0;
    }
}

.materials-item__buttons-download-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 10px 0 0 0;
}

@media (min-width: 768px) {
    .materials-item__buttons-download-column {
        width: 150px;
        padding: 0;
    }
}

.solution-info {
    padding: 0;
}

.solution-info__title {
    text-align: left;
}

.solution-production {
    padding: 0;
}

.solution-production__title {
    text-align: center;
}

.solution-production__text {
    text-align: center;
}

@media (min-width: 1230px) {
    .solution-production-slider {
        padding-left: 1px;
        padding-right: 1px;
    }
}

.solution-production-slider .swiper-slide {
    height: auto;
}

.solution-production-slider_padding-top {
    padding-top: 30px;
}

.solution-production-slider-nav {
    margin: 0 auto;
    width: 126px;
    padding: 40px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .solution-production-slider-nav {
        padding: 30px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .solution-production-slider-nav {
        padding: 40px 0 0 0;
    }
}

.solution-production-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
}

.scheme {
    padding: 0;
}

.scheme__title {
    text-align: center;
}

.scheme-object {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 290px;
    height: 540px;
    margin: 0 auto;
}

@media (min-width: 1026px) {
    .scheme-object {
        justify-content: center;
    }
}

.scheme-object_style_1 {
    width: 290px;
    height: 540px;
    margin: 0 auto;
}

@media (min-width: 1026px) {
    .scheme-object_style_1 {
        width: initial;
        height: 392px;
        padding: 56px 0 0 0;
        margin: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object_style_1 {
        height: 480px;
        padding: 74px 0 0 0;
    }
}

.scheme-object_style_2 {
    width: 290px;
    height: 586px;
    margin: 0 auto;
}

@media (min-width: 1026px) {
    .scheme-object_style_2 {
        width: initial;
        height: 418px;
        padding: 56px 0 0 0;
        margin: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object_style_2 {
        height: 504px;
        padding: 74px 0 0 0;
    }
}

.scheme-object__svg-mobile {
    flex: 0 0 auto;
    width: 206px;
}

.scheme-object__svg-mobile svg {
    display: block;
}

@media (min-width: 1026px) {
    .scheme-object__svg-mobile {
        display: none;
    }
}

.scheme-object__svg-tablet {
    display: none;
}

@media (min-width: 1026px) {
    .scheme-object__svg-tablet {
        display: block;
        flex: 0 0 auto;
        width: 874px;
    }
    .scheme-object__svg-tablet svg {
        display: block;
    }
}

@media (min-width: 1230px) {
    .scheme-object__svg-tablet {
        display: none;
    }
}

.scheme-object__svg-desktop {
    display: none;
}

@media (min-width: 1230px) {
    .scheme-object__svg-desktop {
        display: block;
        flex: 0 0 auto;
        width: 1030px;
    }
    .scheme-object__svg-desktop svg {
        display: block;
    }
}

.scheme-object__main-text {
    position: absolute;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    color: #004FC1;
    text-align: center;
}

@media (min-width: 1026px) {
    .scheme-object__main-text {
        font-size: 15px;
    }
}

@media (min-width: 1230px) {
    .scheme-object__main-text {
        font-size: 18px;
    }
}

.scheme-object__main-text_position_1 {
    left: 190px;
    top: 240px;
}

@media (min-width: 1026px) {
    .scheme-object__main-text_position_1 {
        left: 399px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__main-text_position_1 {
        left: 437px;
        top: 8px;
    }
}

.scheme-object__main-text_position_2 {
    left: 190px;
    top: 375px;
}

@media (min-width: 1026px) {
    .scheme-object__main-text_position_2 {
        left: 625px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__main-text_position_2 {
        left: 704px;
        top: 8px;
    }
}

.scheme-object__text_position_1_1 {
    display: none;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_1_1 {
        left: 399px;
        top: 278px;
        display: block;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_1_1 {
        left: 437px;
        top: 333px;
    }
}

.scheme-object__main-text-value1 {
    display: block;
}

@media (min-width: 1026px) {
    .scheme-object__main-text-value1 {
        display: none;
    }
}

.scheme-object__main-text-value2 {
    display: none;
}

@media (min-width: 1026px) {
    .scheme-object__main-text-value2 {
        display: block;
    }
}

.scheme-object__text {
    position: absolute;
    font-size: 12px;
    line-height: 1.25;
    color: #1A2432;
    text-align: center;
}

@media (min-width: 1026px) {
    .scheme-object__text {
        font-size: 15px;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text {
        font-size: 18px;
    }
}

.scheme-object__text-value1 {
    display: block;
}

@media (min-width: 1026px) {
    .scheme-object__text-value1 {
        display: none;
    }
}

.scheme-object__text-value2 {
    display: none;
}

@media (min-width: 1026px) {
    .scheme-object__text-value2 {
        display: block;
    }
}

.scheme-object__text_position_1 {
    left: 225px;
    top: 56px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_1 {
        left: 8px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_1 {
        left: -20px;
        top: 8px;
    }
}

.scheme-object__text_position_2 {
    left: 214px;
    top: 136px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_2 {
        left: 224px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_2 {
        left: 232px;
        top: 8px;
    }
}

.scheme-object__text_position_3 {
    left: 178px;
    top: 397px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_3 {
        left: 613px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_3 {
        left: 689px;
        top: 8px;
    }
}

.scheme-object__text_position_4 {
    left: 198px;
    top: 505px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_4 {
        left: 820px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_4 {
        left: 938px;
        top: 8px;
    }
}

.scheme-object__text_position_5 {
    left: 198px;
    top: 433px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_5 {
        left: 644px;
        top: 354px;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_5 {
        left: 724px;
        top: 428px;
    }
}

.scheme-object__text_position_6 {
    left: 215px;
    top: 58px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_6 {
        left: 10px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_6 {
        left: -20px;
        top: 8px;
    }
}

.scheme-object__text_position_7 {
    left: 220px;
    top: 136px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_7 {
        left: 224px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_7 {
        left: 235px;
        top: 8px;
    }
}

.scheme-object__text_position_8 {
    left: 188px;
    top: 210px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_8 {
        left: 397px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_8 {
        left: 436px;
        top: 8px;
    }
}

.scheme-object__text_position_9 {
    left: 182px;
    top: 267px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_9 {
        left: 390px;
        top: 280px;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_9 {
        left: 430px;
        top: 340px;
    }
}

.scheme-object__text_position_10 {
    left: 210px;
    top: 490px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_10 {
        left: 823px;
        top: 0;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_10 {
        left: 938px;
        top: 8px;
    }
}

.scheme-object__text_position_11 {
    left: 210px;
    top: 550px;
}

@media (min-width: 1026px) {
    .scheme-object__text_position_11 {
        left: 81px;
        top: 330px;
    }
}

@media (min-width: 1230px) {
    .scheme-object__text_position_11 {
        left: 63px;
        top: 400px;
    }
}

.product {
    padding: 0;
}

.product__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 1026px) {
    .product__row {
        flex-wrap: nowrap;
    }
}

.product__images-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 1026px) {
    .product__images-column {
        width: 492px;
        padding: 0 26px 0 0;
    }
}

@media (min-width: 1230px) {
    .product__images-column {
        width: 585px;
        padding: 0 30px 0 0;
    }
}

.product__info-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 30px 0 0 0;
}

@media (min-width: 1026px) {
    .product__info-column {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0;
    }
}

.product-cart {
    position: fixed;
    z-index: 100;
    right: 15px;
    width: 50px;
    height: 50px;
    bottom: 2vh;
}

@media (min-width: 1026px) {
    .product-cart {
        width: 100px;
        height: 100px;
        right: 20px;
        bottom: 5vh;
    }
}

.product-cart__background {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    width: 50px;
    height: 50px;
}

.product-cart__background:hover svg {
    fill: #FF277F;
}

.product-cart__background:hover .product-cart__number {
    background-color: #FF277F;
}

@media (min-width: 1026px) {
    .product-cart__background {
        width: 100px;
        height: 100px;
    }
}

.product-cart__image {
    flex: 0 0 auto;
    width: 17px;
}

@media (min-width: 1026px) {
    .product-cart__image {
        width: 34px;
    }
}

.product-cart__image svg {
    display: block;
    fill: #6042F4;
    width: 100%;
    height: auto;
}

.product-cart__number {
    position: absolute;
    left: 22px;
    top: 24px;
    z-index: 30;
    background-color: #6042F4;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;
    text-align: center;
    color: #FFFFFF;
    padding: 4px 0 0 0;
}

@media (min-width: 1026px) {
    .product-cart__number {
        left: 54px;
        top: 56px;
    }
}

@media (min-width: 1026px) {
    .product-images-mobile-slider {
        display: none;
    }
}

.product-images-mobile-slider .swiper-slide {
    height: auto;
}

.product-images-mobile-item {
    position: relative;
}

.product-images-mobile-item__image {
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.product-images-mobile-item__image img {
    display: block;
    width: 100%;
}

.product-images-mobile-item__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 20;
}

.product-images-mobile-item__buttons-column {
    flex: 0 0 auto;
    padding: 0 0 2px 2px;
}

.product-images-mobile-item__magnifier {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 20;
}

.product-images-mobile-slider-nav {
    z-index: 20;
    position: absolute;
    right: 18px;
    bottom: 22px;
    width: 126px;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.product-images-mobile-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
}

.product-image {
    display: none;
}

@media (min-width: 1026px) {
    .product-image {
        display: block;
        position: relative;
    }
}

.product-image__item {
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    overflow: hidden;
}

.product-image__item img {
    display: block;
    width: 100%;
}

.product-image__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: absolute;
    right: 30px;
    top: 35px;
    z-index: 20;
}

.product-image__buttons-column {
    flex: 0 0 auto;
    padding: 0 0 2px 2px;
}

.product-image__magnifier {
    position: absolute;
    z-index: 20;
    left: 25px;
    top: 35px;
    cursor: pointer;
}

.product-images-slider {
    display: none;
}

@media (min-width: 1026px) {
    .product-images-slider {
        display: block;
        padding: 30px 0 0 0;
    }
}

.product-images-slider .swiper-slide {
    height: auto;
}

.product-images-item {
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.product-images-item_selected img {
    opacity: 0.5;
}

.product-images-item img {
    display: block;
    width: 100%;
}

.product-images-slider-nav {
    width: 126px;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.product-images-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
}

@media (min-width: 1026px) {
    .product-mobile-title {
        display: none;
    }
}

.product-title {
    display: none;
}

@media (min-width: 1026px) {
    .product-title {
        display: block;
        margin: 0 0 40px 0;
        font-size: 36px;
    }
}

.product-top-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.product-top-info__order_1 {
    order: 1;
}

@media (min-width: 1026px) {
    .product-top-info__order_1 {
        order: 2;
    }
}

.product-top-info__order_2 {
    order: 2;
}

@media (min-width: 1026px) {
    .product-top-info__order_2 {
        order: 1;
    }
}

.product-price {
    margin: 20px 0 0 0;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
}

@media (min-width: 768px) {
    .product-price {
        font-size: 36px;
    }
}

/*@media (min-width: 1026px) {*/
/*    .product-price {*/
/*        margin: 0 0 40px 0;*/
/*    }*/
/*}*/

.product-features {
    padding: 0;

    @media (min-width: 1024px) {
        margin-top: 38px;
    }
}

.product-features__title {
    font-size: 18px;
    line-height: 1.25;
    padding: 0 0 12px 0;
}

.product-order {
    width: 100%;
    padding: 20px 0 0 0;
}

@media (min-width: 576px) {
    .product-order {
        width: 220px;
    }
}

.product-info {
    padding: 22px 0 0 0;
}

@media (min-width: 768px) {
    .product-info {
        padding: 36px 0 0 0;
    }
}

.product-info-tabs {
    padding: 0;
}

@media (min-width: 768px) {
    .product-info-tabs-select-element {
        display: none;
    }
}

.product-info-tabs-buttons {
    display: none;
    overflow-x: scroll;
    border-bottom: 1px solid #405A7E;
}

@media (min-width: 768px) {
    .product-info-tabs-buttons {
        display: block;
    }
}

.product-info-tabs-buttons__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.product-info-tabs-buttons__column {
    flex: 0 0 auto;
}

.tabs-button.product-info-tabs-button {
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0 10px 23px 10px;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1.25;
    color: #1A2432;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tabs-button.product-info-tabs-button:hover {
    color: #1A2432;
}

.tabs-button.product-info-tabs-button:active {
    color: #1A2432;
}

@media (min-width: 1230px) {
    .tabs-button.product-info-tabs-button {
        padding: 0 24px 23px 24px;
    }
}

.tabs-button.tabs-button_active.product-info-tabs-button {
    padding: 0 10px 20px 10px;
    border-bottom: 3px solid #6042F4;
}

@media (min-width: 1230px) {
    .tabs-button.tabs-button_active.product-info-tabs-button {
        padding: 0 24px 20px 24px;
    }
}

.product-info-tabs-content__item {
    padding: 40px 0 0 0;
    line-height: var(--global-card-line-height);
}

.product-info-tabs-content__item a {
    color: #1A2432;
    text-decoration: underline;
}

.product-info-tabs-content__item a:hover {
    color: #FF277F;
    text-decoration: none;
}

@media (min-width: 768px) {
    .product-info-tabs-content__item {
        padding: 20px 0 0 0;
    }
}

.product-technical-title {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    padding: 0 0 20px 0;
}

.product-technical-list__item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 10px 0;
}

.product-technical-list__item:last-child {
    padding: 0;
}

@media (min-width: 576px) {
    .product-technical-list__item {
        flex-wrap: nowrap;
    }
}

.product-technical-list__item-name {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 576px) {
    .product-technical-list__item-name {
        width: 292px;
        padding: 0 15px 0 0;
    }
}

@media (min-width: 1230px) {
    .product-technical-list__item-name {
        padding: 0 40px 0 0;
    }
}

.product-technical-list__item-value {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 576px) {
    .product-technical-list__item-value {
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
    }
}

.product-files__item {
    background: #FFFFFF url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjIgMjgiIHdpZHRoPSIyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im04LjMzNzQ0LjAwMTQ5NDc1YzUuNzUzODYtLjAwNTQ2OTUyIDYuMjg0MDYgMCA2LjQyNTE2LjA4NzUxMjQ1LjA5MDIuMDQ5MjI1OCAxLjY5MjMgMS41Njk3NTI4IDMuNTU5NSAzLjM3NDY5MjggMS44NzI4IDEuODEwNDIgMy40NjkyIDMuMzgwMTcgMy42Nzc5IDMuNjk3NHY5LjM0MmMwIDcuNjE5LS4wMTY5IDkuMzg1Ny0uMDc5IDkuNjA5OS0uMDM5NS4xNTMyLS4xNDEuNDA0OC0uMjIuNTYzNC0uMDg0Ni4xNTMxLS4yNDgyLjM4ODMtLjM2NjYuNTE0MS0uMTEyOS4xMjU4LS4zMzg1LjMwNjMtLjQ5MDguMzk5My0uMTU4LjA5ODQtLjQzNDQuMjI5Ny0uOTU5LjQxMDJoLTguODg0NmMtOC40NzI4MiAwLTguODk1OS0uMDA1NS05LjE2NjY3LS4wOTg1LS4xNTc5NS0uMDU0Ni0uMzgzNTktLjE0NzYtLjUwNzY5LS4yMDIzLS4xMjQxLS4wNjAyLS4zNzc5NDgtLjI1MTYtLjU2NDEwMi0uNDM3Ni0uMTkxNzk0LS4xODA1LS40MDA1MTItLjQ0ODUtLjQ3Mzg0Ni0uNjAxNi0uMDczMzMzLS4xNDc3LS4xNjkyMy0uMzgyOS0uMjA4NzE3Ni0uNTE5Ni0uMDYyMDUxMy0uMjAyNC0uMDc4OTc0NC0yLjIzMTYtLjA3ODk3NDQtMTIuMDc2OCAwLTguNDg4NjYuMDE2OTIzMS0xMS45MDcxMS4wNjIwNTEzLTEyLjEwOTQ4LjAzMzg0NjEtLjE1ODYyLjEyOTc0MzctLjQyNjYzLjIwODcxNzctLjU5MDcxLjA4NDYxNi0uMTc1MDMuMjg3NjkyLS40Mzc1NjUuNDg1MTI4LS42Mjg5OTkuMTkxNzk1LS4xODU5NjQuNDQ1NjQzLS4zNzczOTcuNTY5NzQzLS40Mzc1NjIuMTI0MS0uMDU0Njk1LjMzODQ2LS4xNDIyMDguNDc5NDktLjE5NjkwMjguMjM2OTItLjA4NzUxMjQuNzI3NjktLjA5Mjk4MTkyIDYuNTI2NjYtLjA5ODQ1MTQ1em0tNi4yMTY0MSAxLjc3MjEyNTI1Yy0uMTI0MTEuMDcxMTEtLjI3MDc3LjIxMzMxLS4zMjE1NC4zMTE3Ni0uMDkwMjYuMTY5NTYtLjA5NTkuOTU3MTctLjEwMTU0IDExLjkwMTcyIDAgMTEuMzgyMS4wMDU2NCAxMS43MjEyLjEwNzE4IDExLjkyMzUuMDYyMDUuMTE0OS4xOTc0My4yNTE2LjMyMTU0LjMyMjdsLjIyLjEyMDRjMTcuMTc2OTMuMDA1NCAxNy4yOTU0My4wMDU0IDE3LjUxNTQzLS4xMDM5LjE1MDQtLjA3My4yNjMyLS4xODI0LjMzODQtLjMyODIuMTEyOC0uMjEzMy4xMTI4LS4zMjgyLjExMjgtOC45N3YtOC43NTEyOWMtMy42Nzc5IDAtNC41NTc5LS4wMjE4Ny00Ljc1NTQtLjA2MDE2LS4xNTc5LS4wMzgyOS0uNDM0My0uMTI1OC0uNjAzNS0uMjAyMzctLjE4MDYtLjA4MjA0LS40NTctLjI4NDQyLS42NDg4LS40NzU4NS0uMTk3NC0uMTg1OTctLjQwNjEtLjQ1Mzk3LS40OTA3LS42MjktLjA3OS0uMTY0MDgtLjE2OTMtLjQzMjA5LS4yMDg3LS41ODUyNC0uMDM5NS0uMTkxNDMtLjA2MjEtMS4wNDQ2OC0uMDYyMS0yLjQ1MDM0di0yLjE2MDQ3aC0xMS4xOTc0M3ptMTMuMTE1MzcgMi41ODcwOWMwIDEuNDA1NjcuMDExMyAxLjU2NDI4LjEwNzIgMS43NTAyNS4wNjc3LjEyNTc5LjE5NzQuMjUxNTkuMzM4NS4zMjgxNy4yMjU2LjEyMDMzLjI2NTEuMTIwMzMgMS44MTA3LjEwOTM5bDEuNTc5NS0uMDEwOTQtMy44MzU5LTMuNzE5Mjh6bS00LjI0NzcgNy4yMzA2OWM1LjE1MDMgMCA1LjI2ODcgMCA1LjQ4ODcuMTA5NC4xNTA1LjA3MjkuMjYzMy4xODIzLjMzODUuMzI4Mi4wNjIuMTIwMy4xMTI4LjI5NTMuMTEyOC4zODI4IDAgLjA5My0uMDUwOC4yNjI2LS4xMTI4LjM4MjktLjA3NTIuMTQ1OS0uMTg4LjI1NTMtLjMzODUuMzI4Mi0uMjIuMTA5NC0uMzM4NC4xMDk0LTUuNDcxOC4xMDk0LTUuMTMzMjkgMC01LjI1MTc1IDAtNS40NzE3NS0uMTA5NC0uMTUwNDMtLjA3MjktLjI2MzI1LS4xODIzLS4zMzg0Ny0uMzI4Mi0uMDYyMDUtLjEyMDMtLjExMjgyLS4yODk5LS4xMTI4Mi0uMzgyOSAwLS4wODc1LjA1MDc3LS4yNjI1LjExMjgyLS4zODI4LjA3MzM0LS4xMzY4LjE5MTgtLjI1NzEuMzIxNTQtLjMyODIuMjA4NzItLjEwMzkuMzY2NjctLjEwMzkgNS40NzE3OC0uMTA5NHptMCAzLjI4MTdjNS4xNTAzIDAgNS4yNjg3IDAgNS40ODg3LjEwOTQuMTUwNS4wNzMuMjYzMy4xODIzLjMzODUuMzI4Mi4wNjIuMTIwMy4xMTI4LjI5NTQuMTEyOC4zODI5IDAgLjA5MjktLjA1MDguMjYyNS0uMTEyOC4zODI4LS4wNzUyLjE0NTktLjE4OC4yNTUzLS4zMzg1LjMyODItLjIyLjEwOTQtLjMzODQuMTA5NC01LjQ3MTguMTA5NC01LjEzMzI5IDAtNS4yNTE3NSAwLTUuNDcxNzUtLjEwOTQtLjE1MDQzLS4wNzI5LS4yNjMyNS0uMTgyMy0uMzM4NDctLjMyODItLjA2MjA1LS4xMjAzLS4xMTI4Mi0uMjg5OS0uMTEyODItLjM4MjggMC0uMDg3NS4wNTA3Ny0uMjYyNi4xMTI4Mi0uMzgyOS4wNzMzNC0uMTM2Ny4xOTE4LS4yNTcxLjMyMTU0LS4zMjgyLjIwODcyLS4xMDM5LjM2NjY3LS4xMDM5IDUuNDcxNzgtLjEwOTR6bTAgMy4yODE4YzUuMTUwMyAwIDUuMjY4NyAwIDUuNDg4Ny4xMDkzLjE1MDUuMDczLjI2MzMuMTgyNC4zMzg1LjMyODIuMDYyLjEyMDMuMTEyOC4yOTU0LjExMjguMzgyOSAwIC4wOTMtLjA1MDguMjYyNS0uMTEyOC4zODI4LS4wNzUyLjE0NTktLjE4OC4yNTUzLS4zMzg1LjMyODItLjIyLjEwOTQtLjMzODQuMTA5NC01LjQ3MTguMTA5NC01LjEzMzI5IDAtNS4yNTE3NSAwLTUuNDcxNzUtLjEwOTQtLjE1MDQzLS4wNzI5LS4yNjMyNS0uMTgyMy0uMzM4NDctLjMyODItLjA2MjA1LS4xMjAzLS4xMTI4Mi0uMjg5OC0uMTEyODItLjM4MjggMC0uMDg3NS4wNTA3Ny0uMjYyNi4xMTI4Mi0uMzgyOS4wNzMzNC0uMTM2Ny4xOTE4LS4yNTcxLjMyMTU0LS4zMjgyLjIwODcyLS4xMDM5LjM2NjY3LS4xMDM5IDUuNDcxNzgtLjEwOTN6bS0xLjY5MjI5IDMuMjgxN2MzLjQ1Nzk5IDAgMy41NzYzOS4wMDU0IDMuNzk2MzkuMTA5NC4xNTA0LjA3MjkuMjYzMy4xODIzLjMzODUuMzI4MS4wNjIuMTIwNC4xMTI4LjI5NTQuMTEyOC4zODI5IDAgLjA5My0uMDUwOC4yNjI1LS4xMTI4LjM4MjktLjA3NTIuMTQ1OC0uMTg4MS4yNTUyLS4zMzg1LjMyODEtLjIyLjEwNC0uMzM4NC4xMDk0LTMuNzc5NDcuMTA5NC0zLjQ0MTAyIDAtMy41NTk0OC0uMDA1NC0zLjc3OTQ4LS4xMDk0LS4xNTA0My0uMDcyOS0uMjYzMjUtLjE4MjMtLjMzODQ3LS4zMjgxLS4wNjIwNS0uMTIwNC0uMTEyODItLjI4OTktLjExMjgyLS4zODI5IDAtLjA4NzUuMDUwNzctLjI2MjUuMTEyODItLjM4MjkuMDczMzQtLjEzNjcuMTkxOC0uMjU3LjMyMTU0LS4zMjgxLjIwODcyLS4wOTg1LjM1NTM5LS4xMDQgMy43Nzk0OS0uMTA5NHoiIGZpbGw9IiM2MDQyZjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat left 0 top 0;
    padding: 0 0 20px 30px;
    min-height: 28px;
    font-size: 18px;
    line-height: 1.25;
}

.product-files__item:last-child {
    padding: 0 0 0 30px;
}

.product-files__item-link {
    color: #6042F4 !important;
    text-decoration: none !important;
}

.product-files__item-link:hover {
    color: #FF277F !important;
}

.tasks {
    padding: 0;
}

.tasks__title {
    text-align: center;
}

.tasks-items {
    padding: 0;
}

.tasks-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .tasks-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .tasks-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.tasks-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .tasks-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .tasks-items__column {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1230px) {
    .tasks-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.tasks-item1 {
    position: relative;
    height: 100%;
    padding: 38px 30px 30px 30px;
    background: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

@media (min-width: 1026px) {
    .tasks-item1 {
        padding: 42px 30px 30px 30px;
    }
}

@media (min-width: 1230px) {
    .tasks-item1 {
        padding: 42px 30px 50px 30px;
    }
}

.tasks-item__item {
    margin-inline: auto;
    width: 100px;
    height: 100px;

    & > :is(svg, img) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.tasks-item1__title {
    padding: 20px 0 0 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    text-align: center;
    color: #1A2432;
}

.tasks-item1__text {
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    text-align: center;
    color: #1A2432;
}

.tasks-item1__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.tasks-item2 {
    position: relative;
    height: 100%;
    background: rgba(242, 248, 252, 0.3) url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDRmYzEiLz48c3RvcCBvZmZzZXQ9Ii40OSIgc3RvcC1jb2xvcj0iIzYwNDJmNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmMjc3ZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI1IiB4Mj0iMjUiIHhsaW5rOmhyZWY9IiNhIiB5MT0iMCIgeTI9IjUwIi8+PGxpbmVhckdyYWRpZW50IGlkPSJjIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI2IiB4Mj0iMjYiIHhsaW5rOmhyZWY9IiNhIiB5MT0iMTkiIHkyPSIzNiIvPjxjaXJjbGUgY3g9IjI1IiBjeT0iMjUiIHI9IjI0LjUiIHN0cm9rZT0idXJsKCNiKSIvPjxwYXRoIGQ9Im0xNCAyNy43Mjk3IDguMTcwMiA4LjI3MDMgMTUuODI5OC0xNyIgc3Ryb2tlPSJ1cmwoI2MpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") no-repeat center top 32px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 106px 15px 30px 15px;
}

@media (min-width: 1026px) {
    .tasks-item2 {
        padding: 136px 22px 40px 22px;
        background-position: center top 60px;
    }
}

@media (min-width: 1230px) {
    .tasks-item2 {
        padding: 136px 30px 48px 30px;
    }
}

.tasks-item2__title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
    text-align: center;
}

.tasks-item2__text {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
    text-align: center;
    padding: 5px 0 0 0;
}

.tasks-item2__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.options {
    padding: 0;
}

.options__title {
    text-align: center;
}

.options-items {
    padding: 0;
}

.options-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .options-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .options-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.options-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .options-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .options-items__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .options-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.options-item {
    display: block;
    height: 100%;
    background: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 32px 22px 28px 22px;
    text-decoration: none;
}

.options-item:hover {
    text-decoration: none;
}

@media (min-width: 1026px) {
    .options-item {
        padding: 34px 22px 28px 22px;
    }
}

@media (min-width: 1230px) {
    .options-item {
        padding: 34px 30px 30px 30px;
    }
}

.options-item__title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-height: 65px;
}

.options-item__title-text {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 0 15px 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
}

.options-item__title-image {
    flex: 0 0 auto;
    width: 65px;
    height: 65px;

    & > :is(img, svg) {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.options-item__text {
    font-size: 16px;
    line-height: 1.25;
    color: #1A2432;
}

.options-item__list {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
    line-height: var(--global-card-line-height);
}

.options-item__list-value {
    padding: 0 0 0 24px;
    margin: 0 0 10px 0;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTMgMTMiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yIDBjLTEuMTA0NTY5IDAtMiAuODk1NDMtMiAydjljMCAxLjEwNDYuODk1NDMgMiAyIDJoOWMxLjEwNDYgMCAyLS44OTU0IDItMnYtOWMwLTEuMTA0NTY5LS44OTU0LTItMi0yem05LjU2MzMgNC4yMDkwNmMuMzQwNy0uNDM0NjguMjY0NS0xLjA2MzI0LS4xNzAyLTEuNDAzOTQtLjQzNDYtLjM0MDY5LTEuMDYzMi0uMjY0NS0xLjQwMzg5LjE3MDE4bC00LjIzMTY2IDUuMzk5MDEtMi43OTU0My0zLjA2MTY2Yy0uMzcyMzktLjQwNzg2LTEuMDA0OS0uNDM2NjEtMS40MTI3Ni0uMDY0MjItLjQwNzg1LjM3MjM5LS40MzY2IDEuMDA0OS0uMDY0MjEgMS40MTI3NWwzLjU5MjEgMy45MzQyMmMuMTk4MzEuMjE3Mi40ODIxOC4zMzYxLjc3NjA4LjMyNS4yOTM5LS4wMTEuNTY4MDMtLjE1MDkuNzQ5NDYtLjM4MjR6IiBmaWxsPSIjZmYyNzdmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") no-repeat left 0 top 6px;
    min-height: 16px;
}

.options-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.capabilities1 {
    padding: 0;
}

.capabilities1__title {
    text-align: center;
}

.capabilities2__title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 1026px) {
    .capabilities2__title {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0;
    }
}

.capabilities2__title-text {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

@media (min-width: 1026px) {
    .capabilities2__title-text {
        text-align: left;
        min-width: 0;
        flex: 1 1 auto;
        width: initial;
        padding: 0 20px 0 0;
        margin: 0 0 30px 0;
    }
}

.capabilities2__more {
    flex: 0 0 auto;
    margin: 0 0 30px 0;
}

@media (min-width: 1026px) {
    .capabilities2__more {
        flex: 0 0 auto;
        width: initial;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
}

.capabilities-more-item {
    padding: 0 32px 0 0;
    min-height: 12px;
    position: relative;
}

.capabilities-more-item__link {
    font-size: 16px;
    line-height: 1.25;
    color: #6042F4;
    text-decoration: none;
    text-transform: uppercase;
}

.capabilities-more-item__link:hover {
    color: #FF277F;
    text-decoration: none;
}

.capabilities-more-item__link:hover::after {
    background-position: left 0 top -200px;
}

.capabilities-more-item__link::after {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 10;
    content: "";
    width: 26px;
    height: 10px;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIxMCIgdmlld0JveD0iMCAwIDI2IDIxMCIgd2lkdGg9IjI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMTguMTE4NjkzLjk5OTk5OTggNi44ODEzMDcgMy45OTk5OTk2bTAgMC02Ljg4MTMwNyA0LjAwMDAwMDRtNi44ODExNTctNC4wMDAwMDA0aC0yMy45OTk4NSIgc3Ryb2tlPSIjNjA0MmY0Ii8+PHBhdGggZD0ibTE4LjExODY5IDIwMSA2Ljg4MTMxIDRtMCAwLTYuODgxMzEgNG02Ljg4MTE2LTRoLTIzLjk5OTg1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZjI3N2YiLz48L2c+PC9zdmc+") no-repeat left 0 top 0;
}

.capabilities1-items {
    padding: 0;
}

.capabilities1-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .capabilities1-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .capabilities1-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.capabilities1-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .capabilities1-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .capabilities1-items__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .capabilities1-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.capabilities2-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .capabilities2-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .capabilities2-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.capabilities2-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .capabilities2-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .capabilities2-items__column {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .capabilities2-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.capabilities1-item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
    padding: 42px 15px 30px 15px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

@media (min-width: 576px) {
    .capabilities1-item {
        flex-wrap: nowrap;
        padding: 30px 24px 36px 24px;
    }
}

.capabilities1-item__image {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    margin-inline: auto;

    & > :is(img, svg) {
        display: block;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 576px) {
    .capabilities1-item__image {
        margin-right: 30px;
    }
}

.capabilities1-item__info {
    flex: 0 0 auto;
    width: 100%;
    padding: 24px 0 0 0;
}

@media (min-width: 576px) {
    .capabilities1-item__info {
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
        padding: 0;
    }
}

.capabilities1-item__title {
    font-size: 22px;
    line-height: 1.25;
    color: #000000;
    font-weight: 600;
    text-align: center;
}

@media (min-width: 576px) {
    .capabilities1-item__title {
        text-align: left;
    }
}

.capabilities1-item__text {
    padding: 6px 0 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
    text-align: center;
}

@media (min-width: 576px) {
    .capabilities1-item__text {
        text-align: left;
    }
}

.capabilities-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.capabilities2-item {
    position: relative;
    height: 100%;
    padding: 32px 22px 32px 22px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

@media (min-width: 576px) {
    .capabilities2-item {
        padding: 32px 26px 32px 36px;
    }
}

@media (min-width: 1230px) {
    .capabilities2-item {
        padding: 42px 26px 42px 36px;
    }
}

.capabilities2-item__info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    min-height: 50px;
    height: 100%;
    padding: 0 0 0 45px;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDRmYzEiLz48c3RvcCBvZmZzZXQ9Ii40OSIgc3RvcC1jb2xvcj0iIzYwNDJmNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmMjc3ZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI1IiB4Mj0iMjUiIHhsaW5rOmhyZWY9IiNhIiB5MT0iMCIgeTI9IjUwIi8+PGxpbmVhckdyYWRpZW50IGlkPSJjIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI2IiB4Mj0iMjYiIHhsaW5rOmhyZWY9IiNhIiB5MT0iMTkiIHkyPSIzNiIvPjxjaXJjbGUgY3g9IjI1IiBjeT0iMjUiIHI9IjI0LjUiIHN0cm9rZT0idXJsKCNiKSIvPjxwYXRoIGQ9Im0xNCAyNy43Mjk3IDguMTcwMiA4LjI3MDMgMTUuODI5OC0xNyIgc3Ryb2tlPSJ1cmwoI2MpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") no-repeat left 0 top 0;
    background-size: 30px 30px;
}

@media (min-width: 576px) {
    .capabilities2-item__info {
        background-size: 50px 50px;
        background-position: left 0 center;
        padding: 0 0 0 64px;
    }
}

.capabilities2-item__text {
    flex: 0 0 auto;
    font-size: 18px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
}

.capabilities2-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.capabilities-buttons_padding-top {
    padding-top: 40px;
}

.capabilities-buttons__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 1026px) {
    .capabilities-buttons__row {
        flex-wrap: nowrap;
    }
}

@media (min-width: 1230px) {
    .capabilities-buttons__row {
        justify-content: center;
    }
}

.capabilities-buttons__column1 {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 1026px) {
    .capabilities-buttons__column1 {
        width: 262px;
    }
}

@media (min-width: 1230px) {
    .capabilities-buttons__column1 {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 352px;
    }
}

.capabilities-buttons__column2 {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 1026px) {
    .capabilities-buttons__column2 {
        flex: 1 1 auto;
        min-width: 0;
        width: initial;
    }
}

@media (min-width: 1230px) {
    .capabilities-buttons__column2 {
        padding-top: 5px;
        padding-bottom: 5px;
        flex: 0 0 auto;
        min-width: initial;
        width: 352px;
    }
}

.capabilities-buttons__column3 {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 1026px) {
    .capabilities-buttons__column3 {
        width: 362px;
    }
}

.data {
    padding: 0;
}

.data__title {
    text-align: center;
}

.data-info {
    background: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 30px 15px 40px 15px;
}

@media (min-width: 1026px) {
    .data-info {
        padding: 30px 22px 40px 22px;
    }
}

.data-info-tabs {
    padding: 0;
}

@media (min-width: 768px) {
    .data-info-tabs-select-element {
        display: none;
    }
}

.data-info-tabs-buttons {
    display: none;
    overflow-x: auto;
}

@media (min-width: 768px) {
    .data-info-tabs-buttons {
        display: block;
    }
}

.data-info-tabs-buttons__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 0 0 -10px;
}

.data-info-tabs-buttons__row_align_left {
    justify-content: flex-start;
}

.data-info-tabs-buttons__row_align_center {
    justify-content: center;
}

.data-info-tabs-buttons__column {
    flex: 0 0 auto;
    padding: 0 10px 0 10px;
}

.data-info-tabs-buttons__column:last-child {
    padding: 0 0 0 10px;
}

.data-info-tabs-content__item {
    padding: 30px 0 0 0;
}

.tabs-button.data-info-tabs-button {
    display: table;
    padding: 0 10px 0 10px;
    margin: 0;
    background: none;
    border: 1px solid #6042F4;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #6042F4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
}

.tabs-button.data-info-tabs-button:hover,
.tabs-button.data-info-tabs-button:active {
    color: #FFFFFF;
    text-decoration: none;
    background: hsl(250 89 61 / 0.8);
}

.tabs-button.data-info-tabs-button_size_1 {
    width: 180px;
    height: 36px;
}

.tabs-button.data-info-tabs-button_size_2 {
    height: 50px;
}

.tabs-button.tabs-button_active.data-info-tabs-button {
    background: #6042F4;
    color: #FFFFFF;
}

.data-info-select {
    width: 100%;
    height: 50px;
    padding: 0 40px 0 22px;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    color: #FFFFFF;
    border-radius: 10px;
    border: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-appearance: none;
    appearance: none;
    background: #6042F4 url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDAgMyA2IDMtNnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=") no-repeat right 18px center;
}

.data-info-select:focus {
    outline: 0;
    font-weight: normal;
    color: #FFFFFF;
    opacity: 1;
    border: none;
}

.data-info-select:disabled {
    opacity: 0.5;
}

.data-info-select_text-transform_uppercase {
    text-transform: uppercase;
}

.data-info-content {
    padding: 0;
}

.data-info-content__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 1026px) {
    .data-info-content__row {
        flex-wrap: nowrap;
    }
}

.data-info-content__picture-column {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 1026px) {
    .data-info-content__picture-column {
        width: 470px;
        padding: 0 20px 0 0;
    }
}

@media (min-width: 1230px) {
    .data-info-content__picture-column {
        width: 560px;
        padding: 0 40px 0 0;
    }
}

.data-info-content__text-column {
    flex: 0 0 auto;
    width: 100%;
    padding: 20px 0 0 0;
    line-height: var(--global-card-line-height);

    & > *:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .data-info-content__text-column {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0;
    }
}

.data-info-content__picture {
    position: relative;
    cursor: pointer;
    border: 1px solid #D3E7F4;
    filter: drop-shadow(0px 0px 10px #D3E7F4);
    border-radius: 5px;
    overflow: hidden;
}

.data-info-content__picture-item img {
    display: block;
    width: 100%;
}

.data-info-content__picture-magnifier {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #D3E7F4;

    &::after {
        content: '';
        display: block;
        width: 23px;
        height: 23px;
        background: url(/upload/svg/magnifier.svg) center / contain;
        position: relative;
        top: 15px;
        left: 15px;
    }
}

@media (min-width: 768px) {
    .data-info-content__picture-magnifier {
        width: 86px;
        height: 86px;

        &::after {
            width: 40px;
            height: 40px;
            top: 25px;
            left: 25px;
        }
    }
}

.data-info-content__picture-magnifier svg {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    fill: #6042F4;
}

@media (min-width: 768px) {
    .data-info-content__picture-magnifier svg {
        width: 40px;
        height: 40px;
    }
}

.info-box-top__title {
    text-align: left;
}

.principles__title {
    text-align: center;
}

.principles-items {
    padding: 0;
}

.principles-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .principles-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .principles-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.principles-items__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .principles-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .principles-items__column {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1230px) {
    .principles-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.principles-item {
    position: relative;
    background: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    height: 100%;
    padding: 36px 15px 24px 15px;
}

@media (min-width: 1026px) {
    .principles-item {
        padding: 36px 30px 24px 30px;
    }
}

@media (min-width: 1230px) {
    .principles-item {
        padding: 36px 30px 24px 30px;
    }
}

.principles-item__image {
    width: 70px;
    height: 70px;
    margin-inline: auto;

    & > :is(img, svg) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.principles-item__title {
    padding: 20px 0 0 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    text-align: center;
    color: #1A2432;
}

.principles-item__text {
    padding: 6px 0 0 0;
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: rgba(26, 36, 50, 0.75);
}

.principles-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.technology-data {
    padding: 0;
}

.technology-data__title {
    text-align: center;
}

.scheme2-object {
    overflow: hidden;
    padding: 0;
}

.scheme2-object__mobile {
    width: 290px;
    margin: 0 auto;
}

@media (min-width: 1026px) {
    .scheme2-object__mobile {
        display: none;
    }
}

.scheme2-object__mobile img {
    display: block;
    width: 100%;
}

.scheme2-object__tablet {
    display: none;
}

@media (min-width: 1026px) {
    .scheme2-object__tablet {
        display: block;
    }
}

@media (min-width: 1230px) {
    .scheme2-object__tablet {
        display: none;
    }
}

.scheme2-object__tablet img {
    display: block;
    width: 100%;
}

.scheme2-object__desktop {
    display: none;
}

@media (min-width: 1230px) {
    .scheme2-object__desktop {
        display: block;
    }
}

.scheme2-object__desktop img {
    display: block;
    width: 100%;
}

.technology-data-buttons__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 1026px) {
    .technology-data-buttons__row {
        justify-content: center;
    }
}

.technology-data-buttons__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .technology-data-buttons__column {
        width: 50%;
    }
}

@media (min-width: 1026px) {
    .technology-data-buttons__column {
        width: 342px;
    }
}

.technology-data-buttons_padding-top {
    padding-top: 40px;
}

.technology-data-area {
    overflow: hidden;
    padding: 0;
}

.technology-data-area__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media (min-width: 768px) {
    .technology-data-area__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .technology-data-area__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.technology-data-area__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .technology-data-area__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .technology-data-area__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.technology-data-area_padding-top {
    padding-top: 30px;
}

@media (min-width: 1026px) {
    .technology-data-area_padding-top {
        padding-top: 40px;
    }
}

@media (min-width: 1230px) {
    .technology-data-area_padding-top {
        padding-top: 60px;
    }
}

.technology-data-area-item {
    background: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    height: 100%;
    padding: 20px 15px 20px 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-decoration: none;
    flex-wrap: nowrap;
}

.technology-data-area-item:hover {
    text-decoration: none;
}

@media (min-width: 1024px) {
    .technology-data-area-item {
        padding: 32px 30px 34px 30px;
        column-gap: 8px;
    }
}

@media (min-width: 1230px) {
    .technology-data-area-item {
        padding: 32px 30px 40px 30px;
    }
}

.technology-data-area-item__info {
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 1024px) {
    .technology-data-area-item__info {
        flex: 1 1 auto;
        margin-top: 0;
    }
}

.technology-data-area-item__title {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
    padding: 10px 0 0 0;
}

@media (min-width: 576px) {
    .technology-data-area-item__title {
        text-align: left;
        padding: 0;
    }
}

@media (min-width: 768px) {
    .technology-data-area-item__title {
        font-size: 22px;
    }
}

.technology-data-area-item__text {
    font-size: 16px;
    line-height: var(--global-card-line-height);
    color: #1A2432;
    padding: 5px 0 0 0;
}

.technology-data-area-item__image {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    margin-inline: auto;

    & > :is(img, svg) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media (min-width: 1024px) {
    .technology-data-area-item__image {
        width: 70px;
        height: 70px;
    }
}

.comprehensive-solutions {
    padding: 0;
}

.comprehensive-solutions__title {
    text-align: center;
}

.comprehensive-solutions-items {
    padding: 0;
}

.comprehensive-solutions-items__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
}

@media (min-width: 768px) {
    .comprehensive-solutions-items__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .comprehensive-solutions-items__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.comprehensive-solutions-items__column {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 768px) {
    .comprehensive-solutions-items__column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .comprehensive-solutions-items__column {
        flex: 0 0 auto;
        width: 33.333333%;
    }
}

@media (min-width: 1230px) {
    .comprehensive-solutions-items__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.comprehensive-solutions-item {
    position: relative;
    height: 100%;
    background: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 42px 15px 32px 15px;
}

@media (min-width: 768px) {
    .comprehensive-solutions-item {
        padding: 42px 22px 32px 22px;
    }
}

@media (min-width: 1230px) {
    .comprehensive-solutions-item {
        padding: 42px 30px 32px 30px;
    }
}

.comprehensive-solutions-item__image {
    width: 60px;
    height: 60px;
    margin-inline: auto;

    @media (min-width: 1024px) {
        width: 100px;
        height: 100px;
    }

    & > :is(img, svg) {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.comprehensive-solutions-item__title {
    padding: 20px 0 0 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    color: #1A2432;
    text-align: center;
}

@media (min-width: 768px) {
    .comprehensive-solutions-item__title {
        font-size: 22px;
    }
}

.comprehensive-solutions-item__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.project-info-box {
    background: rgba(242, 248, 252, 0.3);
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.project-info-box_paddings_1 {
    padding: 30px 15px 39px 15px;
}

@media (min-width: 1026px) {
    .project-info-box_paddings_1 {
        padding: 39px 22px 39px 22px;
    }
}

@media (min-width: 1230px) {
    .project-info-box_paddings_1 {
        padding: 42px 30px 42px 60px;
    }
}

.project-info-box_paddings_2 {
    padding: 30px 15px 39px 15px;
}

@media (min-width: 1026px) {
    .project-info-box_paddings_2 {
        padding: 39px 22px 39px 22px;
    }
}

@media (min-width: 1230px) {
    .project-info-box_paddings_2 {
        padding: 42px 60px 42px 30px;
    }
}

.project-info-box__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -15px;
    margin-bottom: -15px;
}

@media (min-width: 1026px) {
    .project-info-box__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .project-info-box__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.project-info-box__column {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: var(--global-card-line-height);
}

@media (min-width: 1026px) {
    .project-info-box__column {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1230px) {
    .project-info-box__column {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.project-info-box__image {
    border-radius: 10px;
    overflow: hidden;
}

.project-info-box__image img {
    display: block;
    width: 100%;
}

.project-info-box-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-info-box-list__item {
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDRmYzEiLz48c3RvcCBvZmZzZXQ9Ii40OSIgc3RvcC1jb2xvcj0iIzYwNDJmNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmMjc3ZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE1IiB4Mj0iMTUiIHhsaW5rOmhyZWY9IiNhIiB5MT0iMCIgeTI9IjMwIi8+PGxpbmVhckdyYWRpZW50IGlkPSJjIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE1LjYwMDQiIHgyPSIxNS42MDA0IiB4bGluazpocmVmPSIjYSIgeTE9IjExLjQiIHkyPSIyMS42Ii8+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQuNSIgc3Ryb2tlPSJ1cmwoI2IpIi8+PHBhdGggZD0ibTguNDAwMzkgMTYuNjM3OSA0LjkwMjExIDQuOTYyMSA5LjQ5NzktMTAuMiIgc3Ryb2tlPSJ1cmwoI2MpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") no-repeat left 0 top 3px;
    background-size: 20px 20px;
    margin: 0 0 20px 0;
    padding: 0 0 0 40px;
    min-height: 23px;
}

.project-info-box-list__item:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .project-info-box-list__item {
        padding: 0 0 0 50px;
        min-height: 30px;
        background-size: 30px 30px;
        background-position: left 0 top 0;
    }
}

.project-info-box-list__item-title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
}

.project-info-box-list__item-text {
    font-size: 16px;
    line-height: 1.25;
    color: #1A2432;
}

@media (min-width: 768px) {
    .project-info-box-list__item-text {
        font-size: 18px;
    }
}

.project-info-slider {
    position: relative;
}

.project-info-slider .swiper-slide {
    height: auto;
}

.project-info-slider-item {
    border-radius: 10px;
    border: 1px solid #D3E7F4;
    overflow: hidden;
}

.project-info-slider-item img {
    display: block;
    width: 100%;
}

.project-info-slider-nav {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    width: 111px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.project-info-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
}

.project-slider {
    position: relative;
}

.project-slider .swiper-slide {
    height: auto;
}

.project-slider-item {
    border-radius: 10px;
    overflow: hidden;
}

.project-slider-item img {
    display: block;
    width: 100%;
}

.project-slider-nav {
    width: 111px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (min-width: 1026px) {
    .project-slider-nav {
        padding: 40px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .project-slider-nav {
        position: absolute;
        left: 68px;
        bottom: 56px;
        z-index: 10;
        margin: initial;
        padding: 0;
    }
}

.project-slider-nav__column {
    flex: 0 0 auto;
    width: 48px;
}

.project-slider-prev svg rect,
.project-slider-next svg rect {
    stroke: #FF277F;
}

.project-slider-prev svg path,
.project-slider-next svg path {
    fill: #FF277F;
}

@media (min-width: 1230px) {
    .project-slider-prev svg rect,
    .project-slider-next svg rect {
        stroke: #D3E7F4;
    }
    .project-slider-prev svg path,
    .project-slider-next svg path {
        fill: #D3E7F4;
    }
}

.footer {
    flex: 0 0 auto;
    background-color: #1A2432;
}

.footer__container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .footer__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .footer__container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .footer__container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .footer__container {
        max-width: 1170px;
    }
}

.footer-top {
    padding: 34px 0 20px 0;
}

@media (min-width: 576px) {
    .footer-top {
        padding: 34px 0 34px 0;
    }
}

@media (min-width: 768px) {
    .footer-top {
        padding: 42px 0 52px 0;
    }
}

@media (min-width: 1230px) {
    .footer-top {
        padding: 42px 0 38px 0;
    }
}

.footer-top__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
}

@media (min-width: 576px) {
    .footer-top__row {
        margin-top: -8px;
        margin-bottom: -8px;
    }
}

@media (min-width: 768px) {
    .footer-top__row {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1230px) {
    .footer-top__row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
}

.footer-top__column {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
}

@media (min-width: 576px) {
    .footer-top__column {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .footer-top__column {
        flex: 0 0 auto;
        width: 33.333333%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1026px) {
    .footer-top__column {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (min-width: 1230px) {
    .footer-top__column {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.footer-top__column_order_1 {
    order: 1;
}

.footer-top__column_order_2 {
    order: 2;
}

.footer-top__column_order_3 {
    order: 3;
}

.footer-top__column_order_4 {
    order: 5;
}

@media (min-width: 576px) {
    .footer-top__column_order_4 {
        order: 4;
    }
}

.footer-top__column_order_5 {
    order: 4;
}

@media (min-width: 576px) {
    .footer-top__column_order_5 {
        order: 5;
    }
}

.footer-menu__title {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin: 0 0 12px 0;
    padding: 0;
}

@media (min-width: 576px) {
    .footer-menu__title {
        font-size: 14px;
    }
}

.footer-menu__title-link {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.footer-menu__title-link:hover {
    color: #D3E7F4;
    text-decoration: none;
}

.footer-menu-list {
    display: none;
}

@media (min-width: 576px) {
    .footer-menu-list {
        display: block;
        list-style: none;
        background: none;
        margin: 0;
        padding: 0;
    }
}

.footer-menu-list__item {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.footer-menu-list__item-link {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.footer-menu-list__item-link:hover {
    color: #D3E7F4;
    text-decoration: none;
}

.footer-submenu-list {
    list-style: none;
    background: none;
    margin: 0;
    padding: 12px 0 0 0;
}

.footer-submenu-list__item {
    margin: 0;
    padding: 0 0 4px 20px;
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiBmaWxsPSIjZmZmZmZmIiByPSIzIi8+PC9zdmc+") no-repeat left 8px top 8px;
}

.footer-submenu-list__item-link {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-submenu-list__item-link:hover {
    color: #D3E7F4;
    text-decoration: none;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 0 48px 0;
}

@media (min-width: 768px) {
    .footer-bottom {
        padding: 0 0 56px 0;
    }
}

.footer-bottom__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 768px) {
    .footer-bottom__row {
        margin: 0;
    }
}

.footer-bottom__logo-column {
    order: 1;
    flex: 0 0 auto;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
}

@media (min-width: 768px) {
    .footer-bottom__logo-column {
        width: 218px;
        padding: 52px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__logo-column {
        width: 234px;
        padding: 54px 0 0 0;
    }
}

.footer-bottom__address-column {
    order: 2;
    flex: 0 0 auto;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
}

@media (min-width: 768px) {
    .footer-bottom__address-column {
        width: 164px;
        padding: 67px 20px 0 0;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__address-column {
        width: 254px;
        padding: 66px 30px 0 0;
    }
}

.footer-bottom__website-column {
    order: 3;
    flex: 0 0 auto;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
}

@media (min-width: 768px) {
    .footer-bottom__website-column {
        width: 125px;
        padding: 67px 20px 0 0;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__website-column {
        width: 214px;
        padding: 66px 30px 0 0;
    }
}

.footer-bottom__phone-column {
    order: 4;
    flex: 0 0 auto;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
}

@media (min-width: 768px) {
    .footer-bottom__phone-column {
        width: 183px;
        padding: 67px 20px 0 0;
    }
}

@media (min-width: 1026px) {
    .footer-bottom__phone-column {
        width: 207px;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__phone-column {
        width: 188px;
        padding: 66px 30px 0 0;
    }
}

.footer-bottom__community-button {
    order: 5;
    flex: 0 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 50px;
}

@media (min-width: 768px) {
    .footer-bottom__community-button {
        flex: 0 0 auto;
        width: 50%;
        padding: 40px 10px 0 0;
    }
}

@media (min-width: 1026px) {
    .footer-bottom__community-button {
        width: 250px;
        padding: 56px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__community-button {
        padding: 54px 0 0 0;
    }
}

.footer-bottom__copyright-column {
    order: 7;
    flex: 1 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 44px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-bottom__copyright-column a:hover {
    color: #D3E7F4;
}

@media (min-width: 1026px) {
    .footer-bottom__copyright-column {
        order: 6;
        width: 507px;
        padding: 61px 20px 0 0;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__copyright-column {
        width: 890px;
        /*width: 702px;*/
        padding: 61px 30px 0 0;
    }
}

.footer-bottom__copyright-column-link a {
    font-size: 14px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.footer-bottom__privacy-column {
    order: 8;
    flex: 0 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 26px;
}

@media (min-width: 1026px) {
    .footer-bottom__privacy-column {
        order: 7;
        width: 207px;
        padding: 48px 20px 0 0;
    }
}

@media (min-width: 1230px) {
    .footer-bottom__privacy-column {
        width: 188px;
        padding: 53px 30px 0 0;
    }
}

.footer-bottom__technical-support-button {
    order: 6;
    flex: 0 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .footer-bottom__technical-support-button {
        flex: 0 0 auto;
        width: 50%;
        padding: 40px 0 0 10px;
    }
}

@media (min-width: 1026px) {
    .footer-bottom__technical-support-button {
        order: 8;
        width: 250px;
        padding: 30px 0 0 0;
    }
}

.footer-logo {
    display: block;
    width: 100%;
    text-decoration: none;
}

.footer-logo:hover {
    text-decoration: none;
}

@media (min-width: 360px) {
    .footer-logo {
        width: 150px;
    }
}

@media (min-width: 1026px) {
    .footer-logo {
        width: 156px;
    }
}

.footer-logo svg {
    display: block;
    width: 100%;
    height: auto;
}

.footer-address {
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
}

.footer-website {
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
}

.footer-website__link {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-website__link:hover {
    color: #D3E7F4;
    text-decoration: none;
}

.footer-phone {
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
}

.footer-phone__link {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-phone__link:hover {
    color: #D3E7F4;
    text-decoration: none;
}

.footer-button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 10px 0 10px;
    margin: 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #1A2432;
    font-weight: 600;
    text-decoration: none;
    background-color: #FFFFFF;
}

.footer-button:hover {
    background-color: #F2F8FC;
    color: #1A2432;
    text-decoration: none;
}

.footer-button:active {
    background-color: #F2F8FC;
    color: #1A2432;
    text-decoration: none;
}

@media (min-width: 768px) {
    .footer-button {
        font-size: 16px;
    }
}

.footer-button__text {
    flex: 0 0 auto;
    padding: 20px 32px 0 0;
    min-height: 22px;
}

.footer-button__text_icon_1 {
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjIgMjAiIHdpZHRoPSIyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAuNTg4MS41NzQxNzEtMjAuMTIwNzY2IDguMDM3ODY5Yy0uNjUxNzE1LjI2MDM4LS42MTIyMzMgMS4yMTkwOS4wNTg2MjkgMS40MjIxNmw1LjExMjkwNyAxLjU0NzcgMS45MDgxMyA2LjIwNjljLjE5OTMzLjY0ODMgMS4wMDA3OC44NDQ5IDEuNDY0NzMuMzU5M2wyLjY0MzQ3LTIuNzY3IDUuMTg2OCAzLjkwMjljLjYzNDguNDc3NiAxLjUzODguMTIyNyAxLjY5OTktLjY2NzNsMy40MzUzLTE2LjgzNjYzYy4xNjgyLS44MjQ3MTMtLjYyMzMtMS41MTE4MjMtMS4zODkxLTEuMjA1ODk5em0tMi41MjI2IDMuNzM2NDY5LTkuMzQ1OTkgOC40NzIzNmMtLjA5MzE2LjA4NDQtLjE1MjQ1LjIwMTMtLjE2NjMxLjMyOGwtLjM1OTgzIDMuMjc5MWMtLjAxMTc1LjEwNjktLjE1NzczLjEyMTEtLjE4ODg5LjAxODNsLTEuNDgwNDQtNC44OTAyYy0uMDY3ODEtLjIyMzkuMDIwNi0uNDY2NS4yMTQ5MS0uNTlsMTEuMDM2NjUtNy4wMTcwMmMuMjUzOC0uMTYxNDkuNTEzNi4xOTY2OC4yODk5LjM5OTQ2eiIgZmlsbD0iIzFhMjQzMiIvPjwvc3ZnPg==") no-repeat right 0 center;
}

.footer-button__text_icon_2 {
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMjIgMjIiIHdpZHRoPSIyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yIDExYzAtNC45NzA1NiA0LjAyOTQ0LTkgOS05IDQuOTcwNiAwIDkgNC4wMjk0NCA5IDkgMCA0Ljk3MDYtNC4wMjk0IDktOSA5LTQuOTcwNTYgMC05LTQuMDI5NC05LTl6bTktMTFjLTYuMDc1MTMgMC0xMSA0LjkyNDg3LTExIDExIDAgNi4wNzUxIDQuOTI0ODcgMTEgMTEgMTEgNi4wNzUxIDAgMTEtNC45MjQ5IDExLTExIDAtNi4wNzUxMy00LjkyNDktMTEtMTEtMTF6bS0uNTYyNSAxMi40NXYuNWguOTVsLjA1LS4zNWMuMDMzMy0uMjY2Ny4xMjkyLS41MzMzLjI4NzUtLjhzLjQ0MTctLjU3OTIuODUtLjkzNzVjLjI1ODMtLjIzMzMuNDc1LS40NjY3LjY1LS43LjE3NS0uMjMzMzMuMzA4My0uNDc1LjQtLjcyNS4xLS4yNTgzMy4xNS0uNTI1LjE1LS44IDAtLjQ1ODMzLS4xMTI1LS44MzMzMy0uMzM3NS0xLjEyNS0uMjE2Ny0uMy0uNTIwOC0uNTIwODMtLjkxMjUtLjY2MjUtLjM4MzMtLjE1LS44MjA4LS4yMjUtMS4zMTI1LS4yMjUtLjM1ODMgMC0uNzI1LjA0NTgzLTEuMS4xMzc1LS4zNjY2Ny4wODMzMy0uNjk1ODMuMjA4MzMtLjk4NzUuMzc1djEuMzVjLjI4MzMzLS4xNjY2Ny41ODMzMy0uMy45LS40LjMxNjctLjEuNjM3NS0uMTUuOTYyNS0uMTUuMzc1IDAgLjY2NjcuMDc5MTcuODc1LjIzNzUuMjE2Ny4xNTgzMy4zMjUuMzc5MTcuMzI1LjY2MjUgMCAuMjI1LS4wNTgzLjQ1LS4xNzUuNjc1LS4xMDgzLjIxNjY3LS4zLjQ3MDgzLS41NzUuNzYyNS0uMzY2Ny4zOTE3LS42MjUuNzU0Mi0uNzc1IDEuMDg3NXMtLjIyNS42OTU4LS4yMjUgMS4wODc1em0tLjQgMS4zNzV2MS43Mzc1aDEuNzV2LTEuNzM3NXoiIGZpbGw9IiMxYTI0MzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat right 0 center;
}

.footer-copyright {
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1026px) {
    .footer-copyright {
        text-align: left;
    }
}

.footer-privacy {
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1026px) {
    .footer-privacy {
        text-align: left;
    }
}

.footer-privacy__link {
    font-size: 14px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.footer-privacy__link:hover {
    color: #D3E7F4;
    text-decoration: none;
}

.modal-wrapper {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 36, 50, 0.8);
    z-index: 400;
    overflow: hidden auto;
    padding: 15px 0 15px 0;
}

@media (min-width: 768px) {
    .modal-wrapper {
        padding: 30px;
    }
}

.modal-callback {
    width: 100%;
}

@media (min-width: 768px) {
    .modal-callback {
        width: 700px;
    }
}

@media (min-width: 1026px) {
    .modal-callback {
        width: 750px;
    }
}

.modal-order {
    width: 100%;
}

@media (min-width: 768px) {
    .modal-order {
        width: 700px;
    }
}

@media (min-width: 1026px) {
    .modal-order {
        width: 750px;
    }
}

.modal-product {
    width: 100%;
}

@media (min-width: 768px) {
    .modal-product {
        width: 700px;
    }
}

@media (min-width: 1026px) {
    .modal-product {
        width: 750px;
    }
}

@media (min-width: 1230px) {
    .modal-product {
        width: 1228px;
    }
}

.modal-picture {
    width: 100%;
}

@media (min-width: 768px) {
    .modal-picture {
        width: 700px;
    }
}

@media (min-width: 1026px) {
    .modal-picture {
        width: 750px;
    }
}

@media (min-width: 1230px) {
    .modal-picture {
        width: 1120px;
    }
}

.modal {
    display: none;
}

.modal__content {
    padding: 96px 15px 32px 15px;
}

@media (min-width: 768px) {
    .modal__content_callback {
        padding: 96px 60px 80px 60px;
    }
}

@media (min-width: 1026px) {
    .modal__content_callback {
        padding: 96px 132px 80px 132px;
    }
}

@media (min-width: 768px) {
    .modal__content_order {
        padding: 96px 60px 60px 60px;
    }
}

@media (min-width: 1026px) {
    .modal__content_order {
        padding: 96px 132px 60px 132px;
    }
}

@media (min-width: 1026px) {
    .modal__content_product {
        padding: 96px 60px 80px 60px;
    }
}

@media (min-width: 1026px) {
    .modal__content_picture {
        padding: 96px 60px 80px 60px;
    }
}

.modal__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    text-align: left;
    color: #1A2432;
    padding: 0 0 30px 0;
}

@media (min-width: 768px) {
    .modal__title {
        font-size: 38px;
    }
}

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

.modal__cart-items {
    padding: 0;
}

.modal__total {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px 0 42px 0;
    border-top: 1px solid #405A7E;
}

@media (min-width: 768px) {
    .modal__total {
        padding: 20px 0 30px 0;
    }
}

.modal__total-title {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
}

@media (min-width: 768px) {
    .modal__total-title {
        font-size: 16px;
    }
}

.modal__total-value {
    flex: 0 0 auto;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
}

@media (min-width: 768px) {
    .modal__total-value {
        font-size: 16px;
    }
}

.modal__form {
    padding: 0;
}

.modal__form-item {
    padding: 0 0 10px 0;
}

.modal__form-textarea {
    padding: 0 0 10px 0;
}

.modal__form-button {
    padding: 0 0 10px 0;
}

.modal__form-privacy {
    font-size: 12px;
    line-height: 1.25;
    color: rgba(26, 36, 50, 0.75);
}

.modal_show {
    display: block;
    position: relative;
    background: #F2F8FC;
    border: 1px solid #D3E7F4;
    border-radius: 10px;
    z-index: 500;
    flex: 0 0 auto;
}

.modal-cart-item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 20px 12px 0;
    border-top: 1px solid #405A7E;
}

@media (min-width: 768px) {
    .modal-cart-item {
        align-items: center;
        padding: 10px 0 10px 0;
    }
}

.modal-cart-item__image {
    flex: 0 0 auto;
    width: 70px;
    padding: 0 10px 0 0;
    self-align: center;
}

@media (min-width: 768px) {
    .modal-cart-item__image {
        width: 110px;
    }
}

.modal-cart-item__image img {
    display: block;
    width: 100%;
    border: 1px solid #D3E7F4;
    border-radius: 10px;
}

.modal-cart-item__info {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    self-align: center;
    padding: 13px 0 0 0;
}

@media (min-width: 768px) {
    .modal-cart-item__info {
        flex-wrap: nowrap;
        padding: 0;
    }
}

.modal-cart-item__title {
    flex: 0 0 auto;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    padding: 0 0 10px 0;
}

@media (min-width: 768px) {
    .modal-cart-item__title {
        flex: 1 1 auto;
        min-width: 0;
        align-self: center;
        font-size: 16px;
        padding: 0 10px 0 0;
    }
}

.modal-cart-item__quantity {
    flex: 0 0 auto;
    width: 82px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px 0 0;
}

@media (min-width: 768px) {
    .modal-cart-item__quantity {
        align-self: center;
    }
}

.modal-cart-item__quantity-column {
    flex: 0 0 auto;
    width: 20px;
}

.modal-cart-item__price {
    flex: 0 0 auto;
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    padding: 10px 0 0 0;
}

@media (min-width: 768px) {
    .modal-cart-item__price {
        align-self: center;
        width: 100px;
        padding: 0;
    }
}

.modal-cart-item__remove {
    flex: 0 0 auto;
    width: 15px;
    position: absolute;
    right: 0;
    top: 20px;
}

@media (min-width: 768px) {
    .modal-cart-item__remove {
        align-self: center;
        position: initial;
        right: initial;
        top: initial;
    }
}

.modal-cart-quantity-change-button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid #405A7E;
    border-radius: 10px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
}

.modal-cart-quantity-change-button:hover {
    background: none;
}

.modal-cart-quantity-change-button:active {
    background: none;
}

.modal-cart-quantity-change-button svg {
    display: block;
    width: 8px;
    height: 8px;
    fill: #405A7E;
}

.modal-cart-quantity-number-input {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 !important;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    color: #405A7E;
    text-align: center;
    border-radius: 10px;
    border: none;
    border: 1px solid #405A7E;
    background: transparent;
}

.modal-cart-quantity-number-input::-webkit-input-placeholder {
    font-weight: 400;
    color: #405A7E;
    opacity: 1;
}

.modal-cart-quantity-number-input::-moz-placeholder {
    font-weight: 400;
    color: #405A7E;
    opacity: 1;
}

.modal-cart-quantity-number-input:-moz-placeholder {
    font-weight: 400;
    color: #405A7E;
    opacity: 1;
}

.modal-cart-quantity-number-input:-ms-input-placeholder {
    font-weight: 400;
    color: #405A7E;
    opacity: 1;
}

.modal-cart-quantity-number-input:focus {
    outline: 0;
    background: transparent !important;
    font-weight: 400;
    color: #405A7E;
    opacity: 1;
    border: 1px solid #405A7E;
}

.modal-cart-quantity-number-input:disabled {
    background: transparent;
}

.modal-cart-remove-button {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: none;
    border: none;
    cursor: pointer;
}

.modal-cart-remove-button svg {
    display: block;
    fill: #6042F4;
}

.modal-cart-remove-button svg:hover {
    fill: #FF277F;
}

.modal-cart-remove-button svg:active {
    fill: #FF277F;
}

.modal-close-button {
    position: absolute;
    top: 36px;
    right: 15px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: none;
    border: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal-close-button {
        top: 36px;
        right: 20px;
        width: 30px;
        height: 30px;
    }
}

.modal-close-button svg {
    display: block;
    width: 100%;
    height: auto;
    fill: #6042F4;
}

.modal-close-button svg:hover {
    fill: #FF277F;
}

.modal-close-button svg:active {
    fill: #FF277F;
}

.product-images-modal-slider {
    position: relative;
}

.product-images-modal-slider .swiper-slide {
    height: auto;
}

.product-images-modal-item img {
    display: block;
    width: 100%;
}

.product-images-modal-slider-nav {
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 48px;
    margin: auto 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 15px 0 15px;
}

.product-images-modal-slider-nav__column {
    flex: 0 0 auto;
}

.mobile-menu {
    display: none;
    visibility: hidden;
}

.mobile-menu__background {
    background-color: #FFFFFF;
    height: 100%;
    visibility: visible;
    border-top: 1px solid rgba(26, 36, 50, 0.1);
}

.mobile-menu__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.mobile-menu_opened {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    padding-top: 100px;
}

@media (min-width: 768px) {
    .mobile-menu_opened {
        padding: 119px 0 0 0;
    }
}

@media (min-width: 1230px) {
    .mobile-menu_opened {
        display: none;
    }
}

.mobile-menu__top {
    display: block;
    flex: 0 0 auto;
    height: 95px;
}

@media (min-width: 768px) {
    .mobile-menu__top {
        display: none;
    }
}

.mobile-menu__top-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

@media (min-width: 576px) {
    .mobile-menu__top-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .mobile-menu__top-container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .mobile-menu__top-container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .mobile-menu__top-container {
        max-width: 1170px;
    }
}

.mobile-menu__top-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 33px;
}

@media (min-width: 360px) {
    .mobile-menu__top-row {
        width: 330px;
    }
}

.mobile-menu__top-search-column {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-menu__top-phone-column {
    flex: 0 0 auto;
}

.mobile-menu__top-order-column {
    flex: 0 0 auto;
    min-width: 166px;
}

.mobile-menu__items {
    flex: 1 1 auto;
    max-height: 100%;
    overflow-y: scroll;
}

@media (min-width: 1026px) {
    .mobile-menu__items {
        display: none;
    }
}

.mobile-menu__items-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

@media (min-width: 576px) {
    .mobile-menu__items-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .mobile-menu__items-container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .mobile-menu__items-container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .mobile-menu__items-container {
        max-width: 1170px;
    }
}

.mobile-menu__tablet-tabs {
    display: none;
}

@media (min-width: 1026px) {
    .mobile-menu__tablet-tabs {
        display: block;
        flex: 1 1 auto;
        max-height: 100%;
        overflow-y: scroll;
        padding: 28px 0 0 0;
    }
}

.mobile-menu__tablet-tabs-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .mobile-menu__tablet-tabs-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .mobile-menu__tablet-tabs-container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .mobile-menu__tablet-tabs-container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .mobile-menu__tablet-tabs-container {
        max-width: 1170px;
    }
}

.mobile-menu-list {
    padding: 0 0 32px 0;
}

@media (min-width: 768px) {
    .mobile-menu-list {
        padding: 27px 0 32px 0;
    }
}

.mobile-menu-list__item {
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 20px 0;
    color: #1A2432;
    text-align: right;
}

.mobile-menu-list__item-text {
    cursor: pointer;
    position: relative;
    color: #1A2432;
    min-height: 14px;
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    justify-content: flex-end;
}

.mobile-menu-list__item-text:hover {
    color: #405A7E;
}

/*.mobile-menu-list__item-text::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: block;*/
/*    right: 0;*/
/*    top: 7px;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    z-index: 10;*/
/*    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zIDYgMy02aC02eiIgZmlsbD0iIzYwNDJmNCIvPjwvc3ZnPg==") no-repeat left top;*/
/*}*/

/*.mobile-menu-list__item-text.collapse-button.collapse-button_opened::after {*/
/*    transform: rotate(180deg);*/
/*}*/

.mobile-submenu {
    padding: 0;
}

.mobile-submenu-list {
    padding: 20px 0 0 0;
}

.mobile-submenu-list__item {
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 20px 0;
    color: #405A7E;
    text-align: right;
}

.mobile-submenu-list__item:last-child {
    margin: 0;
}

.mobile-submenu-list__item-link,
.mobile-menu-list__item-link {
    color: #405A7E;
    text-decoration: none;
    display: block;
}

.mobile-submenu-list__item-link:hover {
    color: #1A2432;
    text-decoration: none;
}

.mobile-submenu-list__item-link:active {
    color: #1A2432;
    text-decoration: none;
}

.mobile-submenu-list2 {
    padding: 20px 0 0 0;
}

.mobile-submenu-list2__item {
    font-size: 12px;
    line-height: 1.25;
    margin: 0 0 16px 0;
    color: #405A7E;
    text-align: right;
}

.mobile-submenu-list2__item:last-child {
    margin: 0;
}

.mobile-submenu-list2__item-link {
    color: #405A7E;
    text-decoration: none;
}

.mobile-submenu-list2__item-link:hover {
    color: #1A2432;
    text-decoration: none;
}

.mobile-submenu-list2__item-link:active {
    color: #1A2432;
    text-decoration: none;
}

.tablet-tabs-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.tablet-tabs-buttons__column {
    padding: 10px;
    display: flex;
    align-items: center;
}

.tablet-tabs-buttons__link {
    padding: 0 9px 0 0;
    margin: 0;
    background: none;
    border: none;
    min-height: 6px;
    font-size: 14px;
    line-height: 1;
    color: #000000;
    text-decoration: none;
    display: block;
}
.tabs-button.tablet-tabs-button,
.mobile-menu-list__item-btn {
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zIDYgMy02aC02eiIgZmlsbD0iIzYwNDJmNCIvPjwvc3ZnPg==") no-repeat center;
    background-size: contain;
    border: none;
    transition: transform 0.3s ease;
}

/*.tabs-button.tablet-tabs-button:hover {*/
/*    text-decoration: none;*/
/*}*/

/*.tabs-button.tablet-tabs-button::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: block;*/
/*    right: 0;*/
/*    top: 7px;*/
/*    z-index: 10;*/
/*}*/

.tabs-button.tabs-button_active.tablet-tabs-button {
    color: #405A7E;
}

.tabs-button.tabs-button_active.tablet-tabs-button,
.mobile-menu-list__item-btn.collapse-button.collapse-button_opened {
    transform: rotate(180deg);
}

.tablet-tabs-content {
    padding: 40px 0 0 0;
}

.tablet-tabs-content__item {
    padding: 0;
}

.tablet-submenu {
    padding: 0;
}

.tablet-submenu__container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .tablet-submenu__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .tablet-submenu__container {
        max-width: 720px;
    }
}

@media (min-width: 1026px) {
    .tablet-submenu__container {
        max-width: 994px;
    }
}

@media (min-width: 1230px) {
    .tablet-submenu__container {
        max-width: 1170px;
    }
}

.tablet-submenu__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.tablet-submenu__column {
    flex: 0 0 auto;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tablet-submenu-list__item {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
    padding: 0 0 14px 0;
}

.tablet-submenu-list__item-link {
    color: #000000;
    text-decoration: none;
    display: block;
}

.tablet-submenu-list__item-link:hover {
    color: #405A7E;
    text-decoration: none;
}

.tablet-submenu-list2 {
    padding: 12px 0 0 0;
}

.tablet-submenu-list2__item {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
    padding: 0 0 4px 20px;
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA2IDYiIHdpZHRoPSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiBmaWxsPSIjMDAwMDAwIiByPSIzIi8+PC9zdmc+") no-repeat left 8px top 8px;
}

.tablet-submenu-list2__item-link {
    color: #000000;
    text-decoration: none;
}

.tablet-submenu-list2__item-link:hover {
    color: #405A7E;
    text-decoration: none;
}

.search__block {
    z-index: 500;
    position: absolute;
    /* left: 0; */
    width: auto;
    white-space: nowrap;
    right: 0;
    bottom: 10px;
    display: none;
}

.header__search-column {
    position: relative;
}

.made__by a {
    font-size: 14px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    /*position: relative;*/
    /*top: 12px;*/
}

.footer-sitemap a {
    font-size: 14px;
    line-height: 1.2;
    /*text-align: center;*/
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

/*.footer-sitemap {*/
/*    position: relative;*/
/*    top: -20px;*/
/*}*/

.section__content {
    margin-top: 50px;
    margin-bottom: 50px;
}

button.production-item-button.production-item-button_style_compare {
    display: none;
}

.cases.section-margins .cases-items {
    margin-top: 30px;
}

#modal-product,
#modal-video {
    max-width: 700px;
}

.mb-30 {
    margin-bottom: 30px;
}

video {
    max-width: 100%;
}

.w100 {
    width: 100% !important;
}

.project-info-box__video video {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

.header-submenu-list,
.tablet-submenu-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

.tablet-submenu-list__item {
    width: 20%;
    padding: 8px 15px;
}

.text-popup-wrap {
    position: relative;
    display: inline-block;
}

.text-popup {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    /*background-color: rgba(242, 248, 252, 0.3);*/
    border: 1px solid #D3E7F4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
    width: 350px;
    white-space: wrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

@media(width>992px) {
    .text-popup-wrap:hover .text-popup {
        opacity: 1;
        visibility: visible;
    }
}

.modal__content.modal__content_success {
    text-align: center;
}

.modal__content.modal__content_success {}

.modal__content.modal__content_success p.success-h {
    font-weight: bold;
}

.list-style {
    list-style: inherit;
}

.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 300;
}

.bold {
    font-weight: 700;
}

.label-404 {
    font-weight: 700;
    font-size: 20rem;
    user-select: none;
    -webkit-user-select: none;
}

.glass-plate,
.glass-plate-no-border {
    background-color: rgba(242, 248, 252, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.glass-plate {
    border: 1px solid hsl(204 60 89);
    border-radius: 10px;
}

.plate-padding {
    padding: 42px 60px;

    @media (max-width: 1229px) {
        padding: 48px 22px;
    }
    @media (max-width: 767px) {
        padding: 38px 15px 42px;
    }
}

.bx-filter-container-modef {
    display: none;

    &:has(*) {
        display: block;
    }
}

.page-info__bg-gradient-wrap {
    background-image: linear-gradient(to bottom, hsl(0 0 100 / 0.2), hsl(0 0 100 / 0.95) 102px, hsl(0 0 100) 90%, hsl(0 0 100 / 0.2) 100%);
}
.page-info__bg-gradient-wrap--product-padding {
    padding-block: 102px 100px;
}

.plate-padding-2 {
    padding: 42px 29px 39px 67px;

    @media (max-width: 1439px) {
        padding: 35px 22px 38px;
    }
    @media (max-width: 1023px) {
        padding: 30px 13px 46px 17px;
    }
}
.plate-padding-3 {
    padding: 38px 23px 42px;

    @media (min-width: 768px) {
        padding: 48px 33px;
    }
    @media (min-width: 1230px) {
        padding: 42px 90px;
    }
}
.plate-padding-4 {
    padding: 42px 68px 54px 29px;
}
.plate-padding-5 {
    padding: 42px 29px 54px 68px;
}
@media (max-width: 1439px) {
    .plate-padding-4, .plate-padding-5 {
        padding: 35px 25px 38px;
    }
}
@media (max-width: 1023px) {
    .plate-padding-4, .plate-padding-5 {
        padding: 30px 15px 36px;
    }
}

.sp-container-first-no-margin > section.section-margins:first-child {
    margin-top: 0;
}

.border-default {
    border-width: 1px;
    border-style: solid;
}
.bc-default {
    border-color: var(--color-freezing-vapor);
}
@media (max-width: 1439px) {
    .bc-pink-l1440 {
        border-color: var(--color-office-neon-light);
    }
}
.br-default {
    border-radius: 10px;
    overflow: hidden;
}

.custom-swiper-nav {
    display: flex;

    & > button {
        display: block;
    }
}
.custom-swiper-nav__btn {
    width: 47px;
    height: 46px;
    padding: 14px;
    background-color: #fff;

    &:not(.swiper-button-disabled) {
        cursor: pointer;
    }

    &::before {
        content: '';
        display: block;
        width: 17px;
        height: 16px;
        mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjMzNCA4LjczMzMzTDIuMDAwNjUgOC43MzMzM00yLjAwMDY1IDguNzMzMzNMOS45MDEzNiAxN00yLjAwMDY1IDguNzMzMzNMOS45MDEzNiAxIiBzdHJva2U9IiNEM0U3RjQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K) center / 100% 100% no-repeat;
    }
}
.custom-swiper-nav__btn--right {
    rotate: 180deg;
}
.custom-swiper-nav__btn.swiper-button-disabled {
    opacity: 0.3;
}
.custom-swiper-nav__btn--purple {
    background-color: var(--color-purplish-blue);

    &::before {
        background-color: var(--color-freezing-vapor);
    }

    @media (hover:hover) {
        &:hover:not(.swiper-button-disabled) {
            background-color: var(--color-freezing-vapor);

            &::before {
                background-color: var(--color-purplish-blue);
            }
        }
    }
}
.custom-swiper-nav__btn--transparent {
    background-color: transparent;

    &::before {
        background-color: var(--color-freezing-vapor);
    }

    @media (hover:hover) {
        &:hover:not(.swiper-button-disabled) {
            background-color: var(--color-freezing-vapor);

            &::before {
                background-color: #fff;
            }
        }
    }
}
@media (max-width: 1439px) {
    .custom-swiper-nav__btn--pink-l1440 {
        background-color: #fff;

        &::before {
            background-color: var(--color-office-neon-light);
        }

        @media (hover: hover) {
            &:hover:not(.swiper-button-disabled) {
                background-color: var(--color-office-neon-light);

                &::before {
                    background-color: #fff;
                }
            }
        }
    }
}

.title-default {
    font-weight: 600;
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 30px;
    text-align: inherit;

    @media (max-width: 1023px) {
        font-size: 28px;
    }
}

.plate-text-with-gallery__row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr 508px;
    column-gap: 28px;
    container-type: inline-size;

    @media (max-width: 1439px) {
        grid-auto-columns: 1fr 448px;
        column-gap: 20px;
    }

    @media (max-width: 1023px) {
        grid-auto-flow: row;
        row-gap: 30px;
    }
}
@media (min-width: 1024px) {
    .plate-text-with-gallery__row--gallery-left {
        grid-auto-columns: 508px 1fr;

        @media (max-width: 1439px) {
            grid-auto-columns: 448px 1fr;
        }

        & > .plate-text-with-gallery__col:has(.plate-text-with-gallery__gallery-wrap) {
            order: -1;
        }
    }
}
.plate-text-with-gallery__col {
    max-width: 100cqw;
}
.plate-text-with-gallery__gallery-wrap {
    height: 419px;

    @media (max-width: 1023px) {
        height: 330px;
    }
}
.plate-text-with-gallery__swiper {
    position: relative;
    height: 100%;

    & .swiper-slide > a {
        display: block;
        height: 100%;

        & > :is(img, svg) {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }
    }
}
.plate-text-with-gallery__swiper .custom-swiper-nav {
    position: absolute;
    right: 26px;
    bottom: 29px;
    z-index: 10;
    column-gap: 15px;

    @media (max-width: 1439px) {
        right: 21px;
        bottom: 24px;
    }
    @media (max-width: 1023px) {
        right: 14px;
        bottom: 23px;
    }
}

.pros-cons__item-wrap {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    column-gap: 46px;

    @media (max-width: 1023px) {
        grid-auto-flow: row;
        row-gap: 30px;
    }
}
@media (max-width: 1023px) {
    .pros-cons__item-title > * {
        margin-bottom: 10px;
    }
}

.image-default {
    width: 100%;
    height: 100%;

    & > img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
}

.text-default > *:not(:first-child) {
    margin-top: 10px;
}

@media (min-width: 1024px) {
    .order-first-1024 {
        order: -1;
    }
}

.plate-text-with-media__row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    column-gap: 28px;

    @media (max-width: 1439px) {
        column-gap: 20px;
    }

    @media (max-width: 1023px) {
        grid-auto-flow: row;
        row-gap: 30px;
    }
}
.plate-text-with-media__image-wrap,
.plate-enum-with-image__image-wrap {
    aspect-ratio: 3 / 2;

    @media (max-width: 1439px) {
        aspect-ratio: 10 / 9;
    }
}
.plate-text-with-media__video-wrap > .video-default:has(iframe) {
    min-height: 347px;
}

.plate-enum-with-image__row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    column-gap: 32px;

    @media (max-width: 1439px) {
        column-gap: 17px;
    }

    @media (max-width: 1023px) {
        grid-auto-flow: row;
        row-gap: 30px;
    }
}
@media (max-width: 1023px) {
    .plate-enum-with-image__col--enum {
        padding-inline: 15px;
    }
}
.plate-enum-with-image__title > * {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;

    @media (max-width: 1023px) {
        line-height: 1.2;
    }
}

.plate-padding-center-1 {
    padding: 50px 67px;

    @media (max-width: 1439px) {
        padding: 30px 21px;
    }
}

@media (min-width: 1230px) {
    .data-info-tabs-buttons__row_align_center_1230 {
        justify-content: center;
    }
}

.teasers-1__list-item {
    display: grid;
    grid-template-areas:
        'a b'
        'a c';
    grid-template-columns: auto 1fr;
    gap: 5px 20px;

    &:not(:first-child) {
        margin-top: 20px;
    }

    &::before {
        content: '';
        grid-area: a;
        width: 30px;
        height: 30px;
        margin-top: 6px;
        mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMzAyN180MTA5OSkiLz4KPHBhdGggZD0iTTguNDAwMzkgMTYuNjM3OUwxMy4zMDI1IDIxLjZMMjIuODAwNCAxMS40IiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcl8zMDI3XzQxMDk5KSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8zMDI3XzQxMDk5IiB4MT0iMTUiIHkxPSIwIiB4Mj0iMTUiIHkyPSIzMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDA0RkMxIi8+CjxzdG9wIG9mZnNldD0iMC40OSIgc3RvcC1jb2xvcj0iIzYwNDJGNCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjI3N0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzMwMjdfNDEwOTkiIHgxPSIxNS42MDA0IiB5MT0iMTEuNCIgeDI9IjE1LjYwMDQiIHkyPSIyMS42IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDRGQzEiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ5IiBzdG9wLWNvbG9yPSIjNjA0MkY0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMjc3RiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) center top no-repeat;
        background-image: var(--gradient-default);

        @media (max-width: 1023px) {
            width: 20px;
            height: 20px;
            mask-size: 20px 20px;
        }
    }

    & > dt {
        grid-area: b;
    }
    & > dd {
        margin-inline-start: 0;
        grid-area: c;
    }
}

.title-small {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.banners-slider-2__wrap {
    position: relative;
}
.banners-slider-2__swiper {
    position: relative;

    &::before {
        content: '';
        position: absolute;
        z-index: 5;
        inset: 0;
        mask-image: linear-gradient(to right, #000f, #0000);
        background-color: hsl(232 72 19);

        @media (max-width: 1023px) {
            mask-image: linear-gradient(to bottom, #000f, #0000);
        }
    }
}
.banners-slider-2__title {
    position: absolute;
    z-index: 10;
    top: 103px;
    left: 66px;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;

    @media (min-width: 1440px) {
        max-width: 485px;
    }
    @media (max-width: 1439px) {
        position: static;
        max-width: 100%;
        margin-bottom: 30px;
        color: initial;
    }
    @media (max-width: 1023px) {
        margin-bottom: 24px;
        font-size: 28px;
    }
}
.banners-slider-2__item-img {
    height: 452px;
    position: relative;

    @media (max-width: 1439px) {
        height: 332px;
    }
    @media (max-width: 1023px) {
        height: 270px;
    }

    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 1;
    }
}
.banners-slider-2 .custom-swiper-nav {
    position: absolute;
    left: 68px;
    bottom: 57px;
    z-index: 10;
    column-gap: 15px;

    @media (max-width: 1439px) {
        position: static;
        margin-top: 40px;
        justify-content: center;
    }
    @media (max-width: 1023px) {
        margin-top: 30px;
    }
}

.video-default {
    position: relative;
    width: 100%;
    display: flex;

    & > iframe {
        width: 100%;
        border: none;
    }
    & > video {
        width: 100%;
    }
}
.video-default-preview {
    position: absolute;
    inset: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;

    &::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 6;
        background-color: hsl(0 0 100 / 0.4);
    }

    @media (hover: hover) {
        &:hover .video-default-play::before {
            background-color: #fff;
        }
        &:hover .video-default-play::after {
            background-color: var(--color-purplish-blue);
        }
    }
}
.video-default-play {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 10;

    &::before, &::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
    }
    &::before {
        width: 57px;
        height: 45px;
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NyA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjUgMEMwLjQ5MDE5OCAwIDAgMi41NTM5IDAgMjIuNUMwIDQyLjQ0NjEgMC40OTAxOTggNDUgMjguNSA0NUM1Ni41MDk4IDQ1IDU3IDQyLjQ0NjEgNTcgMjIuNUM1NyAyLjU1MzkgNTYuNTA5OCAwIDI4LjUgMFpNMzcuNjM0MyAyMy40NzZMMjQuODM3NyAyOS42MDA3QzIzLjcxNzcgMzAuMTMyNSAyMi44IDI5LjUzNjMgMjIuOCAyOC4yNjgyVjE2LjczMThDMjIuOCAxNS40NjY1IDIzLjcxNzcgMTQuODY3NSAyNC44Mzc3IDE1LjM5OTRMMzcuNjM0MyAyMS41MjRDMzguNzU0MyAyMi4wNjE3IDM4Ljc1NDMgMjIuOTM4MyAzNy42MzQzIDIzLjQ3NloiIGZpbGw9IiM2MDQyRjQiLz4KPHBhdGggZD0iTTM3LjYzNDMgMjMuNDc2TDI0LjgzNzcgMjkuNjAwN0MyMy43MTc3IDMwLjEzMjUgMjIuOCAyOS41MzYzIDIyLjggMjguMjY4MlYxNi43MzE4QzIyLjggMTUuNDY2NSAyMy43MTc3IDE0Ljg2NzUgMjQuODM3NyAxNS4zOTk0TDM3LjYzNDMgMjEuNTI0QzM4Ljc1NDMgMjIuMDYxNyAzOC43NTQzIDIyLjkzODMgMzcuNjM0MyAyMy40NzZaIiBmaWxsPSIjNjA0MkY0Ii8+Cjwvc3ZnPgo=);
        background-color: var(--color-purplish-blue);
    }
    &::after {
        width: 16px;
        height: 15px;
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjYzNSA4LjQ3NTgxTDIuODM4NTMgMTQuNjAwNUMxLjcxODUyIDE1LjEzMjQgMC44MDA3ODEgMTQuNTM2MiAwLjgwMDc4MSAxMy4yNjhWMS43MzE3QzAuODAwNzgxIDAuNDY2MzczIDEuNzE4NTIgLTAuMTMyNjU0IDIuODM4NTMgMC4zOTkyMDdMMTUuNjM1IDYuNTIzOUMxNi43NTUgNy4wNjE1NCAxNi43NTUgNy45MzgxNyAxNS42MzUgOC40NzU4MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNS42MzUgOC40NzU4MUwyLjgzODUzIDE0LjYwMDVDMS43MTg1MiAxNS4xMzI0IDAuODAwNzgxIDE0LjUzNjIgMC44MDA3ODEgMTMuMjY4VjEuNzMxN0MwLjgwMDc4MSAwLjQ2NjM3MyAxLjcxODUyIC0wLjEzMjY1NCAyLjgzODUzIDAuMzk5MjA3TDE1LjYzNSA2LjUyMzlDMTYuNzU1IDcuMDYxNTQgMTYuNzU1IDcuOTM4MTcgMTUuNjM1IDguNDc1ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
        background-color: #fff;
    }
}

.page-top {
    height: 452px;
    background-color: var(--color-fibonacci-blue);

    @media (max-width: 1023px) {
        height: 100dvh;
    }
}
.banners-cases {
    padding-block: 55px 50px;

    @media (max-width: 1439px) {
        padding-block: 52px 67px;
    }
    @media (max-width: 1023px) {
        padding-block: 70px 0;
    }
}
@media (max-width: 1023px) {
    .banners-cases__swiper {
        padding-bottom: 66px;
    }
}
.banners-cases__item-wrap {
    width: 1136px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 485px 555px;
    column-gap: 96px;

    @media (max-width: 1439px) {
        width: 960px;
        grid-template-columns: 467px 470px;
        column-gap: 24px;
    }
    @media (max-width: 1023px) {
        width: unset;
        margin-inline: unset;
        padding-inline: 15px;
        grid-template-columns: 1fr;
        row-gap: 100px;
    }
}
.banners-cases__item-info {
    padding-top: 48px;

    @media (max-width: 1439px) {
        padding-top: 17px;
    }
    @media (max-width: 1023px) {
        padding-top: 0;
    }
}
.banners-cases__item-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}
.banners-cases__item-descr {
    margin-top: 80px;
    font-size: 18px;
    line-height: 1;
    color: hsl(0 0 100 / 0.65);

    @media (max-width: 1023px) {
        margin-top: 40px;
    }
}
.banners-cases__img {
    width: 100%;
    height: 347px;

    @media (max-width: 1439px) {
        height: 333px;
    }
    @media (max-width: 1023px) {
        height: calc(41.25dvh - 66px);
    }
}
.banners-cases__swiper .custom-swiper-nav {
    column-gap: 15px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 568px);
    z-index: 10;

    @media (max-width: 1439px) {
        left: calc(50% - 480px);
    }
    @media (max-width: 1023px) {
        left: 15px;
    }
}

.cookie-alert {
    position: fixed;
    bottom: 2dvh;
    right: 2vw;
    width: 330px;
    z-index: 110;
    background-color: rgba(242, 248, 252, 0.7);

    @media (max-width: 767px) {
        right: 50vw;
        translate: 50%;
    }
}
.cookie-alert__wrap {
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.cookie-alert__text {
    font-size: 12px;
}

.gradient-border {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #004FC1 0%, #6042F4 49%, #FF277F 100%) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}