@charset "UTF-8";

:root {
    --white: #FFFFFF;
    --black: #000000;
    --time: .3s;
    --1: #fff;
    --background-back: #f1f3f6;
    --text--icon-primary: #2f3239;
    --text--icon-third: #476144;
    --text--icon-secondary: #1e447e;
    --text--icon-hover-secondary: #84cae8;
    --text--icon-hover-third: #abd14e;
    --background-surface-light: #fff;
    --border-inverse: rgba(60, 87, 128, 0.16);
    --background-surface-light---hover: #ededed;
    --text--icon-hover-primary: #fff;
    --primary-cta: #ffc321;
    --primary-cta-hovered: #ffdd83;
    --primary-cta-pressed: #d7a00c;
    --text--icon-inverse-primary: #323232;
    --background-surface-blakc: #535353;
    --border-2: rgba(241, 243, 246, 0.8);
    --text--icon-cta: #e30952;
    --font-family: "Inter", sans-serif;
    --second-family: "Montserrat", sans-serif;
}


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


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}


audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}


audio:not([controls]) {
    display: none;
    height: 0;
}


[hidden] {
    display: none !important;
}


html {
    font-size: 100%;
 
    -webkit-text-size-adjust: 100%;
 
    -ms-text-size-adjust: 100%;
 
}


a {
    text-decoration: none;
}


a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}


img {
    border: 0;
 
    -ms-interpolation-mode: bicubic;
 
}


figure {
    margin: 0;
}


form {
    margin: 0;
}


fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


legend {
    border: 0;
 
    padding: 0;
    white-space: normal;
 
}


button,
input,
select,
textarea {
    font-size: 100%;
 
    margin: 0;
 
    vertical-align: baseline;
 
    *vertical-align: middle;
 
}


button,
input {
    line-height: normal;
}


button,
select {
    text-transform: none;
}


button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
 
    cursor: pointer;
 
}


button[disabled],
html input[disabled] {
    cursor: default;
}


input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
 
    padding: 0;
 
}


input[type=search] {
    -webkit-appearance: textfield;
  
    box-sizing: content-box;
}


input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}


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


textarea {
    overflow: auto;
 
    vertical-align: top;
 
}


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

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

a {
    color: inherit;
}

button {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

html {
    box-sizing: border-box;
    font-size: 0.5208333333vw;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

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

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

html::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


@font-face {
    font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
  
    z-index: 1;
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}


.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}


.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
  
    -ms-overflow-style: none;
  
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
  
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

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

:root {
  
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}


.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
}


.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}


.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}


.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}


:root {
  
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

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

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    font-family: var(--font-family);
    font-size: 2rem;
    line-height: 140%;
    font-weight: 400;
    color: var(--text--icon-primary);
    background: var(--background-surface-light);
    --swiper-pagination-bullet-size: 1.2rem;
    --swiper-pagination-color: var(--text--icon-secondary);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: var(--border-inverse);
    --swiper-pagination-bullet-horizontal-gap: 1rem;
    overflow-wrap: break-word;
}

main {
    -ms-flex: 1;
    flex: 1;
}

img {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

svg {
    transition: fill, opacity, stroke, color, background-color, border-color, -webkit-transform;
    transition: fill, opacity, transform, stroke, color, background-color, border-color;
    transition: fill, opacity, transform, stroke, color, background-color, border-color, -webkit-transform;
    transition-duration: var(--time);
    overflow: visible;
    width: 100%;
    height: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.container {
    padding-right: 16rem;
    padding-left: 16rem;
}

@media (max-width: 500px) {
    .container {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
}

.img-contain {
    display: block;
}

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

.img-cover {
    display: block;
    overflow: hidden;
}

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

h1,
.h1 {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 125%;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    h1,
  .h1 {
        font-weight: 600;
        font-size: 2.8rem;
        line-height: 129%;
        text-transform: uppercase;
    }
}

h2,
.h2 {
    font-weight: 600;
    font-size: 3rem;
    line-height: 127%;
    font-family: var(--second-family);
}

@media (max-width: 1024px) {
    h2,
  .h2 {
        font-size: 2.6rem;
        line-height: 131%;
    }
}

h4,
.h4 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 121%;
}

@media (max-width: 1024px) {
    h4,
  .h4 {
        font-size: 2.2rem;
        line-height: 118%;
    }
}

h5,
.h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 123%;
    letter-spacing: 0.015em;
}

@media (max-width: 1024px) {
    h5,
  .h5 {
        font-size: 2rem;
        line-height: 120%;
    }
}

@media (max-width: 1024px) {
    .xl-h5 {
        font-family: var(--font-family);
        font-weight: 500;
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 120%;
    }
}

h6,
.h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
}

@media (max-width: 1024px) {
    .xl-h6 {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 122%;
    }
}

.btn {
    border: 1px solid var(--border-inverse);
    border-radius: 0.8rem;
    padding: 1.2rem 2rem;
    background: var(--primary-cta);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
    color: var(--text--icon-primary);
    font-family: var(--font-family);
    transition: background-color var(--time), border-color var(--time);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 1.2rem;
}

@media (max-width: 1024px) {
    .btn {
        width: 100%;
    }
}

.btn svg {
    width: 2.4rem;
    height: 2.4rem;
}

@media (max-width: 1024px) {
    .btn svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    .btn:hover {
        background: var(--primary-cta-hovered);
    }
}

.btn.large {
    min-height: 7rem;
    min-width: 30rem;
}

@media (max-width: 1024px) {
    .btn.large {
        min-height: 5.6rem;
    }
}

.btn.large-2 {
    min-height: 7rem;
}

@media (max-width: 1024px) {
    .btn.large-2 {
        min-height: 5.6rem;
    }
}

.btn.small {
    font-size: 1.4rem;
    line-height: 129%;
    border-radius: 0.6rem;
    padding: 1.2rem 1.6rem;
}

@media (max-width: 1024px) {
    .btn.xl-small {
        font-size: 1.4rem;
        line-height: 129%;
        border-radius: 0.6rem;
        padding: 1.2rem 1.6rem;
    }
}

.btn.btn-blue {
    border: 1px solid var(--border-inverse);
    background: var(--text--icon-secondary);
    color: var(--text--icon-hover-primary);
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-blue:hover {
        background-color: var(--text--icon-hover-secondary);
    }
}

.btn.btn-lblue {
    border: 1px solid var(--text--icon-hover-secondary);
    background: var(--text--icon-hover-secondary);
    color: var(--text--icon-hover-primary);
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-lblue:hover {
        border-color: var(--text--icon-secondary);
        background-color: var(--text--icon-secondary);
    }
}

.btn.btn-black {
    background: var(--text--icon-primary);
    border: 1px solid var(--border-inverse);
    color: var(--text--icon-hover-primary);
    border-radius: 0.8rem;
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-black:hover {
        background: var(--background-surface-blakc);
    }
}

.btn.btn-white {
    background: var(--background-surface-light);
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-white:hover {
        background: var(--background-back);
    }
}

.link a {
    color: var(--background-surface-blakc);
    transition: color var(--time);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
}

@media (hover: hover) and (pointer: fine) {
    .link a:hover {
        color: var(--text--icon-secondary);
    }
}

.link-blue a {
    color: var(--text--icon-secondary);
}

@media (hover: hover) and (pointer: fine) {
    .link-blue a:hover {
        color: var(--text--icon-hover-secondary);
    }
}

@media (hover: hover) and (pointer: fine) {
    .icon-blue:hover svg {
        background-color: var(--text--icon-hover-secondary);
    }
}

.icon-blue svg {
    background: var(--text--icon-secondary);
    border-radius: 100%;
    color: var(--background-surface-light);
}

.body-1,
.body-2,
.body-3 {
    font-family: var(--font-family);
    font-weight: 500;
}

.body-1 {
    font-size: 1.8rem;
    line-height: 133%;
}

@media (max-width: 1024px) {
    .xl-body-2 {
        font-size: 1.6rem;
        line-height: 125%;
    }
}

.body-2 {
    font-size: 1.6rem;
    line-height: 125%;
}

@media (max-width: 1024px) {
    .xl-body-3 {
        font-size: 1.4rem;
        line-height: 129%;
    }
}

.body-3 {
    font-size: 1.4rem;
    line-height: 129%;
}

.font-regular {
    font-weight: 400;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: var(--background-back);
    border-radius: 0.6rem;
    padding: 1px;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--text--icon-secondary);
    border-radius: 0.6rem;
}

.custom-scrollbar::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.dropdown-style {
    border: 1px solid var(--text--icon-secondary);
    border-radius: 1.2rem;
    box-shadow: 0 4px 12px 0 rgba(146, 146, 146, 0.01);
    background: var(--background-surface-light);
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
    width: 100%;
    z-index: 3;
}

.shevron-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.2rem;
    text-align: center;
}

.shevron-title::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='72' viewBox='0 0 93 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_329_5496)'%3E%3Cpath d='M16.8937 32.639C16.3355 32.2684 16 31.6429 16 30.9729V14.0034C16 12.4077 17.777 11.4546 19.1063 12.3373L45.3937 29.7921C46.0641 30.2373 46.9359 30.2373 47.6063 29.7921L73.8937 12.3373C75.223 11.4546 77 12.4077 77 14.0034V30.9729C77 31.6429 76.6645 32.2684 76.1063 32.639L47.6063 51.5631C46.9359 52.0082 46.0641 52.0082 45.3937 51.5631L16.8937 32.639Z' fill='%231E447E'/%3E%3C/g%3E%3Cline x1='31.5' y1='59.2976' x2='61.5' y2='59.2976' stroke='%231E447E' stroke-width='2' stroke-linecap='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_329_5496' x='0' y='0' width='93' height='71.897' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.549448 0 0 0 0 0.549448 0 0 0 0 0.549448 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_329_5496'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_329_5496' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 9.3rem;
    height: 7.2rem;
}

hr {
    background-image: url("data:image/svg+xml,%3Csvg width='1600' height='2' viewBox='0 0 1600 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H1600' stroke='url(%23paint0_radial_157_10757)' stroke-opacity='0.8' stroke-width='2' /%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_157_10757' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(800 1.5) scale(800 0.5)'%3E%3Cstop stop-color='%233C5780' /%3E%3Cstop offset='1' stop-color='%233C5780' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 2px;
    height: 2px;
    width: 100%;
    border: 0;
    margin: 0;
}

@media (max-width: 1024px) {
    hr {
        background-image: url("data:image/svg+xml,%3Csvg width='343' height='2' viewBox='0 0 343 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H343' stroke='url(%23paint0_radial_306_11386)' stroke-opacity='0.8' stroke-width='2'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_306_11386' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(171.5 1.5) scale(171.5 0.5)'%3E%3Cstop stop-color='%233C5780'/%3E%3Cstop offset='1' stop-color='%233C5780' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}

.mt-96 {
    margin-top: 9.6rem;
}

@media (max-width: 1024px) {
    .mt-96 {
        margin-top: 5.2rem;
    }
}

.mt-80 {
    margin-top: 8rem;
}

@media (max-width: 1024px) {
    .mt-80 {
        margin-top: 5.2rem;
    }
}

.mt-64 {
    margin-top: 6.4rem;
}

@media (max-width: 1024px) {
    .mt-64 {
        margin-top: 4rem;
    }
}

.mt-52 {
    margin-top: 5.2rem;
}

@media (max-width: 1024px) {
    .mt-52 {
        margin-top: 4rem;
    }
}

.mt-48 {
    margin-top: 4.8rem;
}

@media (max-width: 1024px) {
    .mt-48 {
        margin-top: 2.4rem;
    }
}

.mt-40 {
    margin-top: 4rem;
}

@media (max-width: 1024px) {
    .mt-40 {
        margin-top: 2.4rem;
    }
}

.mt-35 {
    margin-top: 3.5rem;
}

@media (max-width: 1024px) {
    .mt-35 {
        margin-top: 2.4rem;
    }
}

.mt-32 {
    margin-top: 3.2rem;
}

@media (max-width: 1024px) {
    .mt-32 {
        margin-top: 2rem;
    }
}

.mt-24 {
    margin-top: 2.4rem;
}

.mt-20 {
    margin-top: 2rem;
}

@media (max-width: 1024px) {
    .mt-20 {
        margin-top: 1.6rem;
    }
}

.mt-16 {
    margin-top: 1.6rem;
}

@media (max-width: 1024px) {
    .mt-16 {
        margin-top: 1.2rem;
    }
}

.mt-8 {
    margin-top: 0.8rem;
}

.mb-48 {
    margin-bottom: 4.8rem;
}

.mb-64 {
    margin-bottom: 6.4rem;
}

@media (max-width: 1024px) {
    .mb-64 {
        margin-bottom: 4.4rem;
    }
}

.pt-80 {
    padding-top: 8rem;
}

@media (max-width: 1024px) {
    .pt-80 {
        padding-top: 4rem;
    }
}

.pb-160 {
    padding-bottom: 16rem;
}

@media (max-width: 1024px) {
    .pb-160 {
        padding-bottom: 8rem;
    }
}

.pb-80 {
    padding-bottom: 8rem;
}

@media (max-width: 1024px) {
    .pb-80 {
        padding-bottom: 4rem;
    }
}

.text-center {
    text-align: center;
}

.card {
    border: 1px solid var(--border-inverse);
    border-radius: 0.8rem;
    padding: 1rem 2.4rem 1rem 3.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.4rem;
    background: var(--text--icon-cta);
    color: var(--text--icon-hover-primary);
}

@media (max-width: 1024px) {
    .card {
        padding: 1rem;
        padding-left: 1.95rem;
        width: 100%;
    }
}

.card svg {
    border-radius: 1.2rem;
    border: 1px solid var(--border-2);
    color: var(--text--icon-hover-primary);
    background-color: transparent;
    width: 4.8rem;
    height: 4.8rem;
}

@media (hover: hover) and (pointer: fine) {
    .card:hover svg {
        background-color: var(--background-surface-light);
        border-color: var(--border-inverse);
        color: var(--text--icon-cta);
    }
}

img.lazyload:not([src]) {
    visibility: hidden;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity var(--time);
}

.swiper-arrow {
    border: 1px solid var(--border-inverse);
    border-radius: 1.2rem;
    background: var(--text--icon-secondary);
    transition: background-color var(--time), opacity var(--time);
    color: var(--text--icon-hover-primary);
    padding: 1.6rem 0.8rem;
    width: 4.8rem;
    height: 6.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (hover: hover) and (pointer: fine) {
    .swiper-arrow:hover {
        background-color: var(--text--icon-hover-secondary);
    }
}

.swiper-arrow.white {
    background: var(--text--icon-hover-primary);
    color: var(--text--icon-primary);
}

@media (hover: hover) and (pointer: fine) {
    .swiper-arrow.white:hover {
        background-color: var(--text--icon-hover-secondary);
    }
}

.swiper-arrow svg {
    width: 3.2rem;
    height: 3.2rem;
}

.swiper-arrow.prev svg {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.relative {
    position: relative;
    z-index: 1;
}

.section-title {
    border-radius: 40rem;
    padding: 1.2rem 2rem;
    background: var(--background-back);
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1024px) {
    .section-title {
        border-radius: 40rem;
        padding: 0.8rem 1.6rem;
        letter-spacing: -0.03em;
        font-size: 1.5rem;
    }
}

.text-blue {
    color: var(--text--icon-secondary);
}

.text-red {
    color: var(--text--icon-cta);
}

.text-white {
    color: var(--text--icon-hover-primary);
}

.bg-grey {
    background: var(--background-back);
}

a.link-primary {
    transition: color var(--time);
}

@media (hover: hover) and (pointer: fine) {
    a.link-primary:hover {
        color: var(--text--icon-secondary);
    }
}

.xl-block {
    display: none;
}

@media (max-width: 1024px) {
    .xl-block {
        display: block;
    }
}

.xl-flex {
    display: none;
}

@media (max-width: 1024px) {
    .xl-flex {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 1024px) {
    .xl-hidden {
        display: none;
    }
}

.underline {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.bg-grey {
    background: var(--background-back);
}

.input {
    border-radius: 3rem;
    padding: 2rem 3.2rem;
    box-shadow: 0 4px 6px 2px rgba(215, 220, 224, 0.5);
    background: var(--1);
    height: 6rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
    font-family: var(--font-family);
    border: 0;
}

.input::-webkit-input-placeholder {
    color: rgba(48, 48, 48, 0.6);
    opacity: 1;
}

.input::-moz-placeholder {
    color: rgba(48, 48, 48, 0.6);
    opacity: 1;
}

.input:-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.6);
    opacity: 1;
}

.input::-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.6);
    opacity: 1;
}

.input::placeholder {
    color: rgba(48, 48, 48, 0.6);
    opacity: 1;
}

.input:focus {
    outline: none;
}


:root {
    --white: #FFFFFF;
    --black: #000000;
    --time: .3s;
    --1: #fff;
    --background-back: #f1f3f6;
    --text--icon-primary: #2f3239;
    --text--icon-third: #476144;
    --text--icon-secondary: #1e447e;
    --text--icon-hover-secondary: #84cae8;
    --text--icon-hover-third: #abd14e;
    --background-surface-light: #fff;
    --border-inverse: rgba(60, 87, 128, 0.16);
    --background-surface-light---hover: #ededed;
    --text--icon-hover-primary: #fff;
    --primary-cta: #ffc321;
    --primary-cta-hovered: #ffdd83;
    --primary-cta-pressed: #d7a00c;
    --text--icon-inverse-primary: #323232;
    --background-surface-blakc: #535353;
    --border-2: rgba(241, 243, 246, 0.8);
    --text--icon-cta: #e30952;
    --font-family: "Inter", sans-serif;
    --second-family: "Montserrat", sans-serif;
}

.menu {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .menu {
        display: none;
        background-color: #fafafa;
        position: fixed;
        top: 6.9rem;
        left: 0;
        width: 100%;
        height: calc(100% - 6.9rem);
        -webkit-animation: fadeEffect var(--time);
        animation: fadeEffect var(--time);
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        overflow-y: auto;
        padding-top: 4.8rem;
        padding-bottom: 4.2rem;
    }
}

.menu--open {
    display: block;
}

.menu-button {
    border: 1px solid var(--border-inverse);
    border-radius: 0.8rem;
    padding: 0.8rem 1.2rem;
    width: 4.8rem;
    height: 4.2rem;
    z-index: 4;
    display: none;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 4.16129C24 3.51993 23.4801 3 22.8387 3H10.4516C9.81025 3 9.29032 3.51993 9.29032 4.16129C9.29032 4.80265 9.81025 5.32258 10.4516 5.32258H22.8387C23.4801 5.32258 24 4.80265 24 4.16129ZM24 11.9032C24 11.2619 23.4801 10.7419 22.8387 10.7419H1.16129C0.519926 10.7419 -1.90735e-06 11.2619 -1.90735e-06 11.9032C-1.90735e-06 12.5446 0.519926 13.0645 1.16129 13.0645H22.8387C23.4801 13.0645 24 12.5446 24 11.9032ZM24 19.6452C24 19.0038 23.4801 18.4839 22.8387 18.4839H1.16129C0.519926 18.4839 -1.90735e-06 19.0038 -1.90735e-06 19.6452C-1.90735e-06 20.2865 0.519926 20.8064 1.16129 20.8064H22.8387C23.4801 20.8064 24 20.2865 24 19.6452Z' fill='%231E447E' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem;
}

@media (max-width: 1024px) {
    .menu-button {
        display: -ms-flexbox;
        display: flex;
    }
}

.menu-button.menu-button--active {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%231E447E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

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

.menu-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7.2rem;
}

@media (max-width: 1024px) {
    .menu-columns {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 1.2rem;
        padding: 1.2rem 1.6rem;
        box-shadow: 0 4px 12px 0 rgba(146, 146, 146, 0.01);
        background: var(--background-surface-light);
        border-radius: 0.8rem;
        margin-top: 1.2rem;
    }
}

.menu-columns > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.6rem;
}

@media (max-width: 1024px) {
    .menu-columns > ul {
        gap: 1.2rem;
    }

    .menu-columns > ul a {
        padding: 0.8rem 1.2rem;
        display: block;
    }
}

@media (max-width: 1024px) {
    .menu-card {
        border-radius: 0.8rem;
        padding: 1.6rem 3.2rem;
        box-shadow: 0 4px 12px 0 rgba(146, 146, 146, 0.01);
        background: var(--background-surface-light);
        margin-top: 1.2rem;
    }
}

@media (max-width: 1024px) {
    .menu-socials {
        border-top: 1px solid var(--border-inverse);
        padding-top: 1.6rem;
    }
}

@media (max-width: 1024px) {
    .menu-socials .header-socials {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 1024px) {
    .menu-privacy,
  .menu-phone {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .menu-lk a,
  .menu-lk {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.8rem;
    }
}

.menu-phone li,
.menu-lk li {
    width: 100%;
}

.menu-phone a,
.menu-lk a {
    border-radius: 0.8rem;
    padding: 1.6rem 3.2rem;
    box-shadow: 0 4px 12px 0 rgba(146, 146, 146, 0.01);
    background: var(--background-surface-light);
    margin-top: 1.2rem;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .info-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

.info {
    background-image: url("data:image/svg+xml,%3Csvg width='419' height='80' viewBox='0 0 419 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='419' height='80' fill='url(%23paint0_linear_146_9566)'/%3E%3Crect width='419' height='80' fill='url(%23paint1_linear_146_9566)' fill-opacity='0.86'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_146_9566' x1='0' y1='40' x2='419' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231E447E'/%3E%3Cstop offset='0.647215' stop-color='%2398F2FD'/%3E%3Cstop offset='1' stop-color='%23A7E1FA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_146_9566' x1='0' y1='40' x2='419' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DDF1F9'/%3E%3Cstop offset='0.557904' stop-color='%23DDF1F9' stop-opacity='0.9'/%3E%3Cstop offset='0.790792' stop-color='%23DDF1F9' stop-opacity='0.190276'/%3E%3Cstop offset='1' stop-color='%23DDF1F9' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
    padding: 1.6rem 2.4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 1.2rem;
    position: absolute;
    top: -2.4rem;
    right: 0;
    z-index: 5;
}

@media (max-width: 1024px) {
    .info {
        padding-right: 1.9rem;
        padding-left: 2rem;
        padding-bottom: 1.2rem;
        padding-top: 1.2rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        top: 0;
        gap: 0.6rem;
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.info-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.info-btn {
    padding: 1.2rem;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    z-index: 1;
}

.main {
    padding-top: 14.4rem;
    margin-bottom: 6.4rem;
    position: relative;
}

@media (max-width: 1024px) {
    .main {
        padding-top: 10rem;
    }
}

.main-mainbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-mainbg img {
    -o-object-position: top;
    object-position: top;
    -o-object-fit: fill;
    object-fit: fill;
}

.main-title {
    max-width: 141.2rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.main-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.6rem;
    margin-top: 5.6rem;
    position: relative;
}

@media (max-width: 1024px) {
    .main-bottom {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 4.8rem;
    }
}

.main-catalogbtn {
    margin-bottom: auto;
    min-height: 5.8rem;
}

@media (max-width: 1024px) {
    .main-catalogbtn {
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 125%;
        min-height: 5.6rem;
    }

    .main-catalogbtn svg {
        width: 2.4rem;
        height: 2.4rem;
    }
}

@media (max-width: 1024px) {
    .main-catalogbtn.xl-hidden {
        display: none;
    }
}

.main-catalogbtn .opened {
    display: none;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

.main-catalogbtn .closed {
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

.main-catalogbtn.opened .opened {
    display: block;
}

.main-catalogbtn.opened .closed {
    display: none;
}

.main-catalog {
    display: none;
    position: absolute;
    top: 4.2rem;
    left: 50%;
    z-index: 2;
    max-width: 112.3rem;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    grid-template-columns: 25.9rem 1fr;
}

@media (max-width: 1024px) {
    .main-catalog {
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        z-index: 20;
        padding: 2.4rem 1.6rem;
        padding-bottom: 0;
        padding-top: 9.6rem;
        border: 0;
        background: rgba(47, 50, 57, 0.8);
        border-radius: 0;
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
    }
}

.main-catalog.opened {
    display: grid;
}

@media (max-width: 1024px) {
    .main-catalog.opened {
        display: -ms-flexbox;
        display: flex;
    }
}

.main-inner {
    display: none;
}

@media (max-width: 1024px) {
    .main-inner {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--time);
        transition: grid-template-rows var(--time), -ms-grid-rows var(--time);
    }
}

.main-accordions {
    padding: 1.6rem;
    max-height: 45.1rem;
    overflow-y: auto;
}

@media (max-width: 1024px) {
    .main-accordions {
        padding: 0;
        max-height: 100%;
        border-bottom-right-radius: 0.8rem;
        border-bottom-left-radius: 0.8rem;
        background-color: #E0E4EA;
    }

    .main-accordions::-webkit-scrollbar {
        display: none;
    }
}

.main-summary {
    padding: 0.8rem 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    width: 100%;
    border-radius: 0.8rem;
    transition: border-color var(--time), background-color var(--time);
    color: var(--text--icon-secondary);
    border: 1px solid transparent;
}

@media (max-width: 1024px) {
    .main-summary {
        background: var(--background-surface-light);
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 2;
        border-radius: 0;
    }
}

.main-summary::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 5.5L15.5 12.5L8.5 19.5' stroke='%231E447E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .main-summary::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transition: -webkit-transform var(--time);
        transition: transform var(--time);
        transition: transform var(--time), -webkit-transform var(--time);
    }
}

@media (hover: hover) and (pointer: fine) {
    .main-summary:hover {
        border-color: var(--text--icon-secondary);
    }
}

.main-summary.active {
    border-color: var(--border-inverse);
    background: var(--background-back);
}

@media (max-width: 1024px) {
    .main-summary.active {
        background-color: var(--background-surface-light);
        border-color: transparent;
    }

    .main-summary.active:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .main-summary.active + .main-inner {
        grid-template-rows: 1fr;
    }
}

.main-tabwrapper {
    padding-right: 1.6rem;
    background: var(--border-inverse);
}

@media (max-width: 1024px) {
    .main-tabwrapper {
        display: none;
    }
}

.main-tabcontent {
    padding: 1.6rem;
    padding-right: 0.8rem;
    width: 100%;
    overflow-y: auto;
    max-height: 45.1rem;
}

.main-tabcontent::-webkit-scrollbar-track {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.main-tabcontent > * {
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

.main-list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    gap: 2.4rem;
    transition: color var(--time);
}

@media (max-width: 1024px) {
    .main-list {
        overflow: hidden;
        gap: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.main-list.columns-3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

@media (max-width: 1024px) {
    .main-list.columns-3 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (hover: hover) and (pointer: fine) {
    .main-list a:hover {
        color: var(--text--icon-secondary);
    }
}

.main-list > li {
    margin-bottom: 2.4rem;
    padding-top: 0.8rem;
    padding-left: 2rem;
    border-left: 0.1rem solid var(--text--icon-secondary);
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

@media (max-width: 1024px) {
    .main-list > li {
        padding-left: 1.6rem;
    }

    .main-list > li:first-child {
        margin-top: 1.6rem;
    }
}

.main-list > li:last-child {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .main-list > li:last-child:last-child {
        margin-bottom: 1.6rem;
    }
}

.main-list > li ul {
    margin-top: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
    font-weight: 400;
}

.main-list > li ul li {
    padding-left: 2.6rem;
    position: relative;
}

.main-list > li ul li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0.8rem;
    color: var(--background-surface-blakc);
}

.main-search {
    position: relative;
    width: 96.6rem;
    max-width: 100%;
}

@media (max-width: 1024px) {
    .main-search {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .main-search.desctop .js-search {
        pointer-events: none;
    }
}

@media (max-width: 1024px) {
    .main-searchpopup .main-search {
        top: 7rem;
    }
}

.main-searchpopup {
    display: none;
    position: fixed;
    background-color: rgba(47, 50, 57, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 2.4rem 1.6rem;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

@media (max-width: 1024px) {
    .popup-opened .main-searchpopup {
        display: block;
    }
}

.main-loading {
    display: none;
    position: absolute;
    top: 0.85rem;
    left: 0.8rem;
    border-radius: 1.6rem;
    padding: 0.8rem;
    width: 4rem;
    height: 4rem;
    background: var(--background-back);
    color: var(--text--icon-secondary);
}

.is-loading .main-loading {
    display: block;
}

@media (max-width: 1024px) {
    .desctop .main-loading {
        display: none;
    }
}

.main-loading svg {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dropdown-btn {
    border-radius: 0.8rem;
    padding: 1.2rem 1.2rem 1.2rem 1.6rem;
    padding-right: 3.6rem;
    min-width: 17.9rem;
    min-height: 4.6rem;
    background: var(--background-back);
    position: absolute;
    top: 0.7rem;
    left: 0.8rem;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

.dropdown-btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33398 10.6667L8.00065 6.00008L12.6673 10.6667' stroke='%232F3239' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: 1.2rem;
    transition: -webkit-transform var(--time);
    transition: transform var(--time);
    transition: transform var(--time), -webkit-transform var(--time);
}

.is-loading .dropdown-btn {
    display: none;
}

@media (max-width: 1024px) {
    .desctop .dropdown-btn {
        display: block;
    }
}

.dropdown-opened .dropdown-btn::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.dropdown-items {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-right: 0.8rem;
    position: absolute;
    top: calc(100% + 0.4rem);
}

.dropdown-opened .dropdown-items {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .main-search.desctop .dropdown-items {
        display: none;
    }
}

.dropdown-inner {
    max-height: 24rem;
    overflow: auto;
}

.dropdown-inner > * {
    padding: 0.8rem 1.6rem;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.checkbox input {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    opacity: 0;
}

.checkbox-label {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media (hover: hover) and (pointer: fine) {
    .checkbox-label:hover .checkbox-box {
        border-color: var(--text--icon-secondary);
    }
}

.checkbox-wrap input,
.checkbox-label input {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.checkbox-wrap input:checked + .checkbox-box,
.checkbox-label input:checked + .checkbox-box {
    background-color: var(--text--icon-secondary);
    border-color: var(--text--icon-secondary);
}

.checkbox-wrap input:checked + .checkbox-box::before,
.checkbox-label input:checked + .checkbox-box::before {
    opacity: 1;
}

.modal-label .checkbox-box {
    border: 1px solid var(--text--icon-secondary);
}

.checkbox-box {
    border: 1px solid var(--border-inverse);
    border-radius: 0.4rem;
    width: 2.4rem;
    height: 2.4rem;
    transition: border-color var(--time), background-color var(--time);
    display: -ms-flexbox;
    display: flex;
    background: var(--background-surface-light);
    position: relative;
}

.checkbox-box::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.105 16.6041L11.0873 16.6217L6.6875 12.2218L8.12018 10.7892L11.105 13.774L15.879 9L17.3117 10.4327L11.1226 16.6218L11.105 16.6041Z' fill='white' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.main-input {
    border: 1px solid var(--background-surface-blakc);
    border-radius: 1.2rem;
    padding: 0.8rem 1.6rem 0.8rem 0.8rem;
    padding-left: 20.3rem;
    height: 6rem;
    box-shadow: 0 4px 12px 0 rgba(146, 146, 146, 0.01);
    background: var(--background-surface-light);
    width: 100%;
    transition: border-color var(--time);
}

.main-input:focus {
    outline: none;
    border-color: var(--text--icon-secondary);
}

.is-loading .main-input {
    padding-left: 6.4rem;
    padding-right: 16rem;
}

@media (max-width: 1024px) {
    .desctop .main-input {
        padding-right: 1.6rem;
    }
}

.main-chips {
    margin-top: 0.8rem;
    min-height: 3.8rem;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    overflow-x: auto;
}

.main-chips::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1024px) {
    .main-chips {
        position: relative;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: calc(100% + 3.2rem);
        left: -1.6rem;
    }
}

.main-chips.--info > * {
    border-color: #d4d2e2;
}

.main-chips.--info > *:after {
    content: normal;
}

.main-chips > * {
    border: 1px solid var(--text--icon-secondary);
    border-radius: 10rem;
    padding: 0.8rem 1.2rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4rem;
    min-height: 3.6rem;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color var(--time);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media (hover: hover) and (pointer: fine) {
    .main-chips > *:hover {
        border-color: var(--text--icon-hover-secondary);
    }

    .main-chips > *:hover::after {
        -webkit-filter: brightness(0) saturate(100%) invert(73%) sepia(54%) saturate(334%) hue-rotate(165deg) brightness(95%) contrast(91%);
        filter: brightness(0) saturate(100%) invert(73%) sepia(54%) saturate(334%) hue-rotate(165deg) brightness(95%) contrast(91%);
    }
}

.main-chips > *::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L4 12M4 4L12 12' stroke='%232F3239' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    transition: -webkit-filter var(--time);
    transition: filter var(--time);
    transition: filter var(--time), -webkit-filter var(--time);
}

.main-chips > * small {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 129%;
    color: var(--background-surface-blakc);
}

.main-reset {
    position: absolute;
    right: 16.5rem;
    top: 1.7rem;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .main-reset:hover {
        color: var(--text--icon-secondary);
    }
}

@media (max-width: 1024px) {
    .main-reset {
        right: 13.5rem;
    }
}

.has-text .main-reset {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .main-reset.desctop {
        display: none;
    }
}

.main-submit {
    position: absolute;
    right: 1.6rem;
    top: 0.9rem;
    height: 4.1rem;
    padding: 0.84rem 2rem;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
    display: none;
}

@media (max-width: 1024px) {
    .main-submit {
        width: 11rem;
    }
}

.has-text .main-submit {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .main-submit.desctop {
        display: none;
    }
}

@media (max-width: 1024px) {
    .inline .main-submit {
        display: -ms-flexbox;
        display: flex;
    }
}

.main-result {
    position: absolute;
    top: calc(100% + 0.8rem);
    left: 0;
    z-index: 2;
    padding-right: 0.8rem;
    display: none;
}

@media (max-width: 1024px) {
    .main-result {
        position: fixed;
        top: 15.9rem;
        left: 1.6rem;
        width: calc(100% - 3.2rem);
        z-index: 110;
    }
}

.is-fetched .main-result {
    display: block;
}

.main-catalogback {
    display: none;
}

@media (max-width: 1024px) {
    .main-catalogback {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        top: 2.4rem;
        left: 1.6rem;
        width: 12.6rem;
        height: 5.6rem;
        padding: 1.6rem 2rem;
        font-weight: 400;
    }
}

.main-catalogback svg {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    width: 2.4rem;
    height: 2.4rem;
}

.main-innerbtn {
    display: none;
}

@media (max-width: 1024px) {
    .main-innerbtn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 1.6rem 2rem;
        font-weight: 400;
    }
}

.main-innerbtn svg {
    width: 2.4rem;
    height: 2.4rem;
}

.main-datalist {
    max-height: 24rem;
    overflow-y: auto;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

@media (max-width: 1024px) {
    .main-datalist {
        max-height: 37.6rem;
    }
}

.empty .main-datalist {
    display: none;
}

.main-datalist a {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.main-datalist a::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.66 16.66M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%232F3239' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.2rem;
    display: inline-block;
    transition: -webkit-filter var(--time);
    transition: filter var(--time);
    transition: filter var(--time), -webkit-filter var(--time);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media (hover: hover) and (pointer: fine) {
    .main-datalist a:hover {
        color: var(--text--icon-secondary);
    }

    .main-datalist a:hover::before {
        -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(55%) saturate(1392%) hue-rotate(190deg) brightness(89%) contrast(92%);
        filter: brightness(0) saturate(100%) invert(22%) sepia(55%) saturate(1392%) hue-rotate(190deg) brightness(89%) contrast(92%);
    }
}

.main-empty {
    display: none;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.empty .main-empty {
    display: block;
}

.main-ctas {
    display: grid;
    grid-template-columns: 1fr 1fr 36.8rem;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
}

@media (max-width: 1024px) {
    .main-ctas {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
    }
}

@media (max-width: 1024px) {
    .main-ctas > * {
        width: 100%;
    }
}

.main-cta {
    border: 1px solid rgba(30, 68, 126, 0.2);
    border-radius: 2.4rem;
    padding: 2.4rem 2.4rem 2.4rem 3.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.4rem;
}

@media (max-width: 1024px) {
    .main-cta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 2rem;
        gap: 2rem;
    }
}

.main-cta.first {
    background-image: url("data:image/svg+xml,%3Csvg width='593' height='112' viewBox='0 0 593 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6001_12676)'%3E%3Crect width='593' height='112' fill='url(%23paint0_linear_6001_12676)'/%3E%3Cpath d='M87 73.0805C96.7701 72.005 143.306 73.6896 152.885 73.0805C190.996 70.7136 228.121 70.2864 264.1 66.6317C272.111 65.8461 280.61 64.7793 288.993 63.3434C284.026 55.5041 280.962 46.2639 281.082 37.2499C279.167 16.2112 294.667 -10.4294 319.041 -15.3484C341.465 -22.2856 373.877 -6.83272 376.951 20.9264C378.024 27.5281 378.18 34.3638 376.745 41.5249C373.322 57.5015 363.823 68.5508 352.884 76.4693C376.057 81.1898 400.775 81.8166 425.21 80.9678C489.365 78.7392 526.748 50.3538 535.907 49.5C536.268 53.0982 535.431 57.5025 535.907 61.2421C526.616 62.7205 506.88 80.9678 426.138 94.0529C399.613 96.66 372.701 97.7928 345.299 93.4674C339.609 92.4917 333.851 91.3022 328.119 89.6274C327.837 89.7417 327.557 89.8566 327.278 89.9683C307.663 97.5257 288.441 101.426 269.341 104.719C231.193 111.08 193.537 113.913 157.231 118.562C148.154 119.728 106.107 126.476 97.4838 128C95.2515 112.325 89.2323 88.7553 87 73.0805ZM312.365 58.0845C329.732 52.9927 343.43 45.5396 346.209 34.6875C347.002 31.8984 347.27 28.777 346.926 25.0658C346.657 15.5563 336.903 8.83501 324.82 10.7866C313.127 12.6623 304.83 22.7501 304.46 37.2499C303.555 45.3224 306.7 52.2983 312.365 58.0845Z' fill='url(%23paint1_linear_6001_12676)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6001_12676' x1='0' y1='56' x2='593' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E7F8FF'/%3E%3Cstop offset='0.411922' stop-color='%23C1E6F6'/%3E%3Cstop offset='1' stop-color='%2384CAE8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_6001_12676' x1='453.165' y1='47.8661' x2='126.887' y2='47.8661' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.431541' stop-color='white' stop-opacity='0.377872'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_6001_12676'%3E%3Crect width='593' height='112' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 1024px) {
    .main-cta.first {
        background-image: url("data:image/svg+xml,%3Csvg width='343' height='150' viewBox='0 0 343 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_306_11395)'%3E%3Crect width='343' height='150' fill='url(%23paint0_linear_306_11395)'/%3E%3Cpath d='M87.0006 73.0805C96.7618 72.005 143.256 73.6896 152.825 73.0805C190.902 70.7136 227.994 70.2864 263.941 66.6317C271.944 65.8461 280.435 64.7793 288.81 63.3434C283.848 55.5041 280.787 46.2639 280.907 37.2499C278.994 16.2112 294.479 -10.4294 318.831 -15.3484C341.235 -22.2856 373.618 -6.83272 376.689 20.9264C377.761 27.5281 377.916 34.3638 376.483 41.5249C373.063 57.5015 363.573 68.5508 352.643 76.4693C375.796 81.1898 400.491 81.8166 424.904 80.9678C489.001 78.7392 526.35 50.3538 535.501 49.5C535.861 53.0982 535.025 57.5025 535.501 61.2421C526.218 62.7205 506.501 80.9678 425.832 94.0529C399.33 96.66 372.443 97.7928 345.066 93.4674C339.381 92.4917 333.628 91.3022 327.902 89.6274C327.62 89.7417 327.34 89.8566 327.061 89.9683C307.464 97.5257 288.259 101.426 269.176 104.719C231.063 111.08 193.441 113.913 157.168 118.562C148.099 119.728 106.09 126.476 97.4749 128C95.2446 112.325 89.2309 88.7553 87.0006 73.0805ZM312.161 58.0845C329.512 52.9927 343.198 45.5396 345.975 34.6875C346.767 31.8984 347.035 28.777 346.691 25.0658C346.423 15.5563 336.677 8.83501 324.605 10.7866C312.922 12.6623 304.634 22.7501 304.264 37.2499C303.359 45.3224 306.502 52.2983 312.161 58.0845Z' fill='url(%23paint1_linear_306_11395)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_306_11395' x1='0' y1='75' x2='343' y2='75' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E7F8FF'/%3E%3Cstop offset='0.411922' stop-color='%23C1E6F6'/%3E%3Cstop offset='1' stop-color='%2384CAE8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_306_11395' x1='452.833' y1='47.8661' x2='126.852' y2='47.8661' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.431541' stop-color='white' stop-opacity='0.377872'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_306_11395'%3E%3Crect width='343' height='150' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}

.main-cta.second {
    background-image: url("data:image/svg+xml,%3Csvg width='392' height='112' viewBox='0 0 392 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='392' height='112' fill='white'/%3E%3Crect width='392' height='112' fill='url(%23paint0_radial_147_9593)' fill-opacity='0.5'/%3E%3Crect width='392' height='112' fill='url(%23paint1_radial_147_9593)' fill-opacity='0.2'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_147_9593' cx='0' cy='0' r='1' gradientTransform='matrix(339.57 56 -2.29046 314.938 52.43 1.15491e-05)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2398D9F7'/%3E%3Cstop offset='1' stop-color='%2398D9F7' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_147_9593' cx='0' cy='0' r='1' gradientTransform='matrix(389.182 97.4166 -24.9544 2260.63 2.81751 -5.41271e-05)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC321' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFC321'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main-swiperwrap {
    position: relative;
}

.main-swiperwrap .swiper-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

@media (max-width: 1024px) {
    .main-swiperwrap .swiper-arrow {
        display: none;
    }
}

.main-swiperwrap .swiper-arrow.swiper-button-disabled {
    opacity: 0;
}

.main-swiperwrap .swiper-arrow.prev {
    left: -2.4rem;
}

.main-swiperwrap .swiper-arrow.next {
    right: -2.4rem;
}

.main-swiperwrap .swiper-pagination {
    bottom: auto;
    top: calc(100% + 1.4rem);
    display: none;
}

@media (max-width: 1024px) {
    .main-swiperwrap .swiper-pagination {
        display: block;
    }
}

@media (max-width: 500px) {
    .main-swiper {
        width: calc(100% + 3.2rem);
        position: relative;
        left: -1.6rem;
        padding-left: 1.6rem;
    }
}

.main-swiper .swiper-slide {
    margin-right: 2rem;
    width: calc(20% - 1.65rem);
}

@media (max-width: 1024px) {
    .main-swiper .swiper-slide {
        width: 30.4rem;
        margin-right: 1.6rem;
    }
}

.main-swiper .swiper-slide:last-child {
    margin-right: 0;
}

.main-item {
    border: 1px solid var(--border-inverse);
    border-radius: 2.4rem;
    padding: 2.4rem;
    position: relative;
    overflow: hidden;
    min-height: 20rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--background-surface-light);
}

.main-hiddenlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
    .main-hiddenlink:hover ~ .main-link {
        background: var(--text--icon-hover-secondary);
    }
}

.main-h4 {
    margin-bottom: 2rem;
}

.main-link {
    border-radius: 9.9rem;
    padding: 0.8rem 2.4rem;
    width: 7.2rem;
    height: 4rem;
    background: var(--border-inverse);
    color: var(--text--icon-secondary);
    transition: background-color var(--time);
    margin-top: auto;
}

.main-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 12.5rem;
    width: 100%;
    max-width: 21.5rem;
}

.main-bg img {
    -o-object-position: right bottom;
    object-position: right bottom;
}

.mwhat {
    position: relative;
}

.mwhat::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='1047' height='646' viewBox='0 0 1047 646' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' clip-path='url(%23clip0_265_8803)'%3E%3Cpath d='M459 0V618H319V0H459Z' fill='url(%23paint0_linear_265_8803)' /%3E%3Cpath d='M-85 800.201C-85 610.656 94.1653 457 315.177 457H1046V577.12H315.177C171.519 577.12 55.0619 676.997 55.0619 800.201V1028H-85V800.201Z' fill='url(%23paint1_linear_265_8803)' /%3E%3Cpath d='M560 0H700.122C700.122 152.21 816.63 275.6 960.35 275.6H1132V424H960.35C739.243 424 560 234.169 560 0Z' fill='%23F1F3F6' /%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_265_8803' x1='389' y1='0' x2='389' y2='618' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F6' /%3E%3Cstop offset='1' stop-color='white' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_265_8803' x1='480.5' y1='457' x2='90.1015' y2='898.552' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F6' /%3E%3Cstop offset='1' stop-color='white' /%3E%3C/linearGradient%3E%3CclipPath id='clip0_265_8803'%3E%3Crect width='1047' height='646' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    width: 104.7rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .mwhat::before {
        content: normal;
    }
}

.mwhat::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='581' height='646' viewBox='0 0 581 646' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_265_8808)'%3E%3Cpath d='M261 637V20H121V637H261Z' fill='url(%23paint0_linear_265_8808)' /%3E%3Cpath d='M-198 58.3005C-198 279.048 -61.4478 458 106.998 458H664V318.105H106.998C-2.49187 318.105 -91.2508 201.787 -91.2508 58.3005V-207H-198V58.3005Z' fill='url(%23paint1_linear_265_8808)' /%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_265_8808' x1='191' y1='637' x2='191' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' /%3E%3Cstop offset='0.447115' stop-color='%23F1F3F6' /%3E%3Cstop offset='1' stop-color='white' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_265_8808' x1='233' y1='458' x2='-205.137' y2='133.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F6' /%3E%3Cstop offset='1' stop-color='white' /%3E%3C/linearGradient%3E%3CclipPath id='clip0_265_8808'%3E%3Crect width='581' height='646' fill='white' transform='matrix(1 0 0 -1 0 646)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    width: 58.1rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .mwhat::after {
        content: normal;
    }
}

.mwhat.--blog {
    margin-top: 18rem;
}

@media (max-width: 1024px) {
    .mwhat.--blog {
        margin-top: 10rem;
    }
}

.mwhat.--blog::before, .mwhat.--blog::after {
    content: normal;
}

@media (max-width: 1024px) {
    .mwhat-title {
        margin-top: 3.2rem;
    }
}

.mwhat-video {
    background: #e0e4ea;
    border-radius: 4rem;
    padding: 2.4rem;
    display: block;
    width: 81.6rem;
    height: 45.8rem;
    max-width: 100%;
}

@media (max-width: 500px) {
    .mwhat-video {
        height: 21.2rem;
        border-radius: 2.4rem;
        padding: 1.6rem;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (hover: hover) and (pointer: fine) {
    .mwhat-video:hover img {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }
}

.mwhat-video img {
    transition: -webkit-transform var(--time);
    transition: transform var(--time);
    transition: transform var(--time), -webkit-transform var(--time);
}

.mwhat-video > * {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 1.6rem;
}

@media (max-width: 1024px) {
    .mwhat-video > * {
        border-radius: 1.2rem;
    }
}

.mwhat-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem;
}

@media (max-width: 1024px) {
    .mwhat-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
        margin-top: 3.2rem;
    }
}

@media (max-width: 1024px) {
    .mwhat-hr {
        margin-top: 3.2rem;
    }
}

.education-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem;
    margin-top: 4rem;
}

@media (max-width: 1024px) {
    .education-buttons {
        margin-top: 2.4rem;
        gap: 1.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.education-title2 {
    margin-top: 7.2rem;
}

.education-desc2 {
    max-width: 131.3rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 1.6rem;
}

.education-hr {
    margin-top: 7.2rem;
    margin-bottom: 8.8rem;
}

@media (max-width: 1024px) {
    .education-hr {
        margin-top: 5.2rem;
        margin-bottom: 4.4rem;
    }
}

.education-list {
    display: grid;
    grid-template-columns: 50.7rem 23.3rem 1fr 37rem;
    gap: 4rem;
}

@media (max-width: 1024px) {
    .education-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
    }
}

.education-list.--youcan {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 1024px) {
    .education-list.--youcan {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.education-list.--youcan .education-item {
    min-height: 17.3rem;
}

.education-item {
    border: 1px solid var(--border-inverse);
    border-radius: 2.4rem;
    background: var(--background-back);
    padding: 3.2rem;
    position: relative;
    overflow: hidden;
    min-height: 25rem;
}

@media (max-width: 1024px) {
    .education-item {
        padding: 2rem;
        min-height: 15.8rem;
    }
}

.education-item.--9, .education-item.--8, .education-item.--1 {
    padding-right: 10.4rem;
}

@media (max-width: 1024px) {
    .education-item.--9, .education-item.--8, .education-item.--1 {
        padding-right: 2rem;
        padding-bottom: 11.2rem;
    }
}

.education-item.--9 .education-bg, .education-item.--8 .education-bg, .education-item.--1 .education-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11rem;
    height: 10.7rem;
}

@media (max-width: 1024px) {
    .education-item.--9 .education-bg, .education-item.--8 .education-bg, .education-item.--1 .education-bg {
        bottom: -1rem;
    }
}

@media (max-width: 1024px) {
    .education-item.--9 {
        padding-bottom: 7.8rem;
    }
}

.education-item.--10, .education-item.--6, .education-item.--2 {
    grid-column: 2 span;
    background-image: url("data:image/svg+xml,%3Csvg width='240' height='250' viewBox='0 0 240 250' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='177.5' cy='148.5' r='177.5' fill='%233C5780' fill-opacity='0.16' /%3E%3C/svg%3E");
    background-position: right;
    background-size: 24rem 100%;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
    .education-item.--10, .education-item.--6, .education-item.--2 {
        min-height: 17.8rem;
        background-image: url("data:image/svg+xml,%3Csvg width='221' height='40' viewBox='0 0 221 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='177.5' cy='177.5' r='177.5' fill='%233C5780' fill-opacity='0.16'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 22.1rem 4rem;
    }
}

.education-item.--10 .education-desc, .education-item.--6 .education-desc, .education-item.--2 .education-desc {
    max-width: 37.1rem;
}

@media (max-width: 1024px) {
    .education-item.--10 {
        padding-bottom: 7.2rem;
    }
}

.education-item.--10 .education-bg {
    width: 20.6rem;
    height: 18.6rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 1024px) {
    .education-item.--10 .education-bg {
        width: 12rem;
        height: 13.6rem;
        bottom: -4rem;
    }
}

.education-item.--11 {
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='250' viewBox='0 0 104 250' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='177.5' cy='148.5' r='177.5' fill='%233C5780' fill-opacity='0.16' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.education-item.--6 {
    grid-column: 1 span;
}

@media (max-width: 1024px) {
    .education-item.--6 {
        background-image: url("data:image/svg+xml,%3Csvg width='70' height='173' viewBox='0 0 70 173' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='177.5' cy='140.5' r='177.5' fill='%233C5780' fill-opacity='0.16' /%3E%3C/svg%3E");
        background-size: 7rem 100%;
    }
}

.education-item.--12, .education-item.--4 {
    grid-column: 2 span;
}

@media (max-width: 1024px) {
    .education-item.--12, .education-item.--4 {
        padding-bottom: 7.2rem;
    }
}

.education-item.--12 .education-desc, .education-item.--4 .education-desc {
    max-width: 42rem;
}

.education-item.--12 .education-bg, .education-item.--4 .education-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33.8rem;
    height: 21.8rem;
}

@media (max-width: 1024px) {
    .education-item.--12 .education-bg, .education-item.--4 .education-bg {
        width: 18.5rem;
        height: 11.7rem;
        right: -5rem;
    }
}

.education-item.--12 .education-bg img, .education-item.--4 .education-bg img {
    -o-object-position: bottom;
    object-position: bottom;
}

@media (max-width: 1024px) {
    .education-item.--12 {
        padding-bottom: 2.8rem;
    }

    .education-item.--12 .education-bg {
        top: 0;
        right: 0;
        bottom: auto;
        width: 11.5rem;
        height: 9.4rem;
    }

    .education-item.--12 .education-subtitle {
        padding-right: 4rem;
    }
}

.education-item.--13, .education-item.--5 {
    grid-column: 2 span;
    background-image: url("data:image/svg+xml,%3Csvg width='353' height='225' viewBox='0 0 353 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.0533881H353C353 43.2101 352.442 129.522 352.442 129.522C341.212 138.737 329.533 147.387 317.445 155.442C296.337 170.017 274.004 182.731 250.699 193.441C249.256 194.094 239.726 198.538 238.599 198.659C237.294 199.351 234.505 200.408 233.054 200.944C231.744 201.536 230.401 202.05 229.031 202.488C224.717 204.347 216.711 207.128 212.307 208.558C188.245 216.372 143.359 229.18 118.416 223.658C116.94 223.167 115.873 222.732 114.521 221.961C108.762 217.991 111.291 212.852 117.807 212.669C118.72 212.487 121.469 212.502 122.601 212.462C124.804 212.385 126.674 212.233 128.878 212.011C131.835 211.583 137.576 210.788 140.322 209.902C139.002 209.665 133.338 210.44 131.464 210.538C123.11 210.979 102.949 211.292 96.0734 206.642C95.0104 205.923 94.1381 204.933 93.9168 203.628C93.7486 202.636 93.9314 201.479 94.529 200.653C96.6593 197.711 108.593 197.885 112.408 197.383C111.352 197.06 100.324 196.879 98.5632 196.829C96.9356 196.798 94.454 196.648 92.8867 196.465C80.6081 193.12 82.3043 182.917 94.8936 183.681C101.806 184.099 109.201 183.88 116.095 183.19C108.46 182.447 98.3402 181.757 92.1159 176.79C91.0507 175.94 89.4976 173.841 89.5946 172.375C90.0147 166.026 97.8493 166.278 102.527 166.4C109.043 166.701 115.315 166.987 121.848 166.775C122.834 166.665 124.207 166.637 125.225 166.585C125.805 166.52 126.593 166.488 127.19 166.446C133.614 165.755 141.017 164.723 147.27 163C142.18 162.039 138.472 161.089 133.574 159.498C132.957 159.386 131.521 158.883 130.864 158.672C126.485 157.04 120.81 154.189 121.293 148.793C122.073 140.088 133.749 143.372 138.771 144.572C141.675 145.26 144.584 145.921 147.5 146.557C157.98 148.823 166.216 150.056 176.891 150.5C181.95 150.471 186.249 150.551 191.27 149.8C194.405 149.163 199.071 147.52 199.988 144.058C200.269 143.033 200.117 141.939 199.571 141.029C197.447 137.414 190.417 138.473 186.84 138.044C183.708 137.667 180.53 137.367 177.446 136.655C176.393 136.541 172.468 135.83 171.705 135.275C173.89 135.67 176.853 135.908 179.111 136.16C181.071 135.953 183.4 136.374 185.397 136.436C192.483 136.658 211.374 136.835 216.469 131.934C217.183 131.246 217.709 130.344 217.703 129.327C217.697 128.024 218.085 128.093 216.154 126.217C214.222 124.342 205.302 125.213 205.762 124.14C206.706 123.648 218.325 122.676 219.363 122.409C222.981 121.473 228.688 118.262 227.128 113.833C224.393 107.811 213.238 110.135 207.97 109.751C205.81 109.593 198.02 109.648 196.708 108.98C204.109 108.32 214.173 107.561 220.151 102.676C222.73 100.569 223.428 96.7992 220.69 94.5864C216.547 91.2367 207.344 92.3706 202.232 92.5427C200.066 92.6989 194.559 92.7727 192.616 92.5123C189.858 92.6292 186.652 92.1172 183.887 91.8811C177.398 91.3272 171.164 89.6854 164.796 88.4905C171.358 87.0391 184.124 84.8603 188.993 79.9399C190.386 78.4537 191.322 76.1047 191.087 74.0595C190.398 68.0247 183.522 68.2796 179.113 68.6032C163.236 70.735 143.898 76.8262 125.796 74.9235C124.316 74.7329 122.692 74.4113 121.208 74.1471C111.159 72.4691 98.3334 67.2875 89.2795 62.413C88.4439 62.024 87.4602 61.4809 86.6267 61.0506C77.6007 56.0361 68.7714 50.6753 60.1582 44.9801C45.9431 35.7596 31.8888 25.8677 18.871 14.9977C12.7119 9.85475 0 -0.847065 0 0.0533881Z' fill='%233C5780' fill-opacity='0.16' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 35.3rem 22.5rem;
}

@media (max-width: 1024px) {
    .education-item.--13, .education-item.--5 {
        min-height: 25.2rem;
        background-image: url("data:image/svg+xml,%3Csvg width='316' height='250' viewBox='0 0 316 250' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 -45.9252H494C494 14.4942 493.218 135.331 493.218 135.331C477.504 148.231 461.159 160.342 444.243 171.618C414.704 192.024 383.451 209.824 350.836 224.817C348.818 225.732 335.481 231.954 333.903 232.123C332.078 233.091 328.175 234.571 326.144 235.322C324.31 236.15 322.431 236.869 320.514 237.483C314.476 240.085 303.272 243.98 297.109 245.981C263.436 256.921 200.622 274.853 165.716 267.122C163.65 266.434 162.156 265.825 160.264 264.746C152.205 259.188 155.744 251.993 164.863 251.737C166.141 251.481 169.988 251.503 171.572 251.448C174.656 251.339 177.271 251.126 180.356 250.815C184.494 250.216 192.528 249.103 196.371 247.862C194.525 247.531 186.598 248.615 183.975 248.753C172.284 249.371 144.07 249.808 134.448 243.299C132.961 242.292 131.74 240.906 131.43 239.079C131.195 237.69 131.451 236.07 132.287 234.914C135.268 230.795 151.969 231.039 157.308 230.336C155.83 229.885 140.396 229.631 137.933 229.561C135.655 229.518 132.182 229.308 129.989 229.052C112.806 224.368 115.179 210.084 132.797 211.154C142.471 211.738 152.819 211.432 162.467 210.466C151.783 209.425 137.62 208.459 128.91 201.506C127.419 200.316 125.246 197.377 125.382 195.325C125.97 186.437 136.934 186.789 143.479 186.96C152.598 187.381 161.375 187.781 170.518 187.485C171.898 187.33 173.82 187.291 175.244 187.22C176.055 187.128 177.158 187.083 177.994 187.024C186.984 186.057 197.345 184.613 206.095 182.2C198.972 180.855 193.782 179.524 186.928 177.297C186.064 177.14 184.055 176.437 183.136 176.141C177.008 173.856 169.066 169.864 169.742 162.311C170.833 150.123 187.172 154.721 194.201 156.401C198.264 157.363 202.336 158.29 206.416 159.18C221.082 162.352 232.609 164.078 247.548 164.7C254.627 164.659 260.643 164.772 267.669 163.72C272.057 162.829 278.587 160.528 279.87 155.681C280.263 154.247 280.051 152.715 279.286 151.44C276.314 146.379 266.475 147.863 261.47 147.261C257.087 146.734 252.64 146.314 248.324 145.317C246.85 145.158 241.358 144.163 240.29 143.385C243.348 143.938 247.494 144.272 250.654 144.623C253.397 144.334 256.656 144.923 259.451 145.011C269.367 145.321 295.804 145.569 302.934 138.707C303.933 137.744 304.669 136.482 304.661 135.058C304.652 133.234 305.196 133.33 302.493 130.704C299.79 128.079 287.306 129.298 287.95 127.796C289.271 127.107 305.532 125.746 306.984 125.372C312.047 124.062 320.034 119.567 317.851 113.366C314.023 104.935 298.412 108.19 291.04 107.651C288.018 107.431 277.115 107.507 275.28 106.572C285.637 105.648 299.721 104.585 308.087 97.7458C311.695 94.7961 312.672 89.519 308.842 86.4211C303.043 81.7314 290.165 83.3189 283.01 83.5598C279.978 83.7786 272.272 83.8819 269.553 83.5173C265.694 83.681 261.207 82.9642 257.338 82.6336C248.257 81.8581 239.533 79.5597 230.62 77.8867C239.804 75.8548 257.669 72.8044 264.483 65.916C266.432 63.8352 267.742 60.5466 267.414 57.6834C266.449 49.2347 256.827 49.5916 250.657 50.0445C228.438 53.0291 201.375 61.5567 176.043 58.893C173.973 58.6262 171.7 58.1759 169.623 57.806C155.559 55.4568 137.611 48.2026 124.941 41.3783C123.771 40.8336 122.395 40.0733 121.228 39.4709C108.597 32.4506 96.241 24.9455 84.1874 16.9723C64.2943 4.0635 44.6262 -9.78518 26.4087 -25.0031C17.7894 -32.2033 0 -47.1858 0 -45.9252Z' fill='%233C5780' fill-opacity='0.16'/%3E%3C/svg%3E%0A");
        background-size: 31.6rem 25rem;
    }
}

.education-item.--13 .education-desc, .education-item.--5 .education-desc {
    max-width: 39.4rem;
}

@media (max-width: 1024px) {
    .education-item.--13 .education-desc, .education-item.--5 .education-desc {
        max-width: 30rem;
    }
}

.education-item.--13 {
    background-image: none;
    padding-right: 33.2rem;
}

@media (max-width: 1024px) {
    .education-item.--13 {
        padding-right: 2rem;
        padding-bottom: 7.8rem;
        min-height: 20rem;
    }
}

.education-item.--13 .education-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

@media (max-width: 1024px) {
    .education-item.--13 .education-bg {
        width: 12.8rem;
        height: 12.8rem;
        bottom: -4rem;
        right: -3rem;
        top: auto;
    }
}

.education-item.--7 {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15.2rem 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='152' height='173' viewBox='0 0 152 173' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.6903 39.7882C43.6903 39.7882 9.8185 70.8748 13.3053 84.4299C16.7921 97.9851 35.9398 122.719 45.8394 115.171C55.739 107.623 77.4425 85.2864 76.7232 76.09C76.004 66.8936 73.4616 55.6468 75.122 52.3495C76.7824 49.0522 114.266 -41.8801 114.266 -41.8801L134.667 -105.742L43.6903 39.7882Z' fill='%23FFD4BF' /%3E%3Cpath d='M72.506 115.842C72.506 115.842 81.5273 97.6552 74.725 87.8138L67.0122 85.417C67.0122 85.417 50.5785 59.8297 44.8307 53.1374C39.083 46.445 35.386 44.3187 30.6449 46.2005C25.9039 48.0823 27.2242 54.8206 27.2242 54.8206C27.2242 54.8206 23.6096 51.4052 19.0119 54.1876C14.4141 56.9699 17.2486 62.4787 17.2486 62.4787C17.2486 62.4787 15.2695 60.7816 11.4789 63.2871C7.68834 65.7926 9.17032 71.4607 9.17032 71.4607C9.17032 71.4607 4.33614 70.6747 2.02728 73.1862C-2.03322 77.6029 0.702675 87.6078 4.14677 91.9427C7.59087 96.2777 20.8102 119.467 43.3285 131.27L68.5633 210.468H115.38L72.506 115.842Z' fill='%23F3C4AD' /%3E%3Cpath d='M78.4213 116.039L38.9116 135.784L84.3679 210.468H119.006L78.4213 116.039Z' fill='%231E447E' /%3E%3Cpath d='M74.6012 54.8193C74.6012 54.8193 60.9691 67.2384 62.2936 78.5086C62.2936 78.5086 55.599 86.0506 54.7255 87.3999C54.7255 87.3999 41.7622 79.0393 37.2022 85.5077L36.9149 86.6154C36.6189 87.7565 37.1859 88.9452 38.2583 89.4321L43.0179 91.593C43.0179 91.593 51.4325 97.3525 53.6123 97.6478C55.7922 97.9432 75.6443 88.494 78.2018 85.0668C80.7593 81.6394 77.6802 66.2932 74.6012 54.8193Z' fill='%23FFD4BF' /%3E%3Cpath d='M4.64391 102.301C4.64391 102.301 1.92589 99.8681 3.78887 96.3886C5.65185 92.9092 8.12363 89.4179 10.9144 90.7709C13.7052 92.1239 11.8993 97.5819 11.8993 97.5819C11.8993 97.5819 10.0542 104.879 4.64391 102.301Z' fill='%23FFD4BF' /%3E%3Cpath d='M21.3786 93.4562C21.3786 93.4562 18.0247 91.5133 14.852 95.4721C11.6794 99.4308 9.40375 105.126 9.40375 105.126C9.40375 105.126 8.56153 108.592 12.4691 110.489C14.2067 111.332 15.453 111.19 16.2648 110.837C16.8976 110.561 17.3933 110.043 17.6994 109.424L22.018 100.693C22.018 100.693 24.6301 95.5321 21.3786 93.4562Z' fill='%23FFD4BF' /%3E%3Cpath d='M39.0356 111.003C39.0356 111.003 35.6817 109.06 32.509 113.018C29.3364 116.977 27.0608 122.672 27.0608 122.672C27.0608 122.672 26.2186 126.139 30.1261 128.035C31.8637 128.879 33.11 128.736 33.9219 128.383C34.5545 128.108 35.0503 127.589 35.3565 126.97L39.675 118.239C39.675 118.239 42.287 113.078 39.0356 111.003Z' fill='%23FFD4BF' /%3E%3Cpath d='M32.0968 98.4379C32.0968 98.4379 28.037 95.9857 24.2346 100.917C20.4322 105.847 17.7235 112.956 17.7235 112.956C17.7235 112.956 16.7298 117.286 21.4573 119.684C23.5594 120.75 25.0623 120.58 26.0397 120.144C26.8013 119.804 27.3961 119.158 27.7615 118.386L32.9156 107.494C32.9156 107.494 36.0337 101.056 32.0968 98.4379Z' fill='%23FFD4BF' /%3E%3Cpath d='M39.4542 36.8863L80.8437 53.914L119.361 -41.8808L138.222 -104.853L39.4542 36.8863Z' fill='%231E447E' /%3E%3Cpath d='M152 -27.429V-144.008L38.6101 31.0489L88.2916 51.0518L152 -27.429Z' fill='white' /%3E%3Cpath d='M151.555 195.495L103.111 239.991L32.1898 143.231L85.7314 116.774L151.555 195.495Z' fill='white' /%3E%3Cpath d='M52.4762 26.8187C55.1969 27.2608 57.7604 25.411 58.202 22.6872C58.6436 19.9633 56.7959 17.3968 54.0752 16.9547C51.3545 16.5127 48.791 18.3624 48.3494 21.0863C47.9079 23.8102 49.7555 26.3767 52.4762 26.8187Z' fill='%231E447E' /%3E%3Cpath d='M52.4774 151.323C55.1982 151.765 57.7617 149.915 58.2032 147.192C58.6448 144.468 56.7972 141.901 54.0764 141.459C51.3557 141.017 48.7922 142.867 48.3506 145.591C47.9091 148.315 49.7567 150.881 52.4774 151.323Z' fill='%2384CAE8' /%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
    .education-item.--7 {
        background-image: url("data:image/svg+xml,%3Csvg width='201' height='110' viewBox='0 0 201 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4042_10287)'%3E%3Cpath d='M62.7965 78.2111C62.7965 78.2111 93.8831 102.67 107.438 100.152C120.993 97.6345 145.728 83.8078 138.18 76.6592C130.631 69.5107 108.295 53.8384 99.0983 54.3578C89.9019 54.8772 78.6551 56.7131 75.3578 55.5141C72.0605 54.3151 -18.8718 27.248 -18.8718 27.248L-82.7334 12.5166L62.7965 78.2111Z' fill='%23FFD4BF' /%3E%3Cpath d='M138.851 57.4032C138.851 57.4032 120.664 50.8889 110.822 55.8009L108.425 61.3703C108.425 61.3703 82.838 73.2372 76.1457 77.3877C69.4533 81.5382 67.327 84.2078 69.2088 87.6314C71.0906 91.0548 77.8289 90.1014 77.8289 90.1014C77.8289 90.1014 74.4135 92.7115 77.1959 96.0316C79.9782 99.3517 85.487 97.3049 85.487 97.3049C85.487 97.3049 83.7899 98.734 86.2954 101.471C88.8009 104.208 94.469 103.138 94.469 103.138C94.469 103.138 93.683 106.629 96.1945 108.296C100.611 111.228 110.616 109.253 114.951 106.766C119.286 104.279 142.475 94.733 154.278 78.4725L233.476 60.2502V26.4438L138.851 57.4032Z' fill='%23F3C4AD' /%3E%3Cpath d='M139.047 53.1314L158.793 81.6616L233.477 48.8373V23.8252L139.047 53.1314Z' fill='%231E447E' /%3E%3Cpath d='M77.8276 55.8901C77.8276 55.8901 90.2467 65.7339 101.517 64.7775C101.517 64.7775 109.059 69.6117 110.408 70.2424C110.408 70.2424 102.048 79.6033 108.516 82.8961L109.624 83.1036C110.765 83.3173 111.953 82.9079 112.44 82.1335L114.601 78.6966C114.601 78.6966 120.361 72.6204 120.656 71.0463C120.951 69.4722 111.502 55.1369 108.075 53.2901C104.648 51.4433 89.3015 53.6668 77.8276 55.8901Z' fill='%23FFD4BF' /%3E%3Cpath d='M125.31 106.407C125.31 106.407 122.876 108.369 119.397 107.024C115.917 105.679 112.426 103.894 113.779 101.879C115.132 99.8634 120.59 101.167 120.59 101.167C120.59 101.167 127.888 102.5 125.31 106.407Z' fill='%23FFD4BF' /%3E%3Cpath d='M116.465 94.3224C116.465 94.3224 114.522 96.7443 118.48 99.0353C122.439 101.326 128.134 102.969 128.134 102.969C128.134 102.969 131.601 103.578 133.497 100.756C134.341 99.5012 134.198 98.6013 133.845 98.015C133.57 97.5581 133.051 97.2002 132.432 96.9791L123.701 93.8607C123.701 93.8607 118.54 91.9745 116.465 94.3224Z' fill='%23FFD4BF' /%3E%3Cpath d='M134.011 81.5723C134.011 81.5723 132.068 83.9942 136.027 86.2852C139.986 88.5762 145.681 90.2194 145.681 90.2194C145.681 90.2194 149.147 90.8276 151.044 88.0059C151.887 86.7512 151.745 85.8513 151.391 85.265C151.116 84.8081 150.597 84.4501 149.978 84.2291L141.248 81.1106C141.248 81.1106 136.087 79.2245 134.011 81.5723Z' fill='%23FFD4BF' /%3E%3Cpath d='M121.446 86.5829C121.446 86.5829 118.994 89.5144 123.925 92.2602C128.856 95.0059 135.964 96.9619 135.964 96.9619C135.964 96.9619 140.294 97.6794 142.692 94.2657C143.759 92.7478 143.589 91.6625 143.152 90.9567C142.812 90.4068 142.166 89.9772 141.394 89.7134L130.502 85.9916C130.502 85.9916 124.064 83.74 121.446 86.5829Z' fill='%23FFD4BF' /%3E%3Cpath d='M59.8946 81.27L76.9223 51.3824L-18.8725 23.5689L-81.8442 9.94922L59.8946 81.27Z' fill='%231E447E' /%3E%3Cpath d='M-4.42069 0H-121L54.0572 81.8795L74.0601 46.0042L-4.42069 0Z' fill='white' /%3E%3Cpath d='M218.504 0.320801L262.999 35.3028L166.24 86.5154L139.783 47.8527L218.504 0.320801Z' fill='white' /%3E%3Cpath d='M49.827 71.8664C50.2691 69.9018 48.4193 68.0506 45.6955 67.7318C42.9716 67.4129 40.4051 68.7471 39.963 70.7117C39.521 72.6764 41.3707 74.5275 44.0946 74.8464C46.8185 75.1652 49.385 73.831 49.827 71.8664Z' fill='%231E447E' /%3E%3Cpath d='M174.331 71.8659C174.773 69.9013 172.924 68.0501 170.2 67.7313C167.476 67.4124 164.909 68.7466 164.467 70.7112C164.025 72.6759 165.875 74.527 168.599 74.8459C171.323 75.1647 173.889 73.8305 174.331 71.8659Z' fill='%2384CAE8' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4042_10287'%3E%3Crect width='201' height='110' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: 20.1rem 11rem;
    }
}

@media (max-width: 1024px) {
    .education-desc {
        font-size: 1.6rem;
        line-height: 125%;
    }
}

.bg-blue {
    background: #e4f7ff;
}

.mhow {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='888' viewBox='0 0 1920 888' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.205771 887.999H1920.21L1919 58.7764C1919 58.7764 1342.73 0.000244141 959 0.000244141C575.273 0.000244141 -1 58.7764 -1 58.7764L0.205771 887.999Z' fill='%23F1F3F6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

@media (max-width: 1024px) {
    .mhow {
        background-image: url("data:image/svg+xml,%3Csvg width='375' height='1044' viewBox='0 0 375 1044' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-277.413 1044H658L657.413 56.1669C657.413 56.1669 376.656 0 189.706 0C2.75693 0 -278 56.1669 -278 56.1669L-277.413 1044Z' fill='%23F1F3F6' /%3E%3C/svg%3E");
    }
}

.mhow::before {
    content: "";
    width: 100%;
    height: calc(100% - 80rem);
    bottom: 0;
    background-color: var(--background-back);
    position: absolute;
    z-index: -1;
}

@media (max-width: 1024px) {
    .mhow::before {
        height: calc(100% - 100rem);
    }
}

.mhow-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    counter-reset: mhow;
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .mhow-list {
        gap: 1.6rem;
    }
}

.mhow-item {
    border-radius: 0.8rem;
    padding: 2.4rem;
    background: var(--background-surface-light);
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    min-height: 17.2rem;
    counter-increment: mhow;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    min-width: 30rem;
}

@media (max-width: 1024px) {
    .mhow-item {
        padding: 2rem;
        gap: 1.6rem;
        min-height: 14.8rem;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.mhow-item::before {
    content: counter(mhow);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
    text-align: center;
    color: var(--text--icon-secondary);
    font-family: var(--font-family);
    border: 1px solid var(--border-inverse);
    border-radius: 100%;
    padding: 1.2rem 0.8rem;
    width: 4.4rem;
    height: 4.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mhow-item:nth-child(1) {
    width: 45rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mhow-item:nth-child(2) {
    width: 36rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mhow-item:nth-child(6), .mhow-item:nth-child(3) {
    width: 40.8rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mhow-item:nth-child(8) {
    width: 48.6rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

@media (max-width: 1024px) {
    .mhow-item:nth-child(11) {
        min-height: 17.2rem;
    }
}

.mhow-item:last-child {
    background: var(--text--icon-secondary);
}

@media (max-width: 1024px) {
    .mhow-item:last-child {
        min-height: 17.2rem;
    }
}

.mhow-item:last-child::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54972 15.15L18.0247 6.675C18.2247 6.475 18.4581 6.375 18.7247 6.375C18.9914 6.375 19.2247 6.475 19.4247 6.675C19.6247 6.875 19.7247 7.1125 19.7247 7.3875C19.7247 7.6625 19.6247 7.9 19.4247 8.1L10.2497 17.3C10.0497 17.5 9.81639 17.6 9.54972 17.6C9.28305 17.6 9.04972 17.5 8.84972 17.3L4.54972 13C4.34972 12.8 4.25389 12.5625 4.26222 12.2875C4.27055 12.0125 4.37472 11.775 4.57472 11.575C4.77472 11.375 5.01222 11.275 5.28722 11.275C5.56222 11.275 5.79972 11.375 5.99972 11.575L9.54972 15.15Z' fill='%231E447E' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem;
    background-color: var(--text--icon-hover-primary);
}

.mhow-item:last-child .mhow-subtitle {
    font-weight: 700;
    font-size: 2rem;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--text--icon-hover-primary);
}

.mhow-subtitle {
    position: relative;
    z-index: 1;
}

.mhow-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.mhow-bg img {
    -o-object-position: right;
    object-position: right;
}

.mdocuments-leftbg {
    background-image: url("data:image/svg+xml,%3Csvg width='460' height='881' viewBox='0 0 460 881' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_318_11769)'%3E%3Cpath d='M138 881V6.10352e-05H-2V881H138Z' fill='url(%23paint0_linear_318_11769)' /%3E%3Cpath d='M499 265.301C499 486.048 362.448 665 194.002 665H-363V525.105H194.002C303.492 525.105 392.251 408.787 392.251 265.301V0H499V265.301Z' fill='url(%23paint1_linear_318_11769)' /%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_318_11769' x1='68' y1='881' x2='68' y2='-191' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' /%3E%3Cstop offset='0.434101' stop-color='%23F1F3F6' /%3E%3Cstop offset='1' stop-color='white' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_318_11769' x1='19.5' y1='573.5' x2='479.469' y2='346.676' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F6' /%3E%3Cstop offset='1' stop-color='white' /%3E%3C/linearGradient%3E%3CclipPath id='clip0_318_11769'%3E%3Crect width='581' height='881' fill='white' transform='matrix(1 0 0 -1 -121 881)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    width: 46rem;
    height: 88.1rem;
    position: absolute;
    top: -1rem;
    left: 0;
    z-index: -1;
    max-width: 100%;
}

.mdocuments-rightbg {
    background-image: url("data:image/svg+xml,%3Csvg width='705' height='994' viewBox='0 0 705 994' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' clip-path='url(%23clip0_318_11764)'%3E%3Cpath d='M459 0V618H319V0H459Z' fill='url(%23paint0_linear_318_11764)'/%3E%3Cpath d='M-85 800.201C-85 610.656 94.1653 457 315.177 457H1046V577.12H315.177C171.519 577.12 55.0619 676.997 55.0619 800.201V1028H-85V800.201Z' fill='url(%23paint1_linear_318_11764)'/%3E%3Cpath d='M560 0H700.122C700.122 152.21 816.63 275.6 960.35 275.6H1132V424H960.35C739.243 424 560 234.169 560 0Z' fill='%23F1F3F6'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_318_11764' x1='389' y1='0' x2='389' y2='618' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F6'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_318_11764' x1='480.5' y1='457' x2='90.1015' y2='898.552' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F6'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_318_11764'%3E%3Crect width='1047' height='994' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    width: 70.5rem;
    height: 99.4rem;
    position: absolute;
    top: -1rem;
    right: 0;
    z-index: -1;
    max-width: 100%;
}

.mdocuments-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    max-width: 132.6rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@media (max-width: 1024px) {
    .mdocuments-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
    }
}

.mdocuments-list.columns-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    gap: 0;
}

.mdocuments-list > * {
    border-bottom: 1px solid var(--border-inverse);
}

.max-w-643 {
    max-width: 64.3rem;
}

.mdocuments-item {
    padding: 2rem 0rem;
    padding-left: 5.2rem;
    position: relative;
    display: block;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.mdocuments-icon {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mdocuments-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.mdocuments-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem;
    transition: color var(--time);
}

@media (hover: hover) and (pointer: fine) {
    .mdocuments-btn:hover {
        color: var(--text--icon-secondary);
    }
}

.mdocuments-btn svg {
    width: 2.4rem;
    height: 2.4rem;
}

@media (max-width: 1024px) {
    .mdocuments-btn svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

.mdirection-block {
    padding: 6.4rem 4rem;
    border-radius: 4rem;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .mdirection-block {
        padding: 2.4rem 1.6rem;
        border-radius: 2rem;
        padding-bottom: 25rem;
    }
}

.mdirection-inner {
    max-width: 81rem;
    width: 100%;
    margin-left: auto;
}

.mdirection-subtitle {
    max-width: 58.8rem;
}

.mdirection-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.support-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.8rem;
    max-width: 55.7rem;
}

@media (max-width: 1024px) {
    .support-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.support-list > * {
    border: 1px solid var(--border-2);
    border-radius: 8rem;
    padding: 0.8rem 2rem 0.8rem 1.6rem;
    padding-left: 5.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54972 15.15L18.0247 6.675C18.2247 6.475 18.4581 6.375 18.7247 6.375C18.9914 6.375 19.2247 6.475 19.4247 6.675C19.6247 6.875 19.7247 7.1125 19.7247 7.3875C19.7247 7.6625 19.6247 7.9 19.4247 8.1L10.2497 17.3C10.0497 17.5 9.81639 17.6 9.54972 17.6C9.28305 17.6 9.04972 17.5 8.84972 17.3L4.54972 13C4.34972 12.8 4.25389 12.5625 4.26222 12.2875C4.27055 12.0125 4.37472 11.775 4.57472 11.575C4.77472 11.375 5.01222 11.275 5.28722 11.275C5.56222 11.275 5.79972 11.375 5.99972 11.575L9.54972 15.15Z' fill='white' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 1.6rem center;
    background-size: 2.4rem;
}

@media (max-width: 1024px) {
    .support-list > * {
        padding-left: 5.2rem;
        min-height: 4rem;
    }
}

.gallery-wrap {
    position: relative;
    overflow: hidden;
}

.gallery-wrap .swiper-arrow {
    position: absolute;
    top: 50%;
    width: 6.4rem;
    height: 9.6rem;
    z-index: 2;
}

@media (max-width: 1024px) {
    .gallery-wrap .swiper-arrow {
        display: none;
    }
}

.gallery-wrap .next {
    right: 16rem;
}

.gallery-wrap .prev {
    left: 16rem;
}

.gallery-swiper {
    padding-left: 43rem;
}

@media (max-width: 1024px) {
    .gallery-swiper {
        padding-left: 19.7rem;
        padding-bottom: 4rem;
    }
}

.gallery-swiper .swiper-slide {
    box-shadow: 0 4px 12px 0 rgba(231, 233, 236, 0.3);
    border: 1px solid var(--border-inverse);
    border-radius: 1.6rem;
    width: 52rem;
    height: 51.8rem;
    margin-right: 2rem;
}

@media (max-width: 500px) {
    .gallery-swiper .swiper-slide {
        height: 38rem;
        width: 34.3rem;
    }
}

.gallery-swiper .swiper-pagination {
    display: none;
}

@media (max-width: 1024px) {
    .gallery-swiper .swiper-pagination {
        display: block;
        bottom: 0;
    }
}

.mcontacts-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 2rem;
    padding: 2.4rem 4.8rem;
    background: var(--text--icon-hover-primary);
}

@media (max-width: 1024px) {
    .mcontacts-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        padding-left: 2rem;
        padding-right: 2rem;
        border-radius: 1.2rem;
    }
}

.mcontacts-block > * {
    border-left: 1px solid var(--border-inverse);
    padding-left: 3.2rem;
}

@media (max-width: 1024px) {
    .mcontacts-block > * {
        padding: 0;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
        border: 0;
        border-top: 1px solid var(--border-inverse);
    }
}

.mcontacts-block > *:nth-child(3n+1) {
    padding-left: 0;
    border: 0;
}

.mcontacts-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4rem;
}

.mcontacts-phone svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
}

.mcontacts-socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.2rem;
}

.mcontacts-socials > * {
    width: 2.4rem;
    height: 2.4rem;
}

.mcontacts-map {
    height: 55rem;
    width: 100%;
    border: 1px solid var(--border-inverse);
    border-radius: 2rem 2rem 0 0;
    box-shadow: 0 4px 12px 0 rgba(231, 233, 236, 0.2);
    overflow: hidden;
}

.mcontacts-map iframe, .mcontacts-map > div {
    width: 100%;
    height: 100%;
}

@media (max-width: 1024px) {
    .mcontacts-address {
        width: 110%;
    }
}

.header {
    position: sticky;
    width: 100%;
    transition: -webkit-transform var(--time);
    transition: transform var(--time);
    transition: transform var(--time), -webkit-transform var(--time);
    will-change: transform;
    top: 0;
    left: 0;
    z-index: 20;
    background: var(--background-surface-light);
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-inverse);
}

@media (max-width: 1024px) {
    .header {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        will-change: auto;
        -webkit-transform: none;
        transform: none;
    }
}

.header-logo {
    width: 28rem;
    height: 6.4rem;
    margin-bottom: auto;
    transition: opacity var(--time);
}

@media (max-width: 1024px) {
    .header-logo {
        width: 3.9rem;
        height: 3.9rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    .header-logo:hover {
        opacity: 0.8;
    }
}

.header-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.6rem;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .header-info {
        display: none;
    }
}

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

.header-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
}

@media (max-width: 1024px) {
    .header-btns {
        margin-left: auto;
        margin-right: 0.8rem;
    }
}

.header-btns::before {
    content: "";
    background: var(--border-inverse);
    width: 0.1rem;
    height: 4.8rem;
    margin-right: 1.2rem;
    margin-left: 2.4rem;
    display: inline-block;
}

@media (max-width: 1024px) {
    .header-btns::before {
        content: normal;
    }
}

.header-socials {
    color: var(--1);
    position: relative;
    padding-left: 4.9rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.6rem;
}

@media (max-width: 1024px) {
    .header-socials {
        display: none;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.header-socials::before {
    content: "";
    background: var(--border-inverse);
    width: 0.1rem;
    height: 4.8rem;
    margin-right: 1.2rem;
    margin-left: 2.4rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

@media (max-width: 1024px) {
    .header-socials::before {
        content: normal;
    }
}

.header-socials a {
    width: 2.4rem;
    height: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .header-socials a {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.footer {
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='616' viewBox='0 0 1920 616' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1920' height='616' fill='%231E447E'/%3E%3Crect width='1920' height='616' fill='url(%23paint0_linear_229_8681)' fill-opacity='0.2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_229_8681' x1='18.6499' y1='2.57949e-05' x2='1540.39' y2='1110.59' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: grid;
    grid-template-columns: 33rem 1fr;
}

@media (max-width: 1024px) {
    .footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
}

@media (max-width: 1024px) {
    .footer-left {
        gap: 2.4rem;
    }
}

.footer-logo {
    width: 100%;
    height: 7.6rem;
    transition: opacity var(--time);
}

@media (hover: hover) and (pointer: fine) {
    .footer-logo:hover {
        opacity: 0.8;
    }
}

.footer-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1024px) {
    .footer-btn {
        width: 100%;
    }
}

.footer-socials {
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .footer-socials {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-socials > * a {
    width: 4rem;
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    background: var(--background-surface-light);
    border-radius: 100%;
    color: var(--text--icon-secondary);
    transition: background-color var(--time);
}

@media (hover: hover) and (pointer: fine) {
    .footer-socials > * a:hover {
        background-color: var(--background-back);
    }
}

.footer-nav {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    gap: 8rem;
}

@media (max-width: 1024px) {
    .footer-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
        margin-left: 0;
        border-top: 1px solid var(--background-surface-light---hover);
        padding-top: 2.4rem;
        margin-top: 2.4rem;
    }
}

.footer-nav > * {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
}

.footer-nav a {
    transition: color var(--time);
}

@media (hover: hover) and (pointer: fine) {
    .footer-nav a:hover {
        color: var(--background-back);
    }
}

.footer-bottom {
    border-top: 1px solid var(--background-surface-light---hover);
    padding-top: 3.2rem;
    margin-top: 3.2rem;
    width: 100%;
    grid-column: 2 span;
}

.about {
    position: relative;
}

@media (max-width: 1024px) {
    .about {
        padding-top: 2rem;
    }
}

.about-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about-video {
    background: #e0e4ea;
    border-radius: 4rem;
    padding: 2.4rem;
    display: block;
    width: 100%;
    height: 56.8rem;
    max-width: 100%;
}

@media (max-width: 500px) {
    .about-video {
        height: 20rem;
        border-radius: 2.4rem;
        padding: 1.6rem;
        -ms-flex-order: 1;
        order: 1;
    }
}

.about-video > * {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 1.6rem;
}

@media (max-width: 1024px) {
    .about-video > * {
        border-radius: 1.2rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    .about-video:hover img {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }
}

.about-video img {
    transition: -webkit-transform var(--time);
    transition: transform var(--time);
    transition: transform var(--time), -webkit-transform var(--time);
}

.howto {
    padding-bottom: 4rem;
    z-index: 2;
}

@media (max-width: 1024px) {
    .howto {
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
}

.howto-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.howto-bg img {
    height: auto;
}

@media (max-width: 1024px) {
    .youcan-subtitle {
        text-align: start;
    }
}

.youcan-btn {
    position: absolute;
    bottom: 3.2rem;
    right: 3.2rem;
}

@media (max-width: 1024px) {
    .youcan-btn {
        bottom: 2.4rem;
        right: 2.4rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.hero-head {
    padding-bottom: 16rem;
}

@media (max-width: 1024px) {
    .hero-head {
        padding-top: 2rem;
    }
}

@media (max-width: 1024px) {
    .parents .hero-head {
        padding-top: 4rem;
        padding-bottom: 13rem;
    }
}

@media (max-width: 1024px) {
    .faq .hero-head {
        padding-top: 4rem;
        padding-bottom: 13rem;
    }
}

@media (max-width: 1024px) {
    .hero-desc {
        font-weight: 400;
    }
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-content {
    border-radius: 6.4rem 6.4rem 0 0;
    padding-top: 4rem;
    padding-bottom: 8rem;
    background: var(--background-back);
    margin-top: -10rem;
    position: relative;
    z-index: 2;
    margin-bottom: 6.9rem;
}

.hero-content::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='69' viewBox='0 0 1920 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.62582e-05 0H1920L1920 46.787C1920 46.787 1343.73 69 960 69C576.273 69 0 46.787 0 46.787L4.62582e-05 0Z' fill='%23F1F3F6' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: 6.9rem;
}

@media (max-width: 1024px) {
    .hero-content::before {
        background-image: url("data:image/svg+xml,%3Csvg width='374' height='69' viewBox='0 0 374 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0348e-06 0H375L375 46.787C375 46.787 262.447 69 187.5 69C112.553 69 0 46.787 0 46.787L9.0348e-06 0Z' fill='%23F1F3F6' /%3E%3C/svg%3E");
    }
}

@media (max-width: 1024px) {
    .parents .hero-content {
        padding-top: 1.6rem;
        border-radius: 4rem 4rem 0 0;
        margin-bottom: 0;
        padding-bottom: 2rem;
    }

    .parents .hero-content::before {
        content: normal;
    }
}

.faq .hero-content {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .faq .hero-content {
        padding-top: 1.6rem;
        border-radius: 3.2rem 3.2rem 0 0;
        margin-bottom: 0;
        padding-bottom: 2rem;
    }
}

.faq .hero-content::before {
    content: normal;
}

@media (max-width: 1024px) {
    .blog .hero-content::before {
        content: "";
    }
}

.--article .hero-content {
    margin-bottom: 0;
}

.--article .hero-content::before {
    content: normal;
}

@media (max-width: 1024px) {
    .hero-content.--with-mobile-padding {
        padding-bottom: 41.1rem;
    }
}

.direction-outer {
    overflow-x: auto;
}

@media (max-width: 1024px) {
    .direction-outer {
        width: calc(100% + 3.2rem);
        position: relative;
        left: -1.6rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

.direction-outer::-webkit-scrollbar {
    display: none;
}

.direction-wrapper {
    --gap: 0.8rem;
    --cols: 9;
    --width: 17.6rem;
    --col-width: calc(((var(--width) * var(--cols)) - ((var(--cols) - 1) * var(--gap))) / var(--cols));
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

@media (max-width: 1024px) {
    .direction-wrapper {
        --width: 10.2rem;
    }
}

.direction-head {
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap);
    -ms-flex-align: center;
    align-items: center;
}

.direction-head > * {
    background: var(--background-surface-light);
    border: 1px solid var(--border-inverse);
    border-radius: 40rem;
    padding: 1.2rem 2rem;
    height: 4.8rem;
    -ms-flex: 0 0 var(--col-width);
    flex: 0 0 var(--col-width);
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .direction-head > * {
        border-radius: 2rem;
    }
}

.direction-content {
    margin-top: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
}

.direction-row {
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap);
}

.direction-row .col-span-3 {
    -ms-flex: 0 0 calc(var(--col-width) * 3 + var(--gap) * 2);
    flex: 0 0 calc(var(--col-width) * 3 + var(--gap) * 2);
}

.direction-row .col-span-4 {
    -ms-flex: 0 0 calc(var(--col-width) * 3 + var(--gap) * 2);
    flex: 0 0 calc(var(--col-width) * 3 + var(--gap) * 2);
}

.direction-item {
    background: var(--text--icon-hover-secondary);
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 1.6rem;
    padding: 2rem 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.direction-item.bg-white {
    background: var(--background-surface-light);
}

.direction-item.bg-white .direction-sublist {
    color: var(--background-surface-blakc);
    margin-top: 0.6rem;
    padding-top: 0;
    border-top: 0;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 129%;
}

.direction-item.bg-yellow {
    background: var(--primary-cta-hovered);
}

.direction-sublist {
    border-top: 1px solid rgba(60, 87, 128, 0.6);
    padding-top: 0.8rem;
    margin-top: 0.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
}

.anketa {
    margin-top: -7rem;
    position: relative;
    z-index: 2;
    margin-bottom: 6.8rem;
}

@media (max-width: 1024px) {
    .anketa {
        margin-top: -43rem;
        margin-bottom: 10rem;
    }
}

.anketa-inner {
    border: 1px solid rgba(30, 68, 126, 0.2);
    border-radius: 2.4rem;
    padding: 2.4rem 3.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='1222' height='112' viewBox='0 0 1222 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1222' height='112' fill='white'/%3E%3Crect width='1222' height='112' fill='url(%23paint0_radial_341_5902)' fill-opacity='0.5'/%3E%3Crect width='1222' height='112' fill='url(%23paint1_radial_341_5902)' fill-opacity='0.2'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_341_5902' cx='0' cy='0' r='1' gradientTransform='matrix(1058.56 56 -7.14015 314.938 163.442 1.15491e-05)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2398D9F7'/%3E%3Cstop offset='1' stop-color='%2398D9F7' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_341_5902' cx='0' cy='0' r='1' gradientTransform='matrix(1213.22 97.4166 -77.7916 2260.63 8.78316 -5.41271e-05)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC321' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFC321'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 4.75rem;
    width: 100%;
    max-width: 122.2rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media (max-width: 1024px) {
    .anketa-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.2rem;
        background-image: url("data:image/svg+xml,%3Csvg width='343' height='351' viewBox='0 0 343 351' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='343' height='351' fill='white'/%3E%3Crect width='343' height='351' fill='url(%23paint0_radial_4028_12750)' fill-opacity='0.5'/%3E%3Crect width='343' height='351' fill='url(%23paint1_radial_4028_12750)' fill-opacity='0.2'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_4028_12750' cx='0' cy='0' r='1' gradientTransform='matrix(297.124 175.5 -2.00415 986.992 45.8762 3.61941e-05)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2398D9F7'/%3E%3Cstop offset='1' stop-color='%2398D9F7' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_4028_12750' cx='0' cy='0' r='1' gradientTransform='matrix(340.535 305.297 -21.8351 7084.65 2.46532 -0.00016963)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC321' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFC321'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
        border-radius: 1.2rem;
    }
}

.anketa-title {
    max-width: 70rem;
    width: 100%;
}

.anketa-bg {
    width: 15.4rem;
}

@media (max-width: 1024px) {
    .anketa-bg {
        width: 18rem;
        height: 13.5rem;
        margin-left: auto;
    }
}

.anketa-bg img {
    width: 15.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    -o-object-position: bottom;
    object-position: bottom;
}

@media (max-width: 1024px) {
    .anketa-bg img {
        width: 100%;
        position: static;
    }
}

.platform.parents {
    padding-bottom: 4rem;
}

@media (max-width: 1024px) {
    .platform.parents .platform-title {
        margin-top: 4rem;
    }
}

.platform-title {
    margin-top: 7.2rem;
}

.platform-desc {
    max-width: 86.4rem;
    margin-left: auto;
    margin-right: auto;
}

.center {
    background: var(--background-back);
    padding-top: 8rem;
    padding-bottom: 4rem;
    margin-bottom: 6.9rem;
    position: relative;
}

@media (max-width: 1024px) {
    .center {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.center::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='69' viewBox='0 0 1920 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.62582e-05 0H1920L1920 46.787C1920 46.787 1343.73 69 960 69C576.273 69 0 46.787 0 46.787L4.62582e-05 0Z' fill='%23F1F3F6' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: 6.9rem;
}

@media (max-width: 1024px) {
    .center::before {
        background-image: url("data:image/svg+xml,%3Csvg width='374' height='69' viewBox='0 0 374 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0348e-06 0H375L375 46.787C375 46.787 262.447 69 187.5 69C112.553 69 0 46.787 0 46.787L9.0348e-06 0Z' fill='%23F1F3F6' /%3E%3C/svg%3E");
    }
}

.center-blocks {
    margin-top: 10rem;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 4rem;
}

@media (max-width: 1024px) {
    .center-blocks {
        margin-top: 6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.center-tieser {
    border-radius: 1.6rem;
    padding: 2rem 2.4rem;
    background: var(--text--icon-secondary);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1024px) {
    .center-tieser {
        padding: 2rem 1.6rem;
    }
}

.center-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.center-date {
    background: var(--text--icon-hover-primary);
    border-radius: 9.9rem;
    padding: 0.8rem 1.2rem;
    color: var(--text--icon-primary);
}

.center-list {
    margin-top: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 4.6rem;
    max-width: 49.2rem;
}

.center-btn {
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1024px) {
    .center-btn {
        width: 100%;
    }
}

.center-vacancies {
    border-radius: 1.6rem;
    padding: 2rem 2.4rem;
    background: var(--text--icon-hover-primary);
}

@media (max-width: 1024px) {
    .center-vacancies {
        padding: 2rem 1.6rem;
    }
}

@media (max-width: 1024px) {
    .center-link {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.center-vaclist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 2.4rem;
}

.center-vacitem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
}

.center-company {
    background: var(--background-back);
    color: var(--text--icon-secondary);
    padding: 0.4rem 1.2rem;
    border-radius: 9.9rem;
}

.center-vactext {
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 44rem;
    width: 100%;
}

.center-vactext a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    transition: -webkit-text-decoration-color var(--time);
    transition: text-decoration-color var(--time);
    transition: text-decoration-color var(--time), -webkit-text-decoration-color var(--time);
}

@media (hover: hover) and (pointer: fine) {
    .center-vactext a:hover {
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
    }
}

.calendar-table {
    max-width: 105.2rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.2rem;
}

.calendar-row,
.calendar-head {
    display: grid;
    grid-template-columns: 16rem 1fr 16rem 17.8rem;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--border-inverse);
    padding: 1.6rem 0rem;
}

.calendar-head {
    opacity: 0.6;
}

@media (max-width: 1024px) {
    .calendar-head {
        display: none;
    }
}

@media (max-width: 1024px) {
    .calendar-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1.6rem;
    }
}

@media (max-width: 1024px) {
    .calendar-td {
        font-weight: 500;
        display: -ms-flexbox;
        display: flex;
        gap: 1.2rem;
    }

    .calendar-td::before {
        content: attr(data-label);
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 129%;
        color: var(--text--icon-inverse-primary);
        opacity: 0.6;
        min-width: 6.1rem;
    }
}

.calendar-td.title {
    max-width: 48.2rem;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.2rem;
}

.pagination.calendar-pagination {
    margin-top: 3.2rem;
}

.pagination-button {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.8rem;
    padding: 0.4rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    text-align: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    transition: color var(--time);
}

.pagination-button.active {
    color: var(--text--icon-hover-primary);
    background: var(--text--icon-secondary);
}

@media (hover: hover) and (pointer: fine) {
    .pagination-button:hover {
        color: var(--text--icon-hover-secondary);
    }
}

.pagination-prev,
.pagination-next {
    width: 3.2rem;
    height: 3.2rem;
    position: relative;
    margin-left: 1rem;
}

@media (hover: hover) and (pointer: fine) {
    .pagination-prev:hover::before,
  .pagination-next:hover::before {
        opacity: 0.3;
    }
}

.pagination-prev::before,
.pagination-next::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23172339' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.8rem 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity var(--time);
}

.pagination-prev {
    margin-right: 1rem;
}

.pagination-prev::before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.articles {
    background: var(--background-back);
}

@media (max-width: 1024px) {
    .articles {
        padding-bottom: 7.6rem;
        padding-top: 2rem;
    }
}

@media (max-width: 1024px) {
    .articles-title {
        text-align: left;
    }
}

.articles-wrap {
    position: relative;
}

.articles-wrap .swiper-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

@media (max-width: 1024px) {
    .articles-wrap .swiper-arrow {
        display: none;
    }
}

.articles-wrap .swiper-arrow.swiper-button-disabled {
    opacity: 0;
}

.articles-wrap .swiper-arrow.prev {
    left: 0;
}

.articles-wrap .swiper-arrow.next {
    right: 0;
}

.articles-wrap .swiper-pagination {
    bottom: auto;
    top: calc(100% + 3.2rem);
    display: none;
}

@media (max-width: 1024px) {
    .articles-wrap .swiper-pagination {
        display: block;
    }
}

.articles-swiper {
    max-width: 144rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.2rem;
}

@media (max-width: 1024px) {
    .articles-swiper {
        width: calc(100% + 3.2rem);
        padding-left: 1.6rem;
        left: -1.6rem;
        position: relative;
    }
}

.articles-swiper .swiper-slide {
    width: 33.5rem;
    margin-right: 3.2rem;
    height: auto;
}

@media (max-width: 1024px) {
    .articles-swiper .swiper-slide {
        width: 30rem;
    }
}

.articles-subtitle {
    margin-top: 3rem;
    margin-bottom: 2.4rem;
}

.articles-img {
    box-shadow: 0 4px 13px 0 rgba(231, 233, 236, 0.3);
    width: 100%;
    height: 18.3rem;
}

@media (max-width: 500px) {
    .articles-img {
        width: 100%;
        height: 17.1rem;
    }
}

.rounded .articles-img {
    border-radius: 2rem;
}

.articles-item {
    border: 1px solid var(--border-inverse);
    border-radius: 2.4rem;
    padding: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--background-surface-light);
}

@media (max-width: 1024px) {
    .articles-item {
        padding: 1.6rem;
    }
}

.pt-40 {
    padding-top: 4rem;
}

@media (max-width: 1024px) {
    .pt-40 {
        padding-top: 3.2rem;
    }
}

.specialties-subtitle {
    margin-top: 3rem;
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    font-family: var(--font-family);
}

.specialties-search .has-level {
    margin-bottom: 3.2rem;
}

.educ-drop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.educ-drop:not(._dropped) .educ-drop__drop {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
}

.educ-drop._dropped .education-title[data-dropdown-btn]::after {
    scale: 1 -1;
}

.educ-drop [data-dropdown-btn] {
    cursor: pointer;
}

.educ-drop__drop {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    transition: 0.5s;
}

.educ-drop__container {
    min-height: 0;
}

.educ-drop .education-title[data-dropdown-btn]::after {
    transition: scale 0.3s;
}

.parents-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

@media (max-width: 1024px) {
    .parents-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
    }
}

.parents-list .main-h4 {
    margin-bottom: 3rem;
}

.parents-list .main-link {
    margin-top: 0;
}

.parents-hr {
    margin-top: 11.1rem;
}

@media (max-width: 1024px) {
    .parents-hr {
        margin-top: 4rem;
    }
}

.contacts {
    background: var(--background-back);
    margin-bottom: 4rem;
}

.blog-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

@media (max-width: 1024px) {
    .blog-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
    }
}

.blog-list .main-h4 {
    margin-bottom: 3rem;
}

.blog-list .articles-img {
    height: 20.5rem;
}

@media (max-width: 1024px) {
    .blog-list .articles-img {
        height: 19.7rem;
    }
}

.article-inner {
    padding: 2rem 1.6rem;
}

.article-excerpt {
    max-width: 124.4rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.article-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3.2rem;
    margin-top: 3.2rem;
}

.article-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
}

.article-date svg {
    width: 2.4rem;
    height: 2.4rem;
}

.article-time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
}

.article-time svg {
    width: 2.4rem;
    height: 2.4rem;
}

.article-wysiwyg {
    max-width: 128.4rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.article-wysiwyg > *:first-child {
    margin-top: 0;
}

.article-wysiwyg > *:last-child {
    margin-bottom: 0;
}

.article-wysiwyg h2 {
    margin-top: 7.2rem;
    margin-bottom: 1.6rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 121%;
    text-align: center;
    font-family: var(--font-family);
}

@media (max-width: 1024px) {
    .article-wysiwyg h2 {
        margin-top: 3.2rem;
        margin-bottom: 1.6rem;
        font-size: 2.2rem;
        line-height: 118%;
    }
}

.article-wysiwyg h3 {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 123%;
    margin-top: 7.2rem;
    margin-bottom: 2.4rem;
    font-family: var(--font-family);
}

@media (max-width: 1024px) {
    .article-wysiwyg h3 {
        margin-top: 3.2rem;
        margin-bottom: 1.6rem;
        font-size: 2rem;
        line-height: 120%;
    }
}

.article-wysiwyg p {
    margin-bottom: 1.6rem;
}

.article-wysiwyg ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
}

.article-wysiwyg ul li {
    position: relative;
    padding-left: 2.7rem;
}

.article-wysiwyg ul li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2384CAE8' fill-opacity='0.4' /%3E%3Ccircle cx='10' cy='10' r='5' fill='%2384CAE8' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0.2rem;
    left: 0;
}

.article-wysiwyg blockquote {
    border-left: 5px solid var(--text--icon-hover-secondary);
    padding: 0rem 2rem;
    margin-top: 7.2rem;
    margin-bottom: 7.2rem;
}

.matkapital-wysiwyg ul li {
  position: relative;
  padding-left: 45px;
}

.matkapital-wysiwyg ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2384CAE8' fill-opacity='0.4' /%3E%3Ccircle cx='10' cy='10' r='5' fill='%2384CAE8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
margin-left: 10px;
}

@media (max-width: 1024px) {
    .article-wysiwyg blockquote {
        margin-bottom: 3.2rem;
        margin-top: 3.2rem;
    }
}

.matkapital-hero {
    min-height: 49.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 17.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 1024px) {
    .matkapital-hero {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.2rem;
    }
}

.matkapital-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 4rem;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: var(--text--icon-hover-primary);
    position: relative;
    padding-bottom: 1.2rem;
}

@media (max-width: 1024px) {
    .matkapital-title {
        font-weight: 600;
        font-size: 2.8rem;
        line-height: 129%;
        text-transform: uppercase;
        text-align: center;
    }
}

.matkapital-title::before {
    content: "";
    height: 5px;
    background-color: var(--text--icon-hover-secondary);
    width: 25rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .matkapital-title::before {
        width: 100%;
    }
}

.matkapital-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.matkapital-img {
    width: 40rem;
    height: 25.2rem;
}

@media (max-width: 500px) {
    .matkapital-img {
        width: 100%;
    }
}

.matkapital-container {
    padding-bottom: 4rem;
}

.matkapital-wysiwyg {
    max-width: 128.4rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.matkapital-wysiwyg > *:first-child {
    margin-top: 0;
}

.matkapital-wysiwyg > *:last-child {
    margin-bottom: 0;
}

.matkapital-wysiwyg > p {
    padding-left: 2rem;
}

.matkapital-wysiwyg p {
    margin-bottom: 1rem;
}

.matkapital-wysiwyg blockquote {
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    border-left: 10px solid var(--text--icon-secondary);
    border-radius: 2rem;
    padding: 2rem 4rem;
    background: rgba(30, 68, 126, 0.1);
    margin-top: 7.2rem;
    margin-bottom: 7.2rem;
}

@media (max-width: 1024px) {
    .matkapital-wysiwyg blockquote {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem;
        padding: 1.2rem 1.6rem 1.2rem 2.4rem;
        padding-left: 1.4rem;
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 122%;
    }
}

.matkapital-wysiwyg h2 {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 121%;
}

@media (max-width: 1024px) {
    .matkapital-wysiwyg h2 {
        font-weight: 600;
        font-size: 2.2rem;
        line-height: 118%;
    }
}

.matkapital-wysiwyg h3 {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 123%;
    margin-bottom: 1rem;
}

@media (max-width: 1024px) {
    .matkapital-wysiwyg h3 {
        font-weight: 500;
        font-size: 2rem;
        line-height: 120%;
    }
}

.matkapital-wysiwyg ol {
    counter-reset: num;
    margin-bottom: 3.2rem;
    margin-top: 3.2rem;
}

.matkapital-wysiwyg ol li {
    padding-left: 6.4rem;
    position: relative;
    counter-increment: num;
}

.matkapital-wysiwyg ol li::before {
    content: counter(num);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
    text-align: center;
    color: var(--text--icon-secondary);
    border: 1px solid var(--border-inverse);
    border-radius: 40rem;
    padding: 1.2rem 0.8rem;
    width: 4.4rem;
    height: 4.4rem;
    position: absolute;
    top: 0;
    left: 0;
}

.matkapital-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 7.2rem;
}

@media (max-width: 1024px) {
    .matkapital-buttons {
        margin-top: 3.2rem;
    }
}

.faq-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.faq-details {
    box-shadow: 0 4px 16px 0 rgba(140, 140, 140, 0.12);
    background: var(--background-surface-light);
    border-radius: 1.6rem;
    padding: 6.4rem;
}

@media (max-width: 1024px) {
    .faq-details {
        padding: 2.4rem 1.6rem;
    }
}

.faq-details.opened .faq-block {
    grid-template-rows: 1fr;
}

.faq-details.opened .faq-plus::after {
    opacity: 0;
}

.faq-details.opened .faq-plus::before {
    opacity: 1;
}

.faq-summary {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 123%;
    color: var(--text--icon-primary);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 1rem;
    font-family: var(--font-family);
    text-align: start;
    transition: color var(--time);
}

@media (max-width: 1024px) {
    .faq-summary {
        font-size: 2rem;
        line-height: 120%;
    }
}

@media (hover: hover) and (pointer: fine) {
    .faq-summary:hover {
        color: var(--text--icon-secondary);
    }
}

.faq-plus {
    background: var(--background-surface-blakc);
    border-radius: 9.9rem;
    padding: 2rem;
    width: 6rem;
    height: 6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

@media (max-width: 1024px) {
    .faq-plus {
        border-radius: 9.9rem;
        padding: 2rem;
        width: 3rem;
        height: 3rem;
    }
}

.faq-plus::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='2' viewBox='0 0 20 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='19' y2='1' stroke='%23F1F3F6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    height: 0.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity var(--time);
}

.faq-plus::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='10' x2='19' y2='10' stroke='%23F1F3F6' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10' y1='1' x2='10' y2='19' stroke='%23F1F3F6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity var(--time);
}

.faq-block {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--time);
    transition: grid-template-rows var(--time), -ms-grid-rows var(--time);
}

.faq-inner {
    overflow: hidden;
}

.faq-inner > *:first-child {
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    position: relative;
}

.faq-inner > *:first-child::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='1312' height='2' viewBox='0 0 1312 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H1312' stroke='url(%23paint0_radial_6001_10873)' stroke-opacity='0.8' stroke-width='2' /%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_6001_10873' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(656 1.5) scale(656 0.5)'%3E%3Cstop stop-color='%233C5780' /%3E%3Cstop offset='1' stop-color='%233C5780' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
}

@media (max-width: 1024px) {
    .faq-inner > *:first-child::before {
        background-image: url("data:image/svg+xml,%3Csvg width='311' height='2' viewBox='0 0 311 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H311' stroke='url(%23paint0_radial_8001_11106)' stroke-opacity='0.8' stroke-width='2' /%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_8001_11106' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(155.5 1.5) scale(155.5 0.5)'%3E%3Cstop stop-color='%233C5780' /%3E%3Cstop offset='1' stop-color='%233C5780' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    }
}

.faq-review {
    border-radius: 1.6rem;
    padding: 6.4rem;
    box-shadow: 0 4px 16px 0 rgba(140, 140, 140, 0.12);
    background: var(--background-surface-light);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12rem;
}

@media (max-width: 1024px) {
    .faq-review {
        margin-top: 6rem;
        padding: 2rem 1.6rem;
    }
}

.faq-icon {
    border: 5px solid var(--text--icon-secondary);
    border-radius: 9.9rem;
    width: 6.4rem;
    height: 6rem;
    font-weight: 700;
    font-size: 4rem;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--text--icon-secondary);
    font-family: var(--second-family);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.faq-btn {
    min-width: 27.1rem;
}

@media (max-width: 1024px) {
    .faq-btn {
        width: 100%;
    }
}

.special-swiper {
    padding-top: 12rem;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    background-color: #f1f3f6;
    position: relative;
}

@media (max-width: 1024px) {
    .special-swiper {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

.special-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.special {
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 4rem;
}

.special-left {
    max-width: 67rem;
    width: 100%;
}

.special-desc {
    margin-top: 2rem;
}

.special-right {
    max-width: 73rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
}

.special-item {
    position: relative;
    border-radius: 2rem;
    padding: 1.6rem;
    min-height: 23.1rem;
}

.special-subtitle {
    position: relative;
    z-index: 1;
    max-width: 42.4rem;
}

.special-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.advantages {
    width: 100%;
    background: var(--background-back);
}

.advantages-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    max-width: 125.6rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px) {
    .advantages-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.advantages-item {
    border-radius: 1.6rem;
    padding: 2rem 2.4rem;
    background: var(--text--icon-secondary);
}

.advantages-item.white {
    background: var(--text--icon-hover-primary);
}

.advantages-wysiwyg {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
}

@media (max-width: 1024px) {
    .advantages-wysiwyg {
        font-size: 1.4rem;
        line-height: 129%;
    }
}

.advantages-wysiwyg p {
    font-family: var(--font-family);
}

.advantages-wysiwyg.columns-2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.advantages-wysiwyg.white ul {
    color: var(--text--icon-primary);
}

.advantages-wysiwyg.white ul li {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2384CAE8' fill-opacity='0.4'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%2384CAE8'/%3E%3C/svg%3E%0A");
}

.advantages-wysiwyg ul {
    margin-top: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    font-family: var(--font-family);
    color: var(--background-back);
}

.advantages-wysiwyg ul li {
    background-repeat: no-repeat;
    background-position: left;
    background-size: 2rem;
    padding-left: 2.8rem;
    min-height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='white' fill-opacity='0.4'/%3E%3Ccircle cx='10' cy='10' r='5' fill='white'/%3E%3C/svg%3E%0A");
}

.advantages-wysiwyg h2 {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 123%;
    font-family: var(--font-family);
}

@media (max-width: 1024px) {
    .advantages-wysiwyg h2 {
        font-size: 2rem;
        line-height: 120%;
    }
}

.result-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
    margin-top: 6rem;
}

@media (max-width: 1024px) {
    .result-list {
        margin-top: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6rem;
    }
}

.result-item {
    background: rgba(30, 68, 126, 0.1);
    border-left: 10px solid var(--text--icon-secondary);
    border-radius: 2rem;
    padding: 2rem 4rem;
}

@media (max-width: 1024px) {
    .result-item {
        padding: 1.2rem 2rem;
        padding-left: 1rem;
    }
}

.result-item:nth-child(5n+2) {
    background: rgba(255, 200, 52, 0.1);
    border-color: #ffc834;
}

.result-item:nth-child(5n+3) {
    background: rgba(64, 180, 229, 0.1);
    border-color: #40b4e5;
}

.result-item:nth-child(5n+4) {
    background: rgba(245, 94, 104, 0.1);
    border-color: #f55e68;
}

.result-item:nth-child(5n+5) {
    background: rgba(171, 209, 78, 0.1);
    border-color: var(--text--icon-hover-third);
}

.result-desc {
    margin-top: 1rem;
}

.study-title {
    margin-top: 7.2rem;
}

.study-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    margin-top: 7.2rem;
}

@media (max-width: 1024px) {
    .study-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.study-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.study-subtitle {
    border-radius: 2rem 2rem 0 0;
    padding: 1rem;
    background: var(--text--icon-secondary);
    color: var(--background-back);
    text-align: center;
}

.study-sublist {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 125%;
    padding: 2.2rem 4rem;
    background: rgba(30, 68, 126, 0.1);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 1024px) {
    .study-sublist {
        font-size: 1.4rem;
        line-height: 129%;
    }
}

.study-sublist > * {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--border-inverse);
}

.study-time {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 125%;
    color: var(--text--icon-secondary);
    background: var(--background-back);
    border-radius: 9.9rem;
    padding: 0.4rem 1.2rem;
}

@media (max-width: 1024px) {
    .special-education .education-item {
        min-height: 20rem;
    }
}

@media (max-width: 1024px) {
    .special-education .education-subtitle {
        font-weight: 500;
        font-size: 2.6rem;
        line-height: 123%;
        color: var(--text--icon-primary);
    }
}

@media (max-width: 1024px) {
    .special-education .education-desc {
        font-size: 1.4rem;
        line-height: 129%;
    }
}

.carousel {
    position: relative;
    box-sizing: border-box;
}

.carousel *, .carousel *:before, .carousel *:after {
    box-sizing: inherit;
}

.carousel.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.carousel.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}

.carousel__track {
    display: -ms-flexbox;
    display: flex;
}

.carousel__slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: 0.25;
    transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1;
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.carousel__button.is-prev {
    left: 10px;
}

.carousel__button.is-next {
    right: 10px;
}

.carousel__button[disabled] {
    cursor: default;
    opacity: 0.3;
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    -webkit-filter: var(--carousel-button-svg-filter, none);
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none;
}

html.with-fancybox {
    scroll-behavior: auto;
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    -ms-touch-action: none;
    touch-action: none;
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    z-index: 1050;
    outline: none;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit;
}

.fancybox__container :focus {
    outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px;
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10;
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default;
}

.fancybox__track {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.fancybox__slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto;
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px;
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none;
}

.fancybox__caption {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
    visibility: hidden;
}

.fancybox__container > .carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
    z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
    right: 8px;
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px;
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px;
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px;
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40;
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px;
    }
}

.fancybox__content > .carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none;
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053;
}

.fancybox__spinner svg {
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor;
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    -webkit-animation: 0.15s ease backwards fancybox-fadeIn;
    animation: 0.15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
    -webkit-animation: 0.15s ease both fancybox-fadeOut;
    animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
    -webkit-animation: 0.15s ease both fancybox-fadeIn;
    animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
    -webkit-animation: 0.1s ease both fancybox-fadeOut;
    animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
    -webkit-animation: 0.2s ease both fancybox-zoomInUp;
    animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
    -webkit-animation: 0.15s ease both fancybox-zoomOutDown;
    animation: 0.15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
    -webkit-animation: 0.15s ease both fancybox-throwOutUp;
    animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
    -webkit-animation: 0.15s ease both fancybox-throwOutDown;
    animation: 0.15s ease both fancybox-throwOutDown;
}

@-webkit-keyframes fancybox-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fancybox-fadeOut {
    to {
        opacity: 0;
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fancybox-zoomInUp {
    from {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fancybox-zoomInUp {
    from {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

@-webkit-keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0;
    }
}

@keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0;
    }
}

@keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0;
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox__image {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: none;
}

.has-image .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
}

.is-closing .has-image .fancybox__content {
    overflow: visible;
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto;
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.fancybox__thumbs {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
    animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0;
}

.fancybox__thumbs .carousel__slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    transition: opacity 0.15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
    padding: 0;
    -ms-touch-action: none;
    touch-action: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px;
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
    animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0;
}

.fancybox__toolbar__items {
    display: -ms-flexbox;
    display: flex;
}

.fancybox__toolbar__items--left {
    margin-right: auto;
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
    margin-left: auto;
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none;
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0;
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0;
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block;
}

.search {
    padding-top: 14.4rem;
    padding-bottom: 10.4rem;
    margin-bottom: 4.9rem;
    background: var(--background-back);
    position: relative;
}

@media (max-width: 1024px) {
    .search {
        padding-top: 10rem;
        padding-bottom: 4rem;
        margin-bottom: 3.2rem;
    }
}

.search-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 83.8rem;
}

@media (max-width: 1024px) {
    .search-bg {
        max-height: 26rem;
    }
}

.search-datalist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 8rem;
}

@media (max-width: 1024px) {
    .search-datalist {
        margin-top: 5.2rem;
        gap: 1.6rem;
    }
}

.search-item {
    border: 1px solid var(--border-inverse);
    border-radius: 2.4rem;
    background: var(--background-surface-light);
    padding: 2.4rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
}

.search-item .main-link {
    position: absolute;
    bottom: 2.4rem;
    right: 2.4rem;
}

.search-bottom {
    color: var(--background-surface-blakc);
}

@media (max-width: 1024px) {
    .search-bottom {
        max-width: 22.3rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.modal-opened {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 20;
    display: none;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
}

@media (max-width: 1024px) {
    .modal {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
}

.modal.open {
    display: -ms-flexbox;
    display: flex;
}

.modal-block {
    border-radius: 0.4rem;
    padding: 4rem 3.2rem;
    background-color: #f4f5f8;
    max-width: 58rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    max-height: 100%;
    overflow: auto;
}

@media (max-width: 1024px) {
    .modal-block {
        padding: 2.4rem 1.6rem;
    }
}

.modal-block.with-logo {
    padding-left: 30rem;
}

@media (max-width: 1024px) {
    .modal-block.with-logo {
        padding-left: 1.6rem;
    }
}

.modal-block.max-w-640 {
    max-width: 64rem;
}

.modal-block.max-w-860 {
    max-width: 86rem;
}

.modal-block.--feedback {
    padding-left: 12.2rem;
}

@media (max-width: 1024px) {
    .modal-block.--feedback {
        padding-left: 8.6rem;
    }
}

@media (max-width: 1024px) {
    .modal-block.--feedback .modal-title {
        text-aligh: start;
    }
}

@media (max-width: 1024px) {
    .modal-block.--feedback .modal-description {
        text-align: start;
    }
}

.modal-block.--feedback .modal-check {
    position: absolute;
    left: 3.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5rem;
    height: 5.2rem;
}

@media (max-width: 1024px) {
    .modal-block.--feedback .modal-check {
        left: 1.6rem;
    }
}

.modal-close {
    position: absolute;
    top: 1.6rem;
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem;
    color: var(--grey);
    transition: border-color var(--time);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (hover: hover) and (pointer: fine) {
    .modal-close:hover {
        border-color: var(--black);
        color: var(--black);
    }
}

.modal-close svg {
    width: 100%;
    height: 100%;
}

.modal-btn.loading {
    position: relative;
}

.modal-btn.loading::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: inherit;
    z-index: 1;
}

.modal-btn.loading::after {
    content: "";
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 0.4rem solid var(--white);
    -webkit-animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
    animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}

@-webkit-keyframes l20-1 {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }

    12.5% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    62.5% {
        -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }

    100% {
        -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
}

@keyframes l20-1 {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }

    12.5% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    62.5% {
        -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }

    100% {
        -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
}

@-webkit-keyframes l20-2 {
    0% {
        -webkit-transform: translate(-50%, -50%) scaleY(1) rotate(0deg);
        transform: translate(-50%, -50%) scaleY(1) rotate(0deg);
    }

    49.99% {
        -webkit-transform: translate(-50%, -50%) scaleY(1) rotate(135deg);
        transform: translate(-50%, -50%) scaleY(1) rotate(135deg);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) scaleY(-1) rotate(0deg);
        transform: translate(-50%, -50%) scaleY(-1) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scaleY(-1) rotate(-135deg);
        transform: translate(-50%, -50%) scaleY(-1) rotate(-135deg);
    }
}

@keyframes l20-2 {
    0% {
        -webkit-transform: translate(-50%, -50%) scaleY(1) rotate(0deg);
        transform: translate(-50%, -50%) scaleY(1) rotate(0deg);
    }

    49.99% {
        -webkit-transform: translate(-50%, -50%) scaleY(1) rotate(135deg);
        transform: translate(-50%, -50%) scaleY(1) rotate(135deg);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) scaleY(-1) rotate(0deg);
        transform: translate(-50%, -50%) scaleY(-1) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scaleY(-1) rotate(-135deg);
        transform: translate(-50%, -50%) scaleY(-1) rotate(-135deg);
    }
}

.modal-label {
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    cursor: pointer;
    margin-top: 1.2rem;
}

.modal-label.items-center {
    -ms-flex-align: center;
    align-items: center;
}

@media (hover: hover) and (pointer: fine) {
    .modal-label:hover .checkbox-box {
        border-color: var(--black);
    }
}

.modal-label + .modal-label {
    margin-top: 2rem;
}

.modal-label a {
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.3rem;
    transition: -webkit-text-decoration-color var(--time);
    transition: text-decoration-color var(--time);
    transition: text-decoration-color var(--time), -webkit-text-decoration-color var(--time);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

@media (hover: hover) and (pointer: fine) {
    .modal-label a:hover {
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
    }
}

.modal-radio {
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 150%;
    cursor: pointer;
    margin-top: 1.2rem;
}

@media (hover: hover) and (pointer: fine) {
    .modal-radio:hover .checkbox-box {
        border-color: var(--black);
    }
}

.modal-radio + .modal-radio {
    margin-top: 2rem;
}

.modal-inputs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
}

.modal-logo {
    height: 100%;
    width: 30.9rem;
    position: absolute;
    top: 0;
    left: 3.2rem;
}

@media (max-width: 1024px) {
    .modal-logo {
        display: none;
    }
}

.modal-innerblock {
    margin-left: auto;
    width: 100%;
}

.modal-labeltext {
    margin-bottom: auto;
    margin-top: auto;
}

.max-w-448 {
    max-width: 44.8rem;
}

.modal-description {
    margin-top: 1.2rem;
}

.modal-btn {
    width: 100%;
    margin-top: 3rem;
}

.w-full {
    width: 100%;
}


.custom-select {
    position: relative;
}

.custom-select select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
  
}


.select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3.2rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%232F3239' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.select-selected.select-arrow-active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}


.select-items div,
.select-selected {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
    font-family: var(--font-family);
    padding: 2rem 3.2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.select-selected {
    border-radius: 3rem;
    padding-right: 5rem;
    box-shadow: 0 4px 6px 2px rgba(215, 220, 224, 0.5);
    background: var(--1);
    color: rgba(48, 48, 48, 0.6);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.select-items > div {
    color: var(--text--icon-primary);
    transition: background-color var(--time);
}


.select-items {
    position: absolute;
    background-color: var(--white);
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 3rem;
    box-shadow: 0px 0.5rem 1rem rgba(19, 33, 42, 0.15);
    border: 0.1rem solid var(--grey);
    border-top: 0;
    -webkit-animation: fadeEffect var(--time);
    animation: fadeEffect var(--time);
    max-height: 30rem;
    overflow: auto;
}


.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: var(--background-surface-light---hover);
}

.select-selected--active {
    color: var(--text--icon-primary);
}

.modal-list {
    counter-reset: modal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
    padding-bottom: 1.6rem;
}

.modal-item {
    counter-increment: modal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
}

.modal-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
}

.modal-placeholder::before {
    content: counter(modal);
    border-radius: 21.2rem;
    padding: 1rem;
    min-width: 4.8rem;
    min-height: 4.8rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    text-align: center;
    color: var(--1);
    font-family: var(--font-family);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--primary-cta);
}

.modal-info {
    padding-left: 2rem;
}

.modal-switch {
    padding: 1rem 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
}

.modal-switches {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.modal-switchlabel {
    position: relative;
}

.modal-switchlabel input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
}

.modal-switchlabel input:checked + .modal-switchbtn {
    background: var(--text--icon-primary);
    color: var(--text--icon-hover-primary);
    border-color: var(--text--icon-primary);
}

.modal-switchbtn {
    background: var(--background-surface-light);
    border: 1px solid var(--border-inverse);
    border-radius: 0.8rem;
    padding: 1.2rem 2rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 125%;
    color: var(--text--icon-primary);
    font-family: var(--font-family);
    cursor: pointer;
    transition: color var(--time), background-color var(--time), border-color var(--time);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    min-height: 4.8rem;
}

@media (hover: hover) and (pointer: fine) {
    .modal-switchbtn:hover {
        border-color: var(--text--icon-primary);
    }
}