@charset "UTF-8";
@font-face {
  font-family: "Nekst";
  src: url("../fonts/Nekst-SemiBold.woff2") format("woff2"), url("../fonts/Nekst-SemiBold.woff") format("woff"), url("../fonts/Nekst-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nekst";
  src: url("../fonts/Nekst-Medium.woff2") format("woff2"), url("../fonts/Nekst-Medium.woff") format("woff"), url("../fonts/Nekst-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nekst";
  src: url("../fonts/Nekst-Regular.woff2") format("woff2"), url("../fonts/Nekst-Regular.woff") format("woff"), url("../fonts/Nekst-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nekst";
  src: url("../fonts/Nekst-Thin.woff2") format("woff2"), url("../fonts/Nekst-Thin.woff") format("woff"), url("../fonts/Nekst-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
:root {
  --time: .3s;
  --red: #c02242;
  --black: #242137;
  --white: #fdfdfd;
  --light-grey: #f2f5f8;
  --grey: #9da5b3;
  --font-family: "Manrope", sans-serif;
  --second-family: "Nekst", sans-serif;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
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;
}

/* HTML5 display-role reset for older browsers */
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;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none !important;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
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: 10px;
}
@media (max-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 1.3020833333vw;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 2.6666666667vw;
  }
}

/**
 * Swiper 8.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 29, 2022
 */
@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;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  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 {
  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));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.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 {
  scroll-snap-type: x mandatory;
}

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

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

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  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 {
  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;
  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-navigation-color: var(--swiper-theme-color);
  */
}

.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: flex;
  align-items: 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-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  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;
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  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;
  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%;
  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%;
  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 transform, 200ms top;
}

.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%;
  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 transform, 200ms left;
}

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

/* Progress */
.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%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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;
}

/* Scrollbar */
.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: flex;
  justify-content: 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%;
  object-fit: contain;
}

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

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  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 {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.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 {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  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;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
  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;
  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: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

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

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

html,
body {
  scroll-behavior: smooth;
}

html {
  scrollbar-gutter: stable;
}

html.with-fancybox {
  scrollbar-gutter: auto;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  word-break: break-word;
  background: var(--white);
}
@media (max-width: 1024px) {
  body {
    font-size: 1.2rem;
    line-height: 117%;
  }
}

main {
  flex: 1;
}

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

svg {
  transition: fill, opacity, transform, stroke, color;
  transition-duration: 0.3s;
  overflow: visible;
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.container {
  max-width: 192rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8rem;
  padding-right: 8rem;
}
@media (max-width: 1024px) {
  .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 500px) {
  .container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

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

.img-cover {
  display: block;
  overflow: hidden;
}
.img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

h1,
.h1 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 15rem;
  line-height: 80%;
  letter-spacing: -0.03em;
}
@media (max-width: 1024px) {
  h1,
  .h1 {
    font-size: 5.6rem;
    line-height: 100%;
  }
}

.page-title {
  font-weight: 600;
  font-size: 11rem;
  line-height: 91%;
  letter-spacing: -0.03em;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .page-title {
    font-size: 4.2rem;
    line-height: 100%;
  }
}

.page-subtitle {
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .page-subtitle {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

h2,
.h2 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  h2,
  .h2 {
    font-size: 2.4rem;
    line-height: 117%;
    color: var(--black);
  }
}

h3,
.h3 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  h3,
  .h3 {
    font-size: 1.8rem;
    line-height: 122%;
  }
}

.btn {
  border-radius: 1.5rem;
  padding: 1.9rem 2.4rem;
  min-height: 6.4rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--light-grey);
  font-family: var(--second-family);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2rem;
  background: var(--red);
  border: 1px solid var(--red);
  transition: opacity, border-color, color, background-color;
  transition-duration: var(--time);
}
@media (max-width: 1024px) {
  .btn {
    padding: 1.1rem 2rem;
    min-height: 4.4rem;
    font-size: 1.4rem;
    line-height: 143%;
    justify-content: space-between;
  }
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
  }
}
.btn.btn-transparent {
  backdrop-filter: blur(40px);
  background: rgba(0, 0, 0, 0.07);
  border: 1px solid rgba(240, 243, 248, 0.5);
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn-transparent:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
  }
}
.btn.btn-white {
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #202636;
  background-color: var(--white);
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn-white:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
    opacity: 1;
  }
}
.btn.btn-black {
  background-color: var(--black);
  color: var(--white);
  border-color: var(--black);
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn-black:hover {
    background-color: transparent;
    color: var(--black);
    border-color: var(--black);
    opacity: 1;
  }
}

.icon-18 {
  width: 1.8rem;
  height: 1.8rem;
}

.icon-22 {
  width: 2.2rem;
  height: 1.8rem;
}

.max-w-380 {
  max-width: 38rem;
}

.icon-info {
  display: inline-block;
  border: 1px solid var(--red);
  border-radius: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: border-color var(--time);
  position: relative;
}
@media (max-width: 1024px) {
  .icon-info {
    height: 1.2rem;
    width: 1.2rem;
    background-size: 0.2rem 0.6rem;
  }
}
.icon-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='3' height='8' viewBox='0 0 3 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.135246 7.39726C0.135246 7.28767 0.147541 7.15982 0.172131 7.0137C0.204918 6.86758 0.241803 6.7032 0.282787 6.52055L1.02049 3.3863L1.22951 3.56164L0 3.39726L0.0491804 3.12329L2.2623 2.57534L2.42213 2.68493L1.52459 6.45479C1.5 6.579 1.47951 6.68858 1.46311 6.78356C1.44672 6.87123 1.43852 6.94064 1.43852 6.99178C1.43852 7.06484 1.45902 7.11963 1.5 7.15616C1.54098 7.19269 1.59426 7.21096 1.65984 7.21096C1.76639 7.21096 1.90574 7.15251 2.07787 7.03562C2.25 6.91872 2.43852 6.74338 2.64344 6.50959L2.91393 6.68493C2.7582 6.8968 2.58197 7.10502 2.38525 7.30959C2.18852 7.50685 1.96721 7.67123 1.72131 7.80274C1.47541 7.93425 1.20082 8 0.897541 8C0.692623 8 0.512295 7.94886 0.356557 7.84657C0.209016 7.73699 0.135246 7.58721 0.135246 7.39726ZM2.13934 1.42466C1.95082 1.42466 1.78689 1.36986 1.64754 1.26027C1.5082 1.14338 1.43852 0.989954 1.43852 0.8C1.43852 0.573516 1.52459 0.383562 1.69672 0.230137C1.86885 0.0767123 2.06557 0 2.28689 0C2.5 0 2.67213 0.0584475 2.80328 0.175342C2.93443 0.292237 3 0.442009 3 0.624657C3 0.851142 2.91393 1.0411 2.7418 1.19452C2.56967 1.34794 2.36885 1.42466 2.13934 1.42466Z' fill='%23C02242' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.3rem 0.8rem;
  transition: filter var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .icon-info:hover {
    border-color: var(--black);
  }
  .icon-info:hover::before {
    filter: brightness(0);
  }
}

.pt-120 {
  padding-top: 12rem;
}
@media (max-width: 1024px) {
  .pt-120 {
    padding-top: 6rem;
  }
}

.pt-70 {
  padding-top: 7rem;
}
@media (max-width: 1024px) {
  .pt-70 {
    padding-top: 3rem;
  }
}

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

.text-grey {
  color: var(--grey);
}

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

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

.red-box {
  text-align: center;
  color: var(--red);
  border: 1px solid var(--red);
  border-radius: 1.5rem;
  padding: 0.8rem 1.4rem 0.9rem;
  width: fit-content;
}
@media (max-width: 1024px) {
  .red-box {
    border-radius: 1rem;
    padding-bottom: 0.7rem;
  }
}

.min-h-586 {
  min-height: calc(586px + 7.6rem);
}
@media (max-width: 1024px) {
  .min-h-586 {
    min-height: calc(305px + 7.6rem);
  }
}

.swiper-arrow {
  border-radius: 1rem;
  background-color: var(--white);
  border: 1px solid rgba(36, 33, 55, 0.2);
  width: 4.4rem;
  height: 4.4rem;
  flex: 0 0 auto;
  transition-property: background-color, border-color;
  transition-duration: var(--time);
}
@media (max-width: 1024px) {
  .swiper-arrow {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.7rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .swiper-arrow:hover {
    background-color: var(--black);
    border-color: var(--black);
  }
  .swiper-arrow:hover::before {
    filter: brightness(1) invert(1);
  }
}
.swiper-arrow.swiper-button-disabled {
  pointer-events: none;
}
.swiper-arrow.swiper-button-disabled::before {
  opacity: 0.2;
}
.swiper-arrow::before {
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0004 14.1011L16.1009 22.0006L17.5151 23.4148L25.4146 15.5153L24.0004 14.1011Z' fill='%23202636' /%3E%3Cpath d='M25.4146 28.4858L17.5151 20.5863L16.1008 22.0006L24.0003 29.9001L25.4146 28.4858Z' fill='%23202636' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: flex;
  transition: filter var(--time);
}
.swiper-arrow.next::before {
  transform: scale(-1, 1);
}

.swiper-progress {
  background-color: #d1d1d5;
}
.swiper-progress .swiper-pagination-progressbar-fill {
  background-color: var(--black);
}

.input {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 1.5rem;
  padding: 1.9rem 2.1rem;
  background-color: transparent;
  transition: border-color var(--time);
  font-family: var(--font-family);
}
@media (max-width: 1024px) {
  .input {
    padding: 2rem 1.5rem;
    height: 4.4rem;
    font-size: 1.6rem;
  }
}
.input.modal-input {
  border-color: rgba(32, 38, 54, 0.2);
  width: 100%;
  color: var(--black);
}
.input.modal-input::placeholder {
  color: var(--grey);
  opacity: 1;
  font-family: var(--font-family);
}
.input.modal-input:focus {
  border-color: var(--black);
}
.input:focus {
  outline: none;
  border-color: var(--white);
}
.input::placeholder {
  color: rgba(253, 253, 253, 0.6);
  opacity: 1;
}

textarea.modal-input {
  height: 22rem;
  resize: none;
}
@media (max-width: 1024px) {
  textarea.modal-input {
    height: 10rem;
  }
}

.checkbox {
  width: 3rem;
  height: 3rem;
  position: relative;
  flex: 0 0 auto;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
}
.checkbox input:checked + .checkbox-box::before {
  opacity: 1;
}
.checkbox.border-grey .checkbox-box {
  border-color: rgba(32, 38, 54, 0.2);
}
.checkbox.border-grey .checkbox-box::before {
  filter: invert(1);
}

.checkbox-box {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.7rem;
  width: 100%;
  height: 100%;
  display: flex;
  transition: border-color var(--time);
}
.checkbox-box::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.7783L9.41421 13.3641L15.364 19.3139L13.9497 20.7281L8 14.7783Z' fill='%23FDFDFD' /%3E%3Cpath d='M9.41421 14.0712L14.6567 19.3137L13.9496 20.0209L8.70711 14.7783L9.41421 14.0712Z' stroke='white' stroke-opacity='0.4' /%3E%3Cpath d='M13.9492 20.7275L12.535 19.3133L22.3132 9.53515L23.7274 10.9494L13.9492 20.7275Z' fill='%23FDFDFD' /%3E%3Cpath d='M13.2421 19.3133L22.313 10.2425L23.0201 10.9496L13.9492 20.0204L13.2421 19.3133Z' stroke='white' stroke-opacity='0.4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--time);
}

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

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

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

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

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

.w-full {
  width: 100%;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  -webkit-touch-callout: none;
  /* Disable iOS copy/paste menu */
  -webkit-user-select: none;
  /* Disable text selection */
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-select select {
  display: none;
  /*hide original SELECT element: */
}

.select-selected {
  border: 1px solid rgba(32, 38, 54, 0.2);
  border-radius: 1.5rem;
  transition: border-color var(--time);
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  width: 1.6rem;
  height: 1.6rem;
  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%3Cg opacity='0.2'%3E%3Cpath d='M0 5.89954L7.8995 13.799L9.31371 12.3848L1.41421 4.48532L0 5.89954Z' fill='%23242137' /%3E%3Cpath d='M14.3848 4.48523L6.48527 12.3847L7.89948 13.7989L15.799 5.89944L14.3848 4.48523Z' fill='%23242137' /%3E%3C/g%3E%3C/svg%3E");
  transition: transform 0.3s;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1024px) {
  .select-selected:after {
    width: 1.4rem;
    height: 1.4rem;
    right: 1.8rem;
  }
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: translateY(-50%) rotate(180deg);
}

.select-arrow-active {
  border-color: var(--black);
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  cursor: pointer;
  padding: 1.8rem 2.1rem;
}
@media (max-width: 1024px) {
  .select-items div,
  .select-selected {
    padding: 1.1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 138%;
  }
}

.select-items > div {
  transition: background-color var(--time);
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: var(--white);
  top: calc(100% + 1rem);
  left: 0;
  right: 0;
  z-index: 99;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0px 0.5rem 1rem rgba(19, 33, 42, 0.15);
  border: 1px solid rgba(32, 38, 54, 0.2);
  border-radius: 1.5rem;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(32, 38, 54, 0.1);
}

.select-selected--active {
  color: var(--black);
}

.pagination {
  display: flex;
  gap: 5.5rem;
}
@media (max-width: 1024px) {
  .pagination {
    gap: 1rem;
  }
  .pagination > *:nth-child(4), .pagination > *:nth-child(5) {
    display: none;
  }
}

.pagination-link {
  min-width: 4.4rem;
  height: 4.4rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .pagination-link {
    min-width: 3.2rem;
    height: 3.2rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 217%;
    color: var(--grey);
  }
}
@media (hover: hover) and (pointer: fine) {
  .pagination-link:hover {
    color: var(--red);
  }
}
.pagination-link.active {
  color: var(--red);
}
.pagination-link svg {
  width: 1.6rem;
  height: 1.6rem;
  color: var(--black);
}
@media (max-width: 1024px) {
  .pagination-link svg {
    width: 1rem;
    height: 1rem;
  }
}

.pagination-next,
.pagination-prev {
  border-radius: 1rem;
  fill: var(--white);
  border: 1px solid rgba(36, 33, 55, 0.2);
  transition: border-color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .pagination-next:hover,
  .pagination-prev:hover {
    border-color: var(--black);
    color: var(--black);
  }
}
.pagination-next.disabled,
.pagination-prev.disabled {
  pointer-events: none;
}
.pagination-next.disabled svg,
.pagination-prev.disabled svg {
  opacity: 0.2;
}

.pagination-prev {
  margin-right: 1rem;
}
.pagination-prev svg {
  position: relative;
  left: 0.2rem;
}

.pagination-next {
  margin-left: 1rem;
}
.pagination-next svg {
  position: relative;
  right: 0.2rem;
}

button[disabled] {
  opacity: 0.8;
}

/* Blocks */
:root {
  --time: .3s;
  --red: #c02242;
  --black: #242137;
  --white: #fdfdfd;
  --light-grey: #f2f5f8;
  --grey: #9da5b3;
  --font-family: "Manrope", sans-serif;
  --second-family: "Nekst", sans-serif;
}

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

.menu {
  display: flex;
  align-items: center;
  gap: 56px;
}
@media (max-width: 1510px) {
  .menu {
    gap: 3.7086092715vw;
  }
}
@media (max-width: 1024px) {
  .menu {
    gap: 0;
    padding-top: 2rem;
    transform: translateY(-130%);
    transition: transform var(--time);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    top: 5.1rem;
    left: 1rem;
    right: 1rem;
    max-height: calc(100% - 6.1rem);
    overflow-y: auto;
    background: var(--light-grey);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    animation: fadeEffect var(--time);
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
  }
}
.menu.menu--open {
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .menu-bottom {
    flex-grow: 1;
    overflow-y: auto;
    max-height: 100%;
    width: 100%;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }
}

.menu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .menu-list {
    padding-top: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media (max-width: 1024px) {
  .menu-item {
    width: 100%;
  }
  .menu-item > a {
    width: fit-content;
  }
}
.menu-item.active > a {
  color: var(--red);
}
@media (max-width: 1024px) {
  .menu-item.active > a {
    color: inherit;
  }
}
.menu-item > a {
  padding-left: 13px;
  padding-right: 12.5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #202636;
  display: block;
  padding-top: 26px;
  padding-bottom: 26px;
  transition: color var(--time);
}
@media (max-width: 1510px) {
  .menu-item > a {
    padding-left: 0.8609271523vw;
    padding-right: 0.8278145695vw;
    font-size: 0.9271523179vw;
    padding-top: 1.7218543046vw;
    padding-bottom: 1.7218543046vw;
  }
}
@media (max-width: 1024px) {
  .menu-item > a {
    font-size: 2.4rem;
    line-height: 125%;
    letter-spacing: -0.01em;
    padding-left: 0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    padding-right: 0;
    font-family: var(--second-family);
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu-item > a:hover {
    color: var(--red);
  }
}
.menu-item:last-child > a {
  padding-right: 0;
}

.menu-right {
  display: flex;
  align-items: center;
  gap: 36px;
}
@media (max-width: 1510px) {
  .menu-right {
    gap: 2.3841059603vw;
  }
}
@media (max-width: 1024px) {
  .menu-right {
    display: none;
  }
}

.menu-languages {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #202636;
  transition: color var(--time);
}
@media (max-width: 1510px) {
  .menu-languages {
    font-size: 0.9271523179vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu-languages:hover {
    color: var(--red);
  }
}

.menu-search {
  width: 17px;
  height: 17px;
  stroke: #202636;
  position: relative;
  top: -1px;
  cursor: pointer;
}
@media (max-width: 1510px) {
  .menu-search {
    width: 1.1258278146vw;
    height: 1.1258278146vw;
    top: -0.0662251656vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu-search:hover svg {
    stroke: var(--red);
  }
}

.menu-button {
  width: 3.6rem;
  height: 3.6rem;
  background-color: transparent;
  z-index: 4;
  display: none;
  position: relative;
  border-radius: 1rem;
  border: 1px solid rgba(36, 33, 55, 0.3);
}
@media (max-width: 1024px) {
  .menu-button {
    display: block;
  }
}
.menu-button .menu-buttoninner {
  position: absolute;
  width: 1.6rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-button .burger-button-close #first-line-burger,
.menu-button .burger-button-close #third-line-burger {
  width: 100%;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center center;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.menu-button .burger-button-close #first-line-burger {
  top: 0%;
}
.menu-button .burger-button-close #third-line-burger {
  top: unset;
  bottom: 0%;
}

.header__menu-button--active .burger-button-close #first-line-burger,
.menu-button--active .burger-button-close #first-line-burger {
  top: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.header__menu-button--active .burger-button-close #second-line-burger,
.menu-button--active .burger-button-close #second-line-burger {
  transform: translateX(100%);
  opacity: 0;
}
.header__menu-button--active .burger-button-close #third-line-burger,
.menu-button--active .burger-button-close #third-line-burger {
  top: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(-45deg);
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  animation: fadeEffect var(--time);
}

@media (max-width: 1024px) {
  .menu-dropdownbtn {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}
@media (max-width: 1024px) {
  .menu-dropdownbtn:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.26917 0L11.4864 6.2436L5.26917 12.5036L4.29264 11.5204L8.91486 6.94826L0 6.93187V5.53894L8.93114 5.55533L4.29264 0.983245L5.26917 0Z' fill='%239DA5B3' /%3E%3C/svg%3E");
    width: 1.2rem;
    height: 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: static;
    transform: none;
    display: flex;
  }
}
.menu-dropdownbtn.opened > a:before {
  opacity: 1;
}
.menu-dropdownbtn > a {
  position: relative;
}
@media (max-width: 1024px) {
  .menu-dropdownbtn > a {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}
.menu-dropdownbtn > a::before {
  content: "";
  width: calc(100% - 26px);
  position: absolute;
  left: 50%;
  bottom: -1px;
  background-color: var(--red);
  height: 2px;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity var(--times);
}
@media (max-width: 1024px) {
  .menu-dropdownbtn > a::before {
    content: normal;
  }
}

.menu-dropdown {
  border-radius: 1.5rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: var(--white);
  justify-content: space-between;
  position: absolute;
  top: calc(100% + 1px);
  left: calc(50% + 1rem);
  transform: translateX(-50%);
  max-height: calc(100vh - 8.4rem);
  max-height: calc(100svh - 8.4rem);
  overflow: auto;
  max-width: 100rem;
  width: 100%;
  transition: opacity var(--time);
  display: none;
  animation: fadeEffect var(--time);
  box-shadow: 0px 2rem 2rem -1rem rgba(26, 28, 25, 0.1);
}
@media (max-width: 1024px) {
  .menu-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: 10;
    transform: none;
    animation: fadeEffect var(--time);
    background-color: var(--light-grey);
    box-shadow: none;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 1rem;
  }
}
.opened .menu-dropdown {
  display: flex;
}

.menu-back {
  display: none;
}
@media (max-width: 1024px) {
  .menu-back {
    display: flex;
    align-items: center;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
    gap: 1.2rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    font-family: var(--font-family);
    padding-bottom: 1.8rem;
    padding-top: 1.2rem;
  }
}

.menu-backicon {
  border: 0.72px solid rgba(36, 33, 55, 0.2);
  border-radius: 1.1rem;
  padding: 1.4rem;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .menu-backicon {
    padding: 1rem;
  }
}

.menu-sublist {
  padding: 3rem;
  padding-top: 2rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: #202636;
  columns: 2;
  column-gap: 6.3rem;
}
.menu-sublist.columns-1 {
  columns: 1;
}
@media (max-width: 1024px) {
  .menu-sublist {
    display: flex;
    flex-direction: column;
    columns: 1;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    overflow-y: auto;
    max-height: 100%;
  }
}
.menu-sublist > li {
  width: 26.6rem;
}
@media (max-width: 1024px) {
  .menu-sublist > li {
    width: 100%;
  }
}
.menu-sublist a {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: inline-block;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .menu-sublist a {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    font-size: 1.4rem;
    line-height: 114%;
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu-sublist a:hover {
    color: var(--red);
  }
}
.menu-dropdownright {
  background-color: var(--light-grey);
  padding: 3.2rem 3.9rem 3.2rem 3.6rem;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
@media (max-width: 1024px) {
  .menu-dropdownright {
    display: none;
  }
}

.menu-article {
  border-radius: 1rem;
  width: 26.8rem;
  height: 15rem;
  transition: opacity var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .menu-article:hover {
    opacity: 0.8;
  }
}

.search {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 10;
  border-radius: 1.5rem;
  display: none;
  animation: fadeEffect var(--time);
}
@media (max-width: 1024px) {
  .search {
    display: flex;
    position: relative;
    background-color: var(--light-grey);
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }
}
.search-opened .search {
  display: flex;
}

.search-wrapper {
  display: flex;
  align-content: center;
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
  max-width: 89.5rem;
  height: 4rem;
}
.search-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right: 2rem;
  font-family: var(--font-family);
  background-color: inherit;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
}
@media (max-width: 1024px) {
  .search-wrapper input {
    font-size: 1.4rem;
    line-height: 157%;
  }
}
.search-wrapper input::placeholder {
  color: var(--grey);
  opacity: 1;
}
.search-wrapper input:focus {
  outline: none;
}

.search-submit {
  height: 100%;
  width: 1.7rem;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .search-submit {
    color: var(--black);
  }
}
@media (hover: hover) and (pointer: fine) {
  .search-submit:hover {
    color: var(--red);
  }
}
.search-submit svg {
  width: 1.7rem;
  height: 1.7rem;
  fill: transparent;
}

.search-close {
  border-radius: 1rem;
  border: 1px solid rgba(36, 33, 55, 0.4);
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 3.6rem;
  height: 3.6rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey);
  transition: background-color var(--time), border-color var(--time);
}
@media (max-width: 1024px) {
  .search-close {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .search-close:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
  }
}
.search-close svg {
  width: 2.3rem;
  height: 2.3rem;
}

.menu-lang-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .menu-lang-mobile {
    display: block;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 114%;
    color: var(--black);
    margin-top: 4.9rem;
    padding-bottom: 2rem;
  }
}

.main {
  position: relative;
  clip-path: margin-box;
  overflow: hidden;
}

.main-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  max-height: 80rem;
}
@media (max-width: 1024px) {
  .main-bg {
    max-height: 68.9rem;
  }
}
.--report .main-bg {
  max-height: 58rem;
}
@media (max-width: 1024px) {
  .--report .main-bg {
    max-height: 52rem;
  }
}

.main-inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 12rem;
  padding-bottom: 7rem;
  min-height: min-content;
  height: 100vh;
  height: 100svh;
  max-height: 80rem;
  gap: 3.5rem;
}
@media (max-width: 1024px) {
  .main-inner {
    flex-direction: column;
    padding-bottom: 4rem;
    align-items: flex-start;
    justify-content: flex-end;
    max-height: 68.9rem;
  }
}
.--report .main-inner {
  max-height: 58rem;
}
@media (max-width: 1024px) {
  .--report .main-inner {
    max-height: 52rem;
  }
}

.main-title {
  color: var(--white);
}

.main-desc {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: var(--white);
  margin-top: 3.1rem;
}
@media (max-width: 1024px) {
  .main-desc {
    font-size: 1.4rem;
    line-height: 143%;
    margin-top: 1.5rem;
  }
}

.main-buttons {
  display: flex;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .main-buttons {
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media (max-width: 500px) {
  .main-buttons {
    width: 100%;
  }
}

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

.platform {
  padding-top: 5rem;
  padding-bottom: 11.2rem;
}
@media (max-width: 1024px) {
  .platform {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}

.platform-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
}
@media (max-width: 1024px) {
  .platform-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

.platform-block {
  min-height: 32rem;
  display: flex;
  flex-direction: column;
  transition: border-color var(--time);
}
@media (max-width: 1024px) {
  .platform-block {
    min-height: 18rem;
  }
}

.platform-first {
  grid-column: 2 span;
}

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

.platform-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding-top: 2rem;
  margin-top: auto;
  max-width: 63.4rem;
}
@media (max-width: 1024px) {
  .platform-list {
    padding-top: 0;
    margin-top: 2.3rem;
  }
}

.platform-link {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: #202636;
  border-radius: 1.5rem;
  padding: 0.9rem 1.5rem 1rem;
  min-height: 4.1rem;
  background: var(--light-grey);
  transition-duration: var(--time);
  transition-property: background-color, color, border-color;
  display: inline-block;
}
@media (max-width: 1024px) {
  .platform-link {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    line-height: 143%;
  }
}

@media (hover: hover) and (pointer: fine) {
  a.platform-link:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
  }
}

.platform-lines {
  grid-column: 1/3;
  grid-row: 3/5;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .platform-lines {
    grid-column: 2 span;
    grid-row: auto;
    margin-top: 2.8rem;
    margin-bottom: 2.8rem;
  }
}
.platform-lines ul {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .platform-lines ul {
    gap: 1rem;
    justify-content: center;
  }
}
.platform-lines li {
  border-radius: 2rem;
  width: 6rem;
  height: 36rem;
}
@media (max-width: 1024px) {
  .platform-lines li {
    width: 2.9rem;
    height: 17.5rem;
    border-radius: 1rem;
  }
}
.platform-lines li:nth-child(1) {
  background-color: #D9D9D9;
}
.platform-lines li:nth-child(2) {
  border: 1px solid #202636;
  background: #fff;
  margin-bottom: 11.8rem;
}
@media (max-width: 1024px) {
  .platform-lines li:nth-child(2) {
    margin-bottom: 5.6rem;
  }
}
.platform-lines li:nth-child(3) {
  height: 57.5rem;
  background-color: #D9D9D9;
}
@media (max-width: 1024px) {
  .platform-lines li:nth-child(3) {
    height: 28rem;
  }
}
.platform-lines li:nth-child(4) {
  backdrop-filter: blur(40px);
  background: rgba(192, 34, 66, 0.9);
  margin-bottom: 11.8rem;
}
@media (max-width: 1024px) {
  .platform-lines li:nth-child(4) {
    margin-bottom: 5.6rem;
  }
}
.platform-lines li:nth-child(5) {
  box-shadow: inset 0 4px 30px 0 rgba(0, 0, 0, 0.7);
  background: #202636;
}
.platform-lines li:nth-child(6) {
  border: 1px solid var(--red);
  background: #fff;
  margin-bottom: 11.8rem;
}
@media (max-width: 1024px) {
  .platform-lines li:nth-child(6) {
    margin-bottom: 5.6rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  a.platform-box.--red:hover {
    border-color: var(--black);
    color: var(--black);
  }
  a.platform-box.--red:hover .platform-desc {
    color: var(--black);
  }
  a.platform-box.--red:hover .platform-icon {
    border-color: var(--grey);
  }
  a.platform-box.--red:hover .platform-icon rect {
    fill: initial;
  }
}

.platform-box {
  display: flex;
  flex-direction: column;
  border-radius: 3rem;
  padding: 3rem;
  width: 100%;
  border: 1px solid rgba(36, 33, 55, 0.2);
}
@media (max-width: 1024px) {
  .platform-box {
    padding: 1.5rem;
    border-radius: 2rem;
  }
}
@media (max-width: 500px) {
  .platform-box {
    width: 16rem;
  }
}
.platform-box.--red {
  transition-property: color, border-color;
  transition-duration: var(--time);
  border: 1px solid var(--red);
  color: var(--red);
}
.platform-box.--red .platform-icon {
  border-color: var(--red);
}
.platform-box.--red .platform-icon rect {
  fill: var(--red);
}
.platform-box.--1 {
  grid-column: 3/4;
  grid-row: 2/3;
}
@media (max-width: 1024px) {
  .platform-box.--1 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--2 {
  grid-column: 3/4;
  grid-row: 1/2;
}
@media (max-width: 1024px) {
  .platform-box.--2 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--3 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (max-width: 1024px) {
  .platform-box.--3 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--4 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 1024px) {
  .platform-box.--4 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--5 {
  grid-column: 3/4;
  grid-row: 3/4;
}
@media (max-width: 1024px) {
  .platform-box.--5 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--6 {
  grid-column: 4/5;
  grid-row: 2/3;
}
@media (max-width: 1024px) {
  .platform-box.--6 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--7 {
  grid-column: 3/4;
  grid-row: 4/5;
}
@media (max-width: 1024px) {
  .platform-box.--7 {
    grid-column: auto;
    grid-row: auto;
  }
}
.platform-box.--8 {
  grid-column: 4/5;
  grid-row: 4/5;
}
@media (max-width: 1024px) {
  .platform-box.--8 {
    grid-column: auto;
    grid-row: auto;
  }
}

.platform-number {
  font-weight: 500;
  font-size: 11rem;
  line-height: 71%;
  letter-spacing: -0.04em;
  font-family: var(--second-family);
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .platform-number {
    font-size: 5.8rem;
    line-height: 69%;
    color: var(--black);
  }
}
.platform-number sub {
  font-weight: 500;
  font-size: 4rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #202636;
  position: relative;
  top: -2.3rem;
  margin-left: 0.8rem;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .platform-number sub {
    font-size: 2rem;
    line-height: 110%;
    top: -1.2rem;
    margin-left: 0.3rem;
  }
}

.platform-num {
  font-weight: 400;
  font-size: 8rem;
  line-height: 76%;
  letter-spacing: -0.04em;
}
@media (max-width: 1024px) {
  .platform-num {
    font-size: 4.2rem;
  }
}

.platform-desc {
  margin-top: auto;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .platform-desc {
    width: 105%;
  }
}

.platform-plus {
  position: absolute;
}
.platform-plus::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16' width='4' height='36' fill='%23ADB6C4' /%3E%3Crect y='20' width='4' height='36' transform='rotate(-90 0 20)' fill='%23ADB6C4' /%3E%3C/svg%3E");
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0.3rem;
  left: 0.8rem;
}
@media (max-width: 1024px) {
  .platform-plus::before {
    width: 1.8rem;
    height: 1.8rem;
    top: 0.3rem;
    left: 0.5rem;
  }
}

.platform-info {
  margin-left: 0.5rem;
  position: relative;
  top: 0.2rem;
}
@media (max-width: 1024px) {
  .platform-info {
    margin-left: 0.2rem;
    position: relative;
    top: 0;
  }
}

.platform-icon {
  border: 1px solid var(--grey);
  border-radius: 2rem;
  padding: 1.5rem;
  width: 8rem;
  height: 8rem;
  flex: 0 0 auto;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .platform-icon {
    width: 4.4rem;
    height: 4.4rem;
    padding: 0.8rem;
    border-radius: 1.1rem;
  }
}
.platform-icon svg {
  width: 5rem;
  height: 5rem;
}
@media (max-width: 1024px) {
  .platform-icon svg {
    width: 2.7rem;
    height: 2.7rem;
  }
}
.platform-icon svg rect {
  transition: fill var(--time);
}

.factors {
  background: linear-gradient(169deg, #9ea9b9 3.37%, #acb5c3 27.4%, #f6f6fc 100%);
}
@media (max-width: 1024px) {
  .factors {
    border-top: 0;
  }
}

.factors-title {
  text-align: center;
  color: var(--white);
  max-width: 88rem;
  margin-left: auto;
  margin-right: auto;
}

.factors-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem;
  padding-top: 13.2rem;
  max-width: 130rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .factors-list {
    display: flex;
    flex-direction: column;
    padding-top: 3.3rem;
    gap: 2rem;
  }
}
.factors-list::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='926' height='90' viewBox='0 0 926 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M460.75 88.75V46.75M460.75 0.75V46.75M0.75 88.75L0.75 46.75L460.75 46.75M460.75 46.75L924.75 46.75V88.75' stroke='white' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 92.6rem;
  height: 9rem;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
@media (max-width: 1024px) {
  .factors-list::before {
    content: normal;
  }
}

.factors-item {
  border-radius: 3rem;
  padding: 3rem;
  background-color: #f2f3f8;
  height: min-content;
}
@media (max-width: 500px) {
  .factors-item {
    max-width: 29.5rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2rem;
    width: 100%;
    padding: 2rem;
    padding-bottom: 3rem;
  }
}

.hr {
  margin-top: 4rem;
  margin-bottom: 2.8rem;
  height: 2px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='322' height='2' viewBox='0 0 322 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75H320.75' stroke='%23242137' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 32.2rem;
}
@media (max-width: 1024px) {
  .hr {
    margin-top: 2.3rem;
    margin-bottom: 1.4rem;
  }
}

.factors-pretitle {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .factors-pretitle {
    font-size: 1.2rem;
    margin-bottom: 2.4rem;
  }
}

.factors-subtitle {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #202636;
  margin-top: 2.8rem;
  font-family: var(--second-family);
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1024px) {
  .factors-subtitle {
    font-size: 1.8rem;
    line-height: 122%;
    margin-top: 0;
  }
}

.factors-text,
.factors-sublist {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 1.7rem;
}
@media (max-width: 1024px) {
  .factors-text,
  .factors-sublist {
    font-size: 1.2rem;
    line-height: 133%;
    margin-top: 1.8rem;
  }
}

.min-h-108 {
  min-height: 10.8rem;
}
@media (max-width: 1024px) {
  .min-h-108 {
    min-height: 0;
  }
}

.factors-sublist {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .factors-sublist {
    gap: 1rem;
  }
}
.factors-sublist li {
  position: relative;
  padding-left: 1.6rem;
}
.factors-sublist li::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  position: absolute;
  top: 1rem;
  left: 0;
  background-color: var(--grey);
}
@media (max-width: 1024px) {
  .factors-sublist li::before {
    top: 0.6rem;
  }
}

.factors-bg {
  height: 88rem;
  width: 100%;
  margin-top: -28rem;
}
@media (max-width: 1024px) {
  .factors-bg {
    height: 80rem;
    width: 100%;
    margin-top: -35.3rem;
  }
}
.factors-bg img {
  object-position: bottom;
}

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

@media (max-width: 1024px) {
  .mdevelop-inner {
    padding-top: 4rem;
  }
}
.mdevelop-inner > * {
  max-width: 135rem;
  margin-left: auto;
  margin-right: auto;
}

.mdevelop-blocks {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 8.1rem;
}
@media (max-width: 1024px) {
  .mdevelop-blocks {
    margin-top: 4rem;
  }
}

.mdevelop-block {
  border-radius: 3rem;
  background-color: var(--light-grey);
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1024px) {
  .mdevelop-block {
    border-radius: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

.transparent-block {
  border: 1px solid rgba(36, 33, 55, 0.2);
  background-color: var(--white);
}
@media (max-width: 1024px) {
  .transparent-block {
    padding-top: 2rem;
  }
}

.mdevelop-subtitle {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
}
@media (max-width: 1024px) {
  .mdevelop-subtitle {
    font-size: 1.2rem;
    line-height: 133%;
    text-align: center;
  }
}

.mdevelop-list {
  margin-top: 3.8rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
@media (max-width: 1024px) {
  .mdevelop-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 3rem;
  }
}
.mdevelop-list::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='231' height='78' viewBox='0 0 231 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M114.75 76.75L114.75 0.75M114.75 76.75L0.75 76.75M114.75 76.75H229.75' stroke='%23242137' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 23.1rem;
  height: 7.8rem;
  position: absolute;
  top: -2.4rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .mdevelop-list::before {
    content: normal;
  }
}

.mdevelope-item {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 1.5rem;
  padding: 2.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  max-width: 49.8rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .mdevelope-item {
    font-size: 1.6rem;
    line-height: 125%;
    padding: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.mdevelope-item:nth-child(odd) {
  margin-right: auto;
}
.mdevelope-item:nth-child(even) {
  margin-left: auto;
  flex-direction: row-reverse;
  text-align: end;
}
@media (max-width: 1024px) {
  .mdevelope-item:nth-child(even) {
    flex-direction: row;
    text-align: start;
  }
}

.mdevelope-icon {
  border-radius: 1.5rem;
  border: 1px solid rgba(36, 33, 55, 0.2);
  width: 5rem;
  height: 5rem;
  flex: 0 0 auto;
}

.mdevelop-sublist {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.9rem;
  margin-top: 3rem;
  width: 100%;
}
@media (max-width: 1024px) {
  .mdevelop-sublist {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.8rem;
    column-gap: 2rem;
    justify-content: center;
  }
}

.mdevelop-subitem {
  background: var(--red);
  border-radius: 1.5rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
  min-height: 7.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .mdevelop-subitem {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    min-height: 4rem;
    min-width: 13.6rem;
  }
}

.mdevelope-cards {
  width: 100%;
  display: grid;
  grid-template-columns: 37rem 37rem 1fr;
  gap: 3rem;
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .mdevelope-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
}

.mdevelop-card {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  padding: 3rem;
  min-height: 42.4rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .mdevelop-card {
    padding: 2rem 2rem 3rem;
    min-height: 0;
    border-radius: 1.5rem;
    max-width: 37rem;
    width: 100%;
  }
}
.mdevelop-card:nth-child(3n+3) {
  margin-left: auto;
  max-width: 37rem;
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .mdevelop-card:nth-child(3n+3) {
    margin-top: 3rem;
    padding-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.mdevelop-card:nth-child(3n+3)::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='116' height='2' viewBox='0 0 116 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M114.75 0.75L0.75 0.75' stroke='%23242137' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 11.6rem;
  height: 0.2rem;
  position: absolute;
  top: 7.6rem;
  right: 38.5rem;
}
@media (max-width: 1024px) {
  .mdevelop-card:nth-child(3n+3)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='2' height='22' viewBox='0 0 2 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 20.75V0.75' stroke='%23242137' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
    width: 0.2rem;
    height: 2.2rem;
    top: -4rem;
    right: 50%;
    transform: translateX(-50%);
  }
}

.mdevelop-h4 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .mdevelop-h4 {
    font-size: 1.6rem;
    line-height: 125%;
    text-align: center;
  }
}

.mdevelop-cardbot {
  margin-top: auto;
}

.mdevelop-text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .mdevelop-text {
    font-size: 1.4rem;
    line-height: 143%;
    text-align: center;
    margin-top: 3rem;
  }
}

.mdevelop-link {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 1.5rem;
  padding: 0.5rem 2rem;
  padding-right: 1.5rem;
  min-height: 5rem;
  background: #202636;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  gap: 2rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--white);
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.3rem;
  color: var(--white);
  font-family: var(--second-family);
  transition: text-decoration-color var(--time);
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .mdevelop-link {
    margin-top: 1rem;
    padding: 0.6rem 1.5rem;
    padding-left: 2rem;
    min-height: 4rem;
    font-size: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    min-width: 17.9rem;
    justify-content: space-between;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mdevelop-link:hover {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 0.1rem;
  }
  .mdevelop-link:hover .mdevelop-linkicon {
    color: var(--white);
  }
}

.mdevelop-linkicon {
  width: 3.2rem;
  height: 3.2rem;
  color: #9DA5B3;
}
@media (max-width: 1024px) {
  .mdevelop-linkicon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.mdevelop-clusterslink {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 1024px) {
  .mdevelop-clusterslink {
    min-width: 0;
    margin-top: 3rem;
  }
}

.mdevelop-clusters {
  width: 2.4rem;
  height: 2.4rem;
}

.mdevelop-botarrow {
  height: 6rem;
  width: 100%;
  position: relative;
  margin-top: 3.1rem;
}
@media (max-width: 1024px) {
  .mdevelop-botarrow {
    height: 4.4rem;
    margin-top: 2rem;
  }
}
.mdevelop-botarrow::after {
  content: "";
  background-color: var(--white);
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='29' fill='%23FDFDFD' stroke='%239DA5B3' stroke-width='2' /%3E%3Cpath d='M44 28.927L30.0183 43L16 28.927L18.2018 26.7166L28.4404 37.1792L28.4771 17H31.5964L31.5596 37.2161L41.7982 26.7166L44 28.927Z' fill='%239DA5B3' /%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: inherit;
  width: 6rem;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
@media (max-width: 1024px) {
  .mdevelop-botarrow::after {
    width: 4.4rem;
  }
}
.mdevelop-botarrow::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='1350' height='21' viewBox='0 0 1350 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0V20H664H685H1349.5V0' stroke='%239DA5B3' /%3E%3C/svg%3E");
  width: 100%;
  height: 2.1rem;
  position: absolute;
  top: calc(50% - 1rem);
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 1024px) {
  .mdevelop-botarrow::before {
    background-image: url("data:image/svg+xml,%3Csvg width='336' height='21' viewBox='0 0 336 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0V20H157H178L335.5 20.0005V0.000488281' stroke='%239DA5B3' /%3E%3C/svg%3E");
  }
}

.mdevelop-bottitle {
  max-width: 87.9rem;
  margin-top: 2.7rem;
}
@media (max-width: 1024px) {
  .mdevelop-bottitle {
    margin-top: 2rem;
  }
  .mdevelop-bottitle div {
    display: inline;
  }
}

.strategy {
  background-color: #E6EBF4;
  padding-bottom: 8.3rem;
  padding-top: 8rem;
  position: relative;
}
@media (max-width: 1024px) {
  .strategy {
    padding-top: 3.6rem;
    padding-bottom: 10rem;
  }
}

.strategy-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 500px) {
  .strategy-bg {
    height: 27.5rem;
  }
  .strategy-bg img {
    object-position: bottom;
    object-fit: cover;
  }
}

.strategy-title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 15rem;
  line-height: 80%;
  letter-spacing: -0.03em;
  color: #202636;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .strategy-title {
    font-size: 7rem;
    line-height: 74%;
    color: var(--black);
  }
}

.strategy-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3rem;
  counter-reset: name;
  margin-top: -21.3rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .strategy-list {
    display: flex;
    flex-direction: column;
    margin-top: 8rem;
    gap: 4rem;
  }
}

.strategy-item {
  counter-increment: name;
}
.strategy-item::before {
  content: counter(name, decimal-leading-zero);
  border: 1px solid var(--grey);
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3703_880)'%3E%3Cpath d='M12.235 12.8029L12.2099 0.942005L0.333408 0.901289L0.339802 2.76671L9.09145 2.71898L0.621405 11.2202L1.94727 12.5461L10.4328 4.02935L10.3696 12.7965L12.235 12.8029Z' fill='%239DA5B3' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3703_880'%3E%3Crect width='13.3773' height='13.3773' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 0.7rem right 1rem;
  background-size: 1.4rem;
  padding-right: 4.1rem;
  min-width: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.7rem;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--grey);
  width: fit-content;
}
.strategy-item:nth-child(1) {
  margin-top: 56rem;
}
@media (max-width: 1024px) {
  .strategy-item:nth-child(1) {
    margin-top: 0;
  }
}
.strategy-item:nth-child(2) {
  margin-top: 42rem;
}
@media (max-width: 1024px) {
  .strategy-item:nth-child(2) {
    margin-top: 0;
  }
}
.strategy-item:nth-child(3) {
  margin-top: 28rem;
}
@media (max-width: 1024px) {
  .strategy-item:nth-child(3) {
    margin-top: 0;
  }
}
.strategy-item:nth-child(4) {
  margin-top: 14rem;
}
@media (max-width: 1024px) {
  .strategy-item:nth-child(4) {
    margin-top: 0;
  }
}
.strategy-item:nth-child(5) {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .strategy-item:nth-child(5) {
    margin-top: 0;
  }
}

.strategy-subtitle {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--grey);
}
@media (max-width: 1024px) {
  .strategy-subtitle {
    font-size: 1.6rem;
    font-weight: 600;
  }
}

.strategy-tags {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .strategy-tags {
    margin-top: 1.2rem;
  }
}

.strategy-tag {
  backdrop-filter: blur(20px);
  background: rgba(36, 33, 55, 0.04);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: #202636;
  border-radius: 1.5rem;
  padding: 0.9rem 1.5rem 1rem;
}
@media (max-width: 1024px) {
  .strategy-tag {
    font-size: 1.2rem;
    line-height: 133%;
    padding: 0.8rem 1.5rem;
    border-radius: 1rem;
    height: min-content;
  }
}

.strategy-h4 {
  font-weight: 500;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 1.2rem;
}
@media (max-width: 1024px) {
  .strategy-h4 {
    font-size: 2.4rem;
    line-height: 117%;
    margin-top: 0rem;
    margin-bottom: 0.6rem;
  }
}

.strategy-info {
  margin-left: 0.2rem;
  position: relative;
  top: 0.2rem;
}

.strategy-summary {
  background: rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  display: flex;
  width: fit-content;
  margin-left: auto;
  position: relative;
  z-index: 1;
  margin-top: -19.5rem;
}
@media (max-width: 1024px) {
  .strategy-summary {
    margin-top: 7rem;
    border-radius: 2rem;
  }
}
.strategy-summary::before {
  content: "";
  backdrop-filter: blur(10px);
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.strategy-summarytitle {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20rem;
  line-height: 80%;
  letter-spacing: -0.06em;
  text-align: center;
  color: var(--white);
  background: var(--red);
  border-radius: inherit;
  padding-top: 1.3rem;
  padding-left: 2.5rem;
  padding-right: 5rem;
  padding-bottom: 2.8rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .strategy-summarytitle {
    font-size: 8rem;
    line-height: 200%;
    padding: 0.5rem;
    padding-bottom: 1rem;
    width: 12rem;
    flex: 0 0 auto;
    line-height: 1;
  }
}

.font-light {
  font-weight: 300;
}

.strategy-text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-align: right;
  color: var(--white);
  padding: 7.8rem 4.1rem 2.8rem 7.4rem;
  margin-top: auto;
  max-width: 40rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .strategy-text {
    font-size: 1.6rem;
    padding: 1rem;
    padding-right: 3rem;
    padding-bottom: 1.5rem;
  }
}

.mfinance {
  position: relative;
  overflow: hidden;
}

.mfinance-copycontent > * {
  animation: fadeEffect var(--time);
}

.mfinance-chart {
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.6rem;
  margin-top: 3rem;
  padding-bottom: 3rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1024px) {
  .mfinance-chart {
    padding-top: 5.6rem;
  }
  .mfinance-chart canvas {
    position: relative;
    right: 5px;
  }
}

.mfinance-label {
  position: absolute;
  top: 6.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 1rem;
  padding: 0.5rem 1.2rem 0.6rem;
  min-width: 9.7rem;
  min-height: 3.1rem;
  background: var(--white);
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .mfinance-label {
    top: 4.1rem;
    font-size: 1.4rem;
  }
}
.mfinance-label.--2 {
  left: calc(50% + 180px);
  top: calc(7.6rem + 10px);
  min-width: 0;
}
@media (max-width: 1024px) {
  .mfinance-label.--2 {
    left: calc(50% + 18rem);
    top: 7.5rem;
    padding: 0.3rem 1rem;
    min-height: 0;
  }
}
@media (max-width: 500px) {
  .mfinance-label.--2 {
    left: calc(50% + 9rem);
    top: 6.8rem;
    min-height: 0;
  }
}

.mfinance-summary {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  animation: fadeEffect var(--time);
}
.mfinance-summary li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mfinance-summary span {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  display: flex;
}

.mfinance-percentageblock {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.mfinance-percentagename {
  position: absolute;
  right: 100%;
  min-width: 15rem;
}
@media (max-width: 1024px) {
  .mfinance-percentagename {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: -90%;
  }
}

.mfinance-percentages {
  display: flex;
  justify-content: center;
  gap: 75px;
  padding-left: 10px;
  position: relative;
  animation: fadeEffect var(--time);
}
@media (max-width: 1024px) {
  .mfinance-percentages {
    gap: 4rem;
    padding-left: 0;
  }
}
.mfinance-percentages li:not(.mfinance-percentagename) {
  background-color: var(--red);
  padding: 0.5rem 1.2rem 0.6rem;
  border-radius: 1rem;
  min-width: 100px;
  text-align: center;
  color: var(--white);
  font-weight: 700;
}
@media (max-width: 1024px) {
  .mfinance-percentages li:not(.mfinance-percentagename) {
    min-width: 3rem;
    border-radius: 0.8rem;
  }
}

.mfinance-info {
  margin-left: 1rem;
}

.mfinance-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .mfinance-tabs {
    gap: 1rem;
  }
}

.mfinance-btn {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--black);
  font-family: var(--second-family);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.5rem;
  padding: 2rem 2.5rem;
  transition: color var(--time), background-color var(--time), border-color var(--time);
}
@media (max-width: 1024px) {
  .mfinance-btn {
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
    line-height: 143%;
    border-radius: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mfinance-btn:hover {
    border-color: var(--black);
  }
}
.mfinance-btn.active {
  background: var(--black);
  color: var(--light-grey);
  border-color: var(--black);
}

.mfinance-content {
  display: none;
}

.mrecommendation {
  padding-top: 12rem;
}
@media (max-width: 1024px) {
  .mrecommendation {
    padding-top: 1.5rem;
  }
}

.mrecommendation-hr {
  border-top: 1px solid rgba(36, 33, 55, 0.2);
}

.mrecommendation-head {
  padding-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 7.4rem;
}
@media (max-width: 1024px) {
  .mrecommendation-head {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 6rem;
  }
}

.mrecommendation-buttons {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .mrecommendation-buttons {
    justify-content: space-between;
    margin-top: 2rem;
  }
}
.mrecommendation-buttons.xl-flex {
  display: none;
}
@media (max-width: 1024px) {
  .mrecommendation-buttons.xl-flex {
    display: flex;
  }
}
@media (max-width: 1024px) {
  .mrecommendation-buttons.xl-hidden {
    display: none;
  }
}
.mrecommendation-buttons .swiper-progress {
  width: 12rem;
  position: relative;
  height: 1.5px;
}
@media (max-width: 1024px) {
  .mrecommendation-buttons .swiper-progress {
    width: 15.7rem;
    height: 2px;
  }
}

@media (max-width: 1024px) {
  .mrecommendation-swiper-wrapper.container {
    padding-right: 0;
  }
}

.mrecommendation-swiper {
  margin-top: 3.4rem;
}
@media (max-width: 1024px) {
  .mrecommendation-swiper {
    padding-right: 2rem;
  }
}
.mrecommendation-swiper .swiper-slide {
  width: calc(25% - 3rem);
  margin-right: 4rem;
}
@media (max-width: 1024px) {
  .mrecommendation-swiper .swiper-slide {
    width: calc(50% - 3rem);
  }
}
@media (max-width: 500px) {
  .mrecommendation-swiper .swiper-slide {
    width: 100%;
    margin-right: 1rem;
  }
}

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

.mrecommendation-inner {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  padding: 2rem 3rem 3rem;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .mrecommendation-inner {
    padding: 1.5rem 2rem;
    min-height: 16.3rem;
    border-radius: 2rem;
  }
}

.mrecommendation-itemhead {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.mrecommendation-logo {
  border-radius: 1rem;
  border: 0.85px solid rgba(36, 33, 55, 0.2);
  width: 4.4rem;
  height: 4.4rem;
  transition: border-color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .mrecommendation-logo:hover {
    border-color: var(--red);
  }
}
.mrecommendation-logo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.mrecommendation-name {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: #202636;
}
@media (max-width: 1024px) {
  .mrecommendation-name {
    font-size: 1.2rem;
    line-height: 133%;
  }
}

.mrecommendation-btn {
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.6rem;
  min-width: 8.4rem;
  min-height: 3.1rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: var(--white);
  font-family: var(--font-family);
  background: #4cb28f;
  margin-left: auto;
  transition: opacity var(--time);
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .mrecommendation-btn {
    font-size: 1.2rem;
    line-height: 133%;
    min-height: 2.7rem;
    min-width: 0;
  }
}
.mrecommendation-btn.disabled {
  min-height: 3.1rem;
  min-width: 7rem;
  background: var(--white);
  border: 1px solid rgba(36, 33, 55, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .mrecommendation-btn.disabled {
    min-height: 2.7rem;
    min-width: 0;
  }
}
.mrecommendation-btn.disabled::before {
  content: "";
  width: 2rem;
  height: 0.2rem;
  background-color: var(--grey);
}
.mrecommendation-btn.disabled span {
  display: none;
}

.mrecommendation-bot {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: flex-end;
  padding-top: 3.2rem;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .mrecommendation-bot {
    padding-top: 1.5rem;
  }
}

.mrecommendation-price {
  font-weight: 500;
  font-size: 11rem;
  line-height: 64%;
  letter-spacing: -0.04em;
  color: #202636;
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .mrecommendation-price {
    font-size: 8rem;
    line-height: 88%;
    letter-spacing: -0.04em;
  }
}

.mrecommendation-currency {
  font-weight: 500;
  font-size: 7rem;
  line-height: 86%;
  letter-spacing: -0.02em;
  color: #202636;
  margin-left: 0.8rem;
  font-family: var(--font-family);
}
@media (max-width: 1024px) {
  .mrecommendation-currency {
    font-size: 4.8rem;
    line-height: 125%;
  }
}

.mrecommendation-text {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  text-align: right;
  color: var(--grey);
}
@media (max-width: 1024px) {
  .mrecommendation-text {
    font-size: 1.2rem;
    line-height: 167%;
    margin-bottom: 1rem;
  }
}

.moex-block {
  background: rgba(29, 36, 56, 0.8);
  border-radius: 4rem;
  min-height: 56rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1024px) {
  .moex-block {
    border-radius: 2rem;
    min-height: 51.1rem;
  }
}

.moex-title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
  padding: 3rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .moex-title {
    font-size: 1.8rem;
    line-height: 122%;
    padding: 3rem 2rem;
  }
}

.moex-list {
  padding: 4.4rem 4.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2rem;
  max-width: 130.4rem;
  width: 100%;
  margin-left: auto;
  margin-top: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .moex-list {
    padding: 2rem;
    gap: 1rem;
    justify-content: flex-start;
  }
}

.moex-subtitle {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  padding: 1.6rem 2rem 1rem;
  backdrop-filter: blur(40px);
  background: rgba(3, 3, 3, 0.07);
  font-weight: 600;
  font-size: 6rem;
  line-height: 107%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
  transform: translate3d(0, 0, 0);
  transition: background-color var(--time), border-color var(--time);
  display: inline-block;
}
@media (hover: hover) and (pointer: fine) {
  .moex-subtitle:hover {
    background: var(--black);
    border-color: var(--black);
  }
}
@media (max-width: 1024px) {
  .moex-subtitle {
    font-size: 2.4rem;
    line-height: 1;
    border-radius: 1.5rem;
    text-align: center;
    min-height: 5rem;
    padding: 1.3rem 1.3rem 1.3rem;
  }
}

.moex-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.moex-bg::before {
  content: "";
  background-color: #1D2438;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: 1;
}
.moex-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1760' height='560' viewBox='0 0 1760 560' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1760' height='560' transform='matrix(-1 0 0 1 1760 0)' fill='url(%23paint0_linear_3703_963)' fill-opacity='0.8'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3703_963' x1='1415' y1='76' x2='1527' y2='500' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2301040C' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2301040C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  z-index: 1;
}

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

.mnews-swiper {
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .mnews-swiper {
    margin-top: 3rem;
    padding-right: 2rem;
  }
}
.mnews-swiper .swiper-slide {
  width: calc(25% - 3rem);
  margin-right: 4rem;
}
@media (max-width: 1024px) {
  .mnews-swiper .swiper-slide {
    width: calc(50% - 3rem);
  }
}
@media (max-width: 500px) {
  .mnews-swiper .swiper-slide {
    width: 100%;
    margin-right: 1rem;
  }
}

.mnews-item {
  position: relative;
  min-height: 42rem;
  border: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .mnews-item {
    min-height: 25.8rem;
  }
}
.mnews-item.mnews-red .mnews-inner {
  border-color: var(--red);
}
.mnews-item.mnews-red .mnews-inner .mnews-tag {
  background: var(--red);
  color: var(--white);
}

.mnews-inner {
  transition: border-color var(--time);
  padding-top: 3rem;
}
@media (max-width: 1024px) {
  .mnews-inner {
    padding-top: 2rem;
  }
}

.mnews-tag {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: var(--grey);
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.6rem;
  min-height: 3.1rem;
  background: var(--light-grey);
  width: fit-content;
  transition: background-color var(--time), color var(--time);
}
@media (max-width: 1024px) {
  .mnews-tag {
    font-size: 1.2rem;
    line-height: 133%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.mnews-subtitle {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  margin-top: 3rem;
  max-width: 34rem;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .mnews-subtitle {
    font-size: 1.4rem;
    line-height: 143%;
    margin-top: 2.5rem;
    font-family: var(--font-family);
  }
}

.mnews-date {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: #202636;
  margin-top: auto;
  padding-top: 2rem;
}
@media (max-width: 1024px) {
  .mnews-date {
    font-size: 1.2rem;
    line-height: 167%;
  }
}

.mnews-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .mnews-link:hover + .mnews-inner {
    border-color: var(--red);
  }
  .mnews-link:hover + .mnews-inner .mnews-tag {
    background: var(--red);
    color: var(--white);
  }
}

.mnews-bottom {
  margin-top: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .mnews-bottom {
    margin-top: 3.6rem;
  }
}

.mnews-all {
  gap: 2.4rem;
}
@media (max-width: 1024px) {
  .mnews-all {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 171%;
    letter-spacing: -0.02em;
    color: #202636;
    padding: 0.9rem 1.4rem;
    gap: 1.5rem;
    border-radius: 1rem;
  }
}

.mnews-arrowr {
  width: 1.4rem;
  height: 1.4rem;
}

.size-18 {
  width: 1.8rem;
  height: 1.8rem;
}

.mail-block {
  border-radius: 4rem;
  background-color: var(--red);
  padding: 3.5rem 4.2rem;
  padding-bottom: 4rem;
  max-width: 126rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 1024px) {
  .mail-block {
    padding: 2rem;
    border-radius: 2rem;
  }
}

.mail-title {
  font-weight: 600;
  font-size: 6rem;
  line-height: 107%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .mail-title {
    font-size: 2.4rem;
    line-height: 125%;
  }
}

.mail-row {
  margin-top: 10.6rem;
  display: grid;
  grid-template-columns: 21.2rem 1fr;
  gap: 6.2rem;
}
@media (max-width: 1024px) {
  .mail-row {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
  }
}

.mail-text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
}
@media (max-width: 1024px) {
  .mail-text {
    font-size: 1.4rem;
    line-height: 129%;
  }
}

.mail-form {
  display: grid;
  grid-template-columns: 1fr 1fr max-content;
  max-width: 91.7rem;
  width: 100%;
  column-gap: 2rem;
  padding-top: 0.7rem;
}
@media (max-width: 1024px) {
  .mail-form {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    gap: 2rem;
  }
}

@media (max-width: 1024px) {
  .mail-submit {
    order: 1;
    margin-top: 1rem;
  }
}

.mail-label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  grid-column: 3 span;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-top: 2.8rem;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .mail-label {
    font-size: 1.2rem;
    line-height: 150%;
    gap: 1.5rem;
    margin-top: 0;
    font-weight: 400;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mail-label:hover .checkbox-box {
    border-color: var(--white);
  }
}
.mail-label a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.3rem;
  transition: text-decoration var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .mail-label a:hover {
    text-decoration-color: transparent;
  }
}

.mfaq {
  background: #e1e7ef;
  padding-top: 10rem;
  padding-bottom: 20rem;
  clip-path: margin-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .mfaq {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.mfaq-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-height: 100lvh;
}

@media (max-width: 1024px) {
  .mfaq-title {
    text-align: start;
    font-size: 8rem;
    line-height: 100%;
    letter-spacing: -0.03em;
  }
}

.mfaq-block {
  border-radius: 4rem;
  padding: 5rem 4rem 10rem;
  max-width: 126rem;
  background: var(--white);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .mfaq-block {
    padding: 3.5rem 2rem;
    border-radius: 2rem;
  }
}

.mfaq-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .mfaq-list {
    padding-top: 3.5rem;
  }
}

.mfaq-item.open .mfaq-details {
  grid-template-rows: min-content 1fr;
}
.mfaq-item:first-child .mfaq-summary {
  padding-top: 1rem;
}
.mfaq-item:first-child .mfaq-plus {
  top: 1rem;
}

.mfaq-details {
  display: grid;
  grid-template-rows: min-content 0fr;
  transition: grid-template-rows var(--time);
}

.mfaq-content {
  overflow: hidden;
  max-width: 96rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 150%;
  color: #202636;
}
@media (max-width: 1024px) {
  .mfaq-content {
    font-size: 1.4rem;
    line-height: 143%;
  }
}
.mfaq-content > *:first-child {
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .mfaq-content > *:first-child {
    margin-top: 2rem;
  }
}
.mfaq-content > *:last-child {
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .mfaq-content > *:last-child {
    margin-bottom: 2rem;
  }
}
.mfaq-content p {
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .mfaq-content p {
    margin-bottom: 2rem;
  }
}
.mfaq-content a {
  color: var(--red);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.3rem;
  transition: text-decoration var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .mfaq-content a:hover {
    text-decoration-color: transparent;
  }
}

.mfaq-summary {
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  position: relative;
  border-bottom: 1px solid rgba(36, 33, 55, 0.2);
  transition: border-color var(--time), color var(--time);
  text-align: start;
  padding-top: 4rem;
  padding-bottom: 3rem;
}
@media (max-width: 1024px) {
  .mfaq-summary {
    font-size: 2.4rem;
    line-height: 117%;
    padding-right: 3.2rem;
    padding-bottom: 1.4rem;
    padding-top: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mfaq-summary:hover .mfaq-plus {
    border-color: var(--red);
  }
}
.open .mfaq-summary {
  border-color: var(--red);
  color: var(--red);
}

.mfaq-plus {
  width: 4.4rem;
  height: 4.4rem;
  position: absolute;
  top: 4.1rem;
  right: 0;
  border-radius: 1rem;
  background-color: var(--white);
  border: 1px solid rgba(36, 33, 55, 0.2);
  transition: border-color var(--time);
}
@media (max-width: 1024px) {
  .mfaq-plus {
    width: 3.2rem;
    height: 3.2rem;
    top: 2.1rem;
  }
}
.open .mfaq-plus {
  border-color: var(--red);
}
.open .mfaq-plus::before {
  opacity: 0;
}
.open .mfaq-plus::after {
  opacity: 1;
}
.mfaq-plus::after, .mfaq-plus::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' rx='10' fill='%23FDFDFD'/%3E%3Cpath d='M13 21H31V23H13V21Z' fill='%23202636'/%3E%3Cpath d='M21 31V13H23V31H21Z' fill='%23202636'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity var(--time);
  border-radius: inherit;
  overflow: hidden;
}
.mfaq-plus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 21H31V23H13V21Z' fill='%23C02242' /%3E%3C/svg%3E");
  opacity: 0;
}

.mfaq-summaryinner {
  max-width: 96rem;
  display: block;
}
@media (max-width: 1024px) {
  .mfaq-summaryinner {
    min-height: 3rem;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.searchsection {
  padding-top: 16.2rem;
  max-width: 85.9rem;
  padding-bottom: 16rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 1024px) {
  .searchsection {
    padding-top: 10.4rem;
    padding-bottom: 10rem;
  }
}

.searchsection-search {
  background-color: #fff;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 10;
  border-radius: 1.5rem;
}
@media (max-width: 1024px) {
  .searchsection-search {
    display: flex;
    position: relative;
  }
}

.searchsection-wrapper {
  display: flex;
  align-content: center;
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
  max-width: 89.5rem;
  height: 4rem;
}
.searchsection-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right: 2rem;
  font-family: var(--font-family);
  background-color: var(--white);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
}
@media (max-width: 1024px) {
  .searchsection-wrapper input {
    font-size: 1.4rem;
    line-height: 157%;
  }
}
.searchsection-wrapper input::placeholder {
  color: var(--grey);
  opacity: 1;
}
.searchsection-wrapper input:focus {
  outline: none;
}

.searchsection-submit {
  height: 100%;
  width: 1.7rem;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .searchsection-submit {
    color: var(--black);
  }
}
@media (hover: hover) and (pointer: fine) {
  .searchsection-submit:hover {
    color: var(--red);
  }
}
.searchsection-submit svg {
  width: 1.7rem;
  height: 1.7rem;
  fill: transparent;
}

.searchsection-list {
  display: flex;
  flex-direction: column;
  margin-top: 6.9rem;
}
@media (max-width: 1024px) {
  .searchsection-list {
    margin-top: 3rem;
  }
}

.searchsection-item {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(40, 53, 95, 0.15);
  position: relative;
}
@media (max-width: 1024px) {
  .searchsection-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.searchsection-item:first-child {
  padding-top: 0;
}

.searchsection-subtitle {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #28355f;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .searchsection-subtitle {
    font-size: 1.8rem;
    line-height: 122%;
  }
}

.searchsection-desc {
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .searchsection-desc {
    font-size: 1.4rem;
    line-height: 143%;
    margin-top: 1rem;
  }
}
.searchsection-desc a {
  color: var(--red);
}

.searchsection-tags {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 1024px) {
  .searchsection-tags {
    margin-top: 2rem;
  }
}
.searchsection-tags a {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.5rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: var(--black);
  padding: 0.9rem 1.5rem;
  display: inline-block;
  z-index: 2;
  transition: border-color var(--time);
}
@media (max-width: 1024px) {
  .searchsection-tags a {
    font-size: 1.4rem;
    line-height: 143%;
    padding: 0.6rem 1.5rem;
    border-radius: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .searchsection-tags a:hover {
    border-color: var(--black);
  }
}

.searchsection-hiddenlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .searchsection-hiddenlink:hover + .searchsection-subtitle {
    color: var(--red);
  }
}

.searchsection-pagination {
  margin-top: 8rem;
}
@media (max-width: 1024px) {
  .searchsection-pagination {
    margin-top: 5rem;
  }
}
@media (max-width: 500px) {
  .searchsection-pagination {
    justify-content: space-between;
  }
}

#panel ~ .header {
  transform: translate3d(-50%, 50px, 0);
}
@media (max-width: 1024px) {
  #panel ~ .header {
    transform: none;
    padding-top: 50px;
  }
  #panel ~ .header .menu {
    top: calc(5.1rem + 50px);
    max-height: calc(100% - 6.1rem - 50px);
  }
}
#panel ~ .header.header--active {
  transform: translate3d(-50%, 0, 0);
}
@media (max-width: 1024px) {
  #panel ~ .header.header--active {
    transform: none;
    padding-top: 1rem;
  }
  #panel ~ .header.header--active .menu {
    top: 5.1rem;
    max-height: calc(100% - 6.1rem);
  }
}

.header {
  position: fixed;
  width: 100%;
  transition: transform 0.3s;
  will-change: transform;
  top: 0;
  left: 50%;
  z-index: 20;
  padding-top: 10px;
  transform: translate3d(-50%, 0, 0);
}
@media (max-width: 1024px) {
  .header {
    padding-top: 1rem;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    left: 0;
    transform: none;
    will-change: auto;
  }
}

.out {
  transform: translate3d(-50%, calc(-100% - 1rem), 0);
}
@media (max-width: 1024px) {
  .out {
    transform: none;
  }
}
.out .menu-dropdown {
  opacity: 0;
  pointer-events: none;
}

.search-opened .menu-dropdown {
  opacity: 0;
  pointer-events: none;
}

.header-inner {
  max-width: 1395px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #dde2ea;
  background: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 21px;
  padding-right: 20px;
  gap: 10px;
  position: relative;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1510px) {
  .header-inner {
    border-radius: 0.9933774834vw;
    padding-left: 1.3907284768vw;
    padding-right: 1.3245033113vw;
    gap: 0.6622516556vw;
  }
}
@media (max-width: 1024px) {
  .header-inner {
    padding: 0.9rem 1.1rem;
    border-radius: 1.5rem;
    gap: 1rem;
    transition: border-color var(--time), background-color var(--time);
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
  }
  .header-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    z-index: 1;
    border-radius: inherit;
    transition: border-color var(--time), background-color var(--time);
  }
  .menu-opened .header-inner {
    border-color: var(--light-grey);
    background-color: var(--light-grey);
  }
}

.header-logo {
  width: 125px;
  height: 21px;
  position: relative;
  top: -5px;
  transition: opacity var(--time);
}
@media (max-width: 1510px) {
  .header-logo {
    width: 8.2781456954vw;
    height: 1.3907284768vw;
    top: -0.1324503311vw;
  }
}
@media (max-width: 1024px) {
  .header-logo {
    width: 12rem;
    height: 1.9rem;
    top: 0;
    z-index: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header-logo:hover {
    opacity: 0.8;
  }
}

.header-button {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #202636;
  border: 1px solid rgba(36, 33, 55, 0.4);
  border-radius: 10px;
  padding: 7px 13px;
  min-height: 36px;
  transition-duration: var(--time);
  transition-property: color, background-color, opacity;
}
@media (max-width: 1510px) {
  .header-button {
    font-size: 0.9271523179vw;
    border-radius: 0.6622516556vw;
    padding: 0.4635761589vw 0.8609271523vw;
    min-height: 2.3841059603vw;
  }
}
@media (max-width: 1024px) {
  .header-button {
    font-weight: 500;
    font-size: 1.2rem;
    border-radius: 1rem;
    padding: 0.8rem 1.5rem;
    margin-left: auto;
    position: relative;
    z-index: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header-button:hover {
    opacity: 1;
    background-color: var(--black);
    color: var(--white);
  }
}

.header-right {
  display: flex;
  align-items: center;
  gap: 36px;
}
@media (max-width: 1510px) {
  .header-right {
    gap: 2.3841059603vw;
  }
}
@media (max-width: 1024px) {
  .header-right {
    gap: 1rem;
  }
}

.footer {
  background: #202636;
  padding-top: 9rem;
  padding-bottom: 4.4rem;
}
@media (max-width: 1024px) {
  .footer {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
  }
}

.footer-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr 41rem;
  gap: 4rem;
}
@media (max-width: 1024px) {
  .footer-blocks {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (max-width: 500px) {
  .footer-blocks {
    display: flex;
    flex-direction: column;
  }
}

.footer-block {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 3rem;
  padding: 3rem;
  display: grid;
  min-height: 32rem;
  grid-template-areas: "title social social" "info info info";
}
@media (max-width: 1024px) {
  .footer-block {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    min-height: 0;
  }
}

.footer-title {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: var(--light-grey);
  grid-area: title;
}
@media (max-width: 1024px) {
  .footer-title {
    margin-bottom: 6rem;
  }
}

.footer-infos {
  grid-area: info;
  margin-top: auto;
  padding-top: 2rem;
}
@media (max-width: 1024px) {
  .footer-infos {
    padding-top: 0;
    margin-top: 0;
  }
}

.footer-phones {
  font-weight: 500;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: var(--light-grey);
  font-family: var(--second-family);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1024px) {
  .footer-phones {
    gap: 2.6rem;
  }
}

.footer-mail {
  font-weight: 500;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--red);
  font-family: var(--second-family);
  display: inline-block;
  margin-top: 2.6rem;
}

.footer-socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1.5rem;
  grid-area: social;
}
@media (max-width: 1024px) {
  .footer-socials {
    gap: 1.2rem;
    justify-content: flex-start;
    padding-top: 4rem;
    margin-top: auto;
  }
}
.footer-socials a {
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 6.4rem;
  height: 6.4rem;
  transition: border-color var(--time);
  flex: 0 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  .footer-socials a:hover {
    border-color: var(--white);
  }
}
.footer-socials a img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  max-width: 2.2rem;
  max-height: 2.2rem;
}

.footer-navs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 10rem;
  gap: 4rem;
}
@media (max-width: 1024px) {
  .footer-navs {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 6rem;
  }
}
@media (max-width: 500px) {
  .footer-navs {
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
}

.footer-nav-list {
  display: flex;
  flex-direction: column;
}
.footer-nav-list li:first-child a {
  padding-top: 0;
}
.footer-nav-list li:last-child a {
  padding-bottom: 0;
}
.footer-nav-list a {
  display: inline-block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .footer-nav-list a:hover {
    color: var(--red);
  }
}

.footer-subtitle {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #fff;
}
@media (max-width: 1024px) {
  .footer-subtitle {
    font-size: 1.6rem;
    line-height: 125%;
  }
}

.footer-list {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .footer-list {
    margin-top: 1rem;
  }
}
.footer-list li:last-child a {
  padding-bottom: 0;
}
.footer-list a {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: inline-block;
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .footer-list a:hover {
    color: var(--white);
  }
}

.footer-text {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: var(--grey);
}
@media (max-width: 1024px) {
  .footer-text {
    font-size: 1.2rem;
    line-height: 133%;
  }
}

.footer-last {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 37rem;
  width: 100%;
}
@media (max-width: 1024px) {
  .footer-last {
    gap: 2rem;
  }
}

.footer-bot {
  display: flex;
  align-items: center;
  column-gap: 15.5rem;
  margin-top: 14.5rem;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .footer-bot {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 3rem;
    margin-top: 8rem;
    font-size: 1.4rem;
    line-height: 143%;
  }
}
.footer-bot a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.3rem;
  transition: text-decoration-color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .footer-bot a:hover {
    text-decoration-color: transparent;
  }
}
.footer-bot .footer-design {
  text-decoration: none;
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .footer-bot .footer-design {
    margin-left: 0;
  }
}
.footer-bot .footer-design img {
  width: 14.1rem;
  height: 1.7rem;
}

.results-inner {
  display: grid;
  grid-template-columns: 1fr 32rem;
  gap: 12.9rem;
}
@media (max-width: 1024px) {
  .results-inner {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
}
@media (max-width: 1024px) {
  .results-inner.xl-column-reverse .results-left {
    order: 1;
  }
}

.results-title {
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  text-transform: none;
}
@media (max-width: 1024px) {
  .results-title {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

.results-tabs {
  margin-top: 3.3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 1024px) {
  .results-tabs {
    margin-top: 2rem;
  }
}

.results-btn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.5rem;
  padding: 0.8rem 1.9rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: #202636;
  font-family: var(--font-family);
  transition-duration: var(--time);
  transition-property: color, background-color, border-color;
}
@media (max-width: 1024px) {
  .results-btn {
    font-size: 1.4rem;
    line-height: 143%;
    padding: 0.5rem 1.4rem;
    border-radius: 1rem;
  }
}
.results-btn.active {
  background: #202636;
  border-color: #202636;
  color: var(--white);
}

.results-hidden {
  display: none;
}

.results-content > * {
  animation: fadeEffect var(--time);
}

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

.results-item {
  padding-top: 2.3rem;
  padding-bottom: 2.3rem;
  border-bottom: 1px solid rgba(36, 33, 55, 0.15);
  display: flex;
  align-items: center;
  gap: 2rem;
  position: relative;
}
@media (max-width: 1024px) {
  .results-item {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    gap: 1rem;
  }
}

.results-name {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  font-family: var(--font-family);
  letter-spacing: -0.001em;
}
@media (max-width: 1024px) {
  .results-name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 150%;
  }
}

.results-onelink {
  background: var(--light-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  transition: background-color var(--time);
  border-radius: 1.5rem;
  margin-left: auto;
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  .results-onelink {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    padding: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .results-onelink:hover {
    background-color: var(--black);
  }
  .results-onelink:hover svg {
    color: var(--white);
  }
}
.results-onelink svg {
  width: 3.2rem;
  height: 3.2rem;
  color: var(--grey);
}
@media (max-width: 1024px) {
  .results-onelink svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.results-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "a b c";
  gap: 2rem;
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .results-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 1rem;
  }
}

.result-link {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: #202636;
  font-family: var(--font-family);
  border-radius: 1.5rem;
  padding: 0.6rem 0.6rem 0.6rem 1.6rem;
  background: var(--light-grey);
  display: inline-flex;
  align-items: center;
  gap: 2.5rem;
  justify-content: space-between;
  transition: color var(--time), background-color var(--time);
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  .result-link {
    gap: 0.5rem;
    font-size: 1.2rem;
    line-height: 167%;
    padding-left: 1rem;
    padding-right: 0.4rem;
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
    border-radius: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .result-link:hover {
    background-color: var(--black);
    color: var(--white);
  }
  .result-link:hover svg {
    color: var(--white);
  }
}
.result-link svg {
  width: 3rem;
  height: 3rem;
  color: var(--grey);
}
@media (max-width: 1024px) {
  .result-link svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.result-link.--1 {
  grid-area: a;
}
.result-link.--2 {
  grid-area: b;
}
.result-link.--3 {
  grid-area: c;
}

.results-right {
  position: sticky;
  top: 10rem;
  left: 0;
  height: min-content;
}
@media (max-width: 1024px) {
  .results-right {
    position: relative;
    top: 0;
  }
}

.corp-result {
  margin-top: 5rem;
}
@media (max-width: 1024px) {
  .corp-result {
    margin-top: 0;
  }
}
.corp-result .results-summary {
  gap: 5.8rem;
}
@media (max-width: 1024px) {
  .corp-result .results-summary {
    gap: 1.4rem;
  }
}

.results-righttitle {
  font-weight: 500;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  margin-bottom: 3.4rem;
}
@media (max-width: 1024px) {
  .results-righttitle {
    font-size: 1.4rem;
    line-height: 143%;
    font-family: var(--font-family);
    margin-bottom: 1rem;
  }
}

.results-summary {
  border-radius: 3rem;
  padding: 3rem 3.1rem;
  width: 100%;
  background: var(--light-grey);
  display: flex;
  flex-direction: column;
  gap: 4.6rem;
}
@media (max-width: 1024px) {
  .results-summary {
    padding: 1.5rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    border-radius: 2rem;
  }
}
.results-summary.--red {
  background-color: var(--red);
  color: var(--white);
}

.second-summary {
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .second-summary {
    margin-top: 2rem;
  }
}

.results-summarytitle {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1024px) {
  .results-summarytitle {
    font-size: 1.8rem;
    line-height: 144%;
  }
}

.results-summarytitle2 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  .results-summarytitle2 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    font-family: var(--font-family);
  }
}
.results-summarytitle2 a {
  color: var(--red);
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.3rem;
  transition: text-decoration-color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .results-summarytitle2 a:hover {
    text-decoration-color: transparent;
  }
}

.results-download {
  background: var(--white);
  color: var(--grey);
  border-radius: 1.5rem;
  padding: 0.5rem;
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--time), background-color var(--time), border-color var(--time);
  flex: 0 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  .results-download:hover {
    background-color: var(--black);
    color: var(--white);
  }
}
.--red .results-download {
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}
@media (hover: hover) and (pointer: fine) {
  .--red .results-download:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
  }
}
.results-download svg {
  width: 100%;
  height: 100%;
}

.results-date {
  min-width: 24rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  font-family: var(--font-family);
}
@media (max-width: 1024px) {
  .results-date {
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.results-itemright {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1024px) {
  .results-itemright {
    width: 100%;
    justify-content: space-between;
  }
  .results-itemright .results-name {
    font-size: 1.4rem;
    line-height: 143%;
    font-weight: 500;
  }
}

@media (max-width: 1024px) {
  .results-summarybot {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.results-hiddenlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .results-hiddenlink:hover ~ .results-itemright .results-onelink {
    background-color: var(--black);
  }
  .results-hiddenlink:hover ~ .results-itemright .results-onelink svg {
    color: var(--white);
  }
}

.results-redlink {
  border: 1px solid var(--red);
  border-radius: 1.5rem;
  width: 4.4rem;
  height: 4.4rem;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--red);
  transition: background-color var(--time), border-color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .results-redlink:hover {
    border-color: var(--black);
    background-color: var(--black);
    color: var(--white);
  }
}
.results-redlink svg {
  width: 1.4rem;
  height: 1.4rem;
}

@media (max-width: 1024px) {
  .xl-border-0 .mrecommendation-hr {
    display: none;
  }
  .xl-border-0 .mnews {
    padding-top: 0;
  }
}

.dividents {
  display: grid;
  grid-template-columns: 1fr 32rem;
  gap: 12.8rem;
}
@media (max-width: 1024px) {
  .dividents {
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
}

.dividents-title {
  margin-bottom: 3.8rem;
}
@media (max-width: 1024px) {
  .dividents-title {
    margin-bottom: 2rem;
  }
}

.dividents-list {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .dividents-list.--custom .dividents-item {
    border-bottom: 1px solid rgba(36, 33, 55, 0.15);
  }
}

.dividents-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(36, 33, 55, 0.15);
  position: relative;
}
@media (max-width: 1024px) {
  .dividents-item {
    display: grid;
    grid-template-areas: "a a" "b c";
    grid-template-columns: 1fr min-content;
    padding-top: 2rem;
    padding-bottom: 2rem;
    gap: 1rem;
    column-gap: 0;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .dividents-item:last-child {
    border-bottom: 0;
  }
}

.dividents-date {
  font-weight: 700;
  min-width: 25rem;
}
@media (max-width: 1024px) {
  .dividents-date {
    grid-column: 2 span;
    grid-area: a;
  }
}

@media (max-width: 1024px) {
  .dividents-text {
    grid-area: b;
  }
}

.dividents-hiddenlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .dividents-hiddenlink:hover ~ .results-onelink {
    background-color: var(--black);
  }
  .dividents-hiddenlink:hover ~ .results-onelink svg {
    color: var(--white);
  }
}

.dividents-download {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .dividents-download {
    grid-area: c;
    margin-left: 1rem;
  }
}

.dividents-summary {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: #202636;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--black);
}
@media (max-width: 1024px) {
  .dividents-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.dividents-summary-first {
  min-width: 25rem;
}
@media (max-width: 1024px) {
  .dividents-summary-first {
    min-width: 0;
    font-weight: 700;
  }
}

.dividents-red {
  border-radius: 3rem;
  padding: 3rem 3.1rem;
  width: 32rem;
  height: 24rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
  background-color: var(--red);
}
@media (hover: hover) and (pointer: fine) {
  .dividents-red:hover .dividents-icon {
    background-color: var(--black);
    border-color: var(--black);
  }
}

.dividents-icon {
  border: 1px solid var(--white);
  border-radius: 1.5rem;
  color: var(--white);
  width: 4.4rem;
  height: 4.4rem;
  margin-top: 5.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color var(--time), background-color var(--time);
}
.dividents-icon svg {
  width: 1.4rem;
  height: 1.4rem;
}

.corp {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  background-color: var(--light-grey);
  padding-bottom: 10rem;
}
@media (max-width: 1024px) {
  .corp {
    display: flex;
    flex-direction: column;
    padding-bottom: 4rem;
  }
}

.corp-number {
  font-weight: 600;
  font-size: 15rem;
  line-height: 80%;
  letter-spacing: -0.03em;
  color: #202636;
  font-family: var(--second-family);
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .corp-number {
    font-size: 5.8rem;
    line-height: 69%;
    letter-spacing: -0.04em;
    margin-top: 3.5rem;
  }
}

.corp-desc {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 3.2rem;
}
@media (max-width: 1024px) {
  .corp-desc {
    font-size: 1.4rem;
    line-height: 143%;
    margin-top: 2.5rem;
  }
}
@media (max-width: 500px) {
  .corp-desc {
    max-width: 31.4rem;
  }
}
.corp-desc p {
  margin-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .corp-desc p {
    margin-bottom: 2rem;
  }
}
.corp-desc p:last-child {
  margin-bottom: 0;
}

.corp-last {
  margin-top: 8rem;
}
@media (max-width: 1024px) {
  .corp-last {
    margin-top: 3rem;
  }
}

.corp-chart {
  width: 80.1rem;
  height: 80.1rem;
  grid-row: 2 span;
  margin-left: auto;
  position: sticky;
  top: 8rem;
}
@media (max-width: 1024px) {
  .corp-chart {
    width: 100%;
    height: 33.5rem;
    position: relative;
    top: 0;
    margin-top: 4rem;
  }
}
.corp-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.corp-charttext {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 60%;
  max-height: 60%;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #202636;
  z-index: 1;
}
@media (max-width: 1024px) {
  .corp-charttext {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    text-align: center;
    color: #202636;
    width: 100%;
    max-width: 30rem;
    max-height: 80%;
  }
}
@media (max-width: 500px) {
  .corp-charttext {
    max-width: 70%;
  }
}

.corp-subtitle {
  margin-top: 8rem;
}
@media (max-width: 1024px) {
  .corp-subtitle {
    margin-top: 5rem;
  }
}

.corp-list {
  margin-top: 5.2rem;
}
@media (max-width: 1024px) {
  .corp-list {
    margin-top: 4.2rem;
  }
}

.corp-item {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  display: flex;
  gap: 2rem;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
  min-height: 9rem;
  border-bottom: 1px solid rgba(36, 33, 55, 0.15);
}
@media (max-width: 1024px) {
  .corp-item {
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    gap: 1rem;
    min-height: 6rem;
  }
}
.corp-item:first-child {
  min-height: 5.6rem;
  padding-top: 0;
}

.corp-color {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  .corp-color {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.corp-label {
  font-weight: 700;
  min-width: 19.5rem;
}
@media (max-width: 1024px) {
  .corp-label {
    min-width: 5.9rem;
  }
}

@media (max-width: 1024px) {
  .corp-results {
    padding-top: 6rem;
  }
  .corp-results .results-list {
    padding-top: 0;
  }
}

.infocenter-inner {
  display: grid;
  grid-template-columns: 35rem 1fr;
  gap: 10rem;
}
@media (max-width: 1024px) {
  .infocenter-inner {
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
}

.infocenter-left {
  position: sticky;
  top: 10rem;
  left: 0;
  height: min-content;
}
@media (max-width: 1024px) {
  .infocenter-left {
    position: static;
    top: 0;
  }
}

.infocenter-summarytitle {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  .infocenter-summarytitle {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

.infocenter-btn {
  margin-top: 4rem;
  min-width: 22rem;
}
@media (max-width: 1024px) {
  .infocenter-btn {
    margin-top: 3rem;
    min-height: 6rem;
    min-width: 17.8rem;
    justify-content: center;
  }
}

.infocenter-icon {
  width: 1.4rem;
  height: 1.4rem;
}

.infocenter-list:last-child .results-item:last-child {
  border-bottom: 0;
}

.infocenter-subtitle {
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .infocenter-subtitle {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

.infocenter-right {
  padding-bottom: 8rem;
}
@media (max-width: 1024px) {
  .infocenter-right {
    padding-bottom: 0;
  }
}
.infocenter-right > *:first-child {
  padding-top: 0;
}

.infocenter-linkwrap {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding-top: 6rem;
}
@media (max-width: 1024px) {
  .infocenter-linkwrap {
    padding-top: 4rem;
    flex-direction: column;
    align-items: flex-start;
  }
}

.swap-title {
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  .swap-title {
    font-size: 2.4rem;
    line-height: 117%;
    letter-spacing: -0.01em;
    color: #202636;
  }
}

.swap-list {
  margin-top: 7rem;
}
@media (max-width: 1024px) {
  .swap-list {
    margin-top: 0;
  }
}

.swap-content {
  max-width: 100%;
  overflow: hidden;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .swap-content {
    font-size: 1.4rem;
    line-height: 143%;
  }
}
.swap-content p a {
  color: var(--red);
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .swap-content p a:hover {
    color: var(--black);
  }
}

.swap-inner {
  display: grid;
  grid-template-columns: 1fr 32rem;
  gap: 13.2rem;
  padding-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-inner {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    gap: 0;
  }
  .swap-inner .swap-right:last-child {
    padding-bottom: 8rem;
  }
}
@media (max-width: 1024px) {
  .swap-inner.--2 {
    padding-top: 0;
  }
}

.swap-sublist {
  padding-top: 0;
}
.swap-sublist .results-item:first-child {
  padding-top: 0;
}

.swap-summarytitle {
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .swap-summarytitle {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    margin-top: 4rem;
    font-family: var(--font-family);
  }
}

.swap-summaryblock {
  background: var(--red);
  padding: 3rem;
  border-radius: 3rem;
  color: var(--white);
  margin-top: 3rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
}
@media (max-width: 1024px) {
  .swap-summaryblock {
    font-size: 1.4rem;
    line-height: 143%;
    padding: 1.5rem;
    border-radius: 2rem;
    margin-top: 2rem;
  }
}

.swap-summarysubtitle {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 144%;
  color: var(--white);
  font-family: var(--font-family);
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .swap-summarysubtitle {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: var(--white);
  }
}

.swap-subtitle {
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  .swap-subtitle {
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #202636;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
}

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

.swap-h4 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  margin-bottom: 4rem;
  margin-top: 4rem;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .swap-h4 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    margin-bottom: 2rem;
    margin-top: 2rem;
    font-family: var(--font-family);
    letter-spacing: normal;
  }
}

.swap-subitem {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 1024px) {
  .swap-subitem {
    padding-top: 2rem;
    padding-bottom: 2rem;
    gap: 0;
  }
}
.swap-subitem:first-child {
  border-top: 1px solid rgba(36, 33, 55, 0.15);
}

.swap-sublist2 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.swap-sublist2.flex-start .swap-subitem {
  align-items: flex-start;
}

.swap-ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  counter-reset: ol;
}
@media (max-width: 1024px) {
  .swap-ol {
    flex-wrap: nowrap;
    gap: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.swap-olitem {
  border: 1px solid rgba(192, 34, 66, 0.6);
  border-radius: 3rem;
  padding: 3rem;
  width: calc(25% - 3.2rem);
  min-height: 30rem;
  display: flex;
  flex-direction: column;
  counter-increment: ol;
}
@media (max-width: 1024px) {
  .swap-olitem {
    margin-right: 1rem;
    width: 33%;
    padding: 2rem;
    border-radius: 2rem;
  }
}
@media (max-width: 500px) {
  .swap-olitem {
    width: 100%;
    min-height: 18rem;
  }
}
.swap-olitem.w-40 {
  width: calc(33% - 2.5rem);
  border: 1px solid rgba(36, 33, 55, 0.2);
}
@media (max-width: 500px) {
  .swap-olitem.w-40 {
    width: 100%;
  }
}
.swap-olitem.w-40::before {
  color: #202636;
  border: 1px solid rgba(32, 32, 32, 0.5);
}
.swap-olitem::before {
  content: counter(ol, decimal-leading-zero);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--red);
  border: 1px solid rgba(192, 34, 66, 0.6);
  border-radius: 1rem;
  padding: 0 1rem;
  width: fit-content;
  min-width: 5rem;
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
}

.swap-olsubtitle {
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  padding-top: 2rem;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .swap-olsubtitle {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
  }
}

.swap-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-steps {
    gap: 7.4rem;
    display: flex;
    flex-direction: column;
  }
}

.swap-step {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: min-content min-content;
  gap: 1.7rem;
  row-gap: 0;
}
@media (max-width: 1024px) {
  .swap-step {
    border: 1px solid rgba(36, 33, 55, 0.2);
    border-radius: 2rem;
    padding: 3rem;
    width: 100%;
    min-height: 34rem;
    position: relative;
    padding: 2rem;
  }
}
.swap-step:nth-child(1) {
  width: 37rem;
}
@media (max-width: 1024px) {
  .swap-step:nth-child(1) {
    width: 100%;
  }
}
.swap-step:nth-child(2) {
  width: 40.5rem;
}
@media (max-width: 1024px) {
  .swap-step:nth-child(2) {
    width: 100%;
  }
}
.swap-step:nth-child(3) {
  width: 41rem;
}
@media (max-width: 1024px) {
  .swap-step:nth-child(3) {
    width: 100%;
  }
}
.swap-step:nth-child(3) .swap-stephead::after {
  width: 9rem;
  content: "  ";
}
@media (max-width: 1024px) {
  .swap-step:nth-child(3) .swap-stephead::after {
    content: normal;
  }
}

.swap-stephead {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  padding: 3rem;
  padding-top: 2rem;
  width: 28rem;
  height: 23rem;
  display: flex;
  flex-direction: column;
  grid-column: 2 span;
  position: relative;
}
@media (max-width: 1024px) {
  .swap-stephead {
    width: 100%;
    height: auto;
    border: 0;
    padding: 0;
    position: static;
  }
}
.swap-stephead::after {
  content: "12 месяцев";
  background-image: url("data:image/svg+xml,%3Csvg width='111' height='9' viewBox='0 0 111 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 3.58008C0.335786 3.58008 3.62116e-08 3.91587 0 4.33008C-3.62118e-08 4.74429 0.335786 5.08008 0.75 5.08008L0.75 4.33008L0.75 3.58008ZM110.75 4.33009L103.25 -3.96766e-05L103.25 8.66021L110.75 4.33009ZM0.79902 5.08008C1.21323 5.08008 1.54902 4.74429 1.54902 4.33008C1.54902 3.91587 1.21323 3.58008 0.79902 3.58008L0.79902 4.33008L0.79902 5.08008ZM5.70098 3.58008C5.28677 3.58008 4.95098 3.91587 4.95098 4.33008C4.95098 4.74429 5.28677 5.08008 5.70098 5.08008L5.70098 4.33008L5.70098 3.58008ZM5.79902 5.08008C6.21323 5.08008 6.54902 4.74429 6.54902 4.33008C6.54902 3.91587 6.21323 3.58008 5.79902 3.58008L5.79902 4.33008L5.79902 5.08008ZM10.701 3.58008C10.2868 3.58008 9.95098 3.91587 9.95098 4.33008C9.95098 4.74429 10.2868 5.08008 10.701 5.08008L10.701 4.33008L10.701 3.58008ZM10.799 5.08008C11.2132 5.08008 11.549 4.74429 11.549 4.33008C11.549 3.91587 11.2132 3.58008 10.799 3.58008L10.799 4.33008L10.799 5.08008ZM15.701 3.58008C15.2868 3.58008 14.951 3.91587 14.951 4.33008C14.951 4.74429 15.2868 5.08008 15.701 5.08008L15.701 4.33008L15.701 3.58008ZM15.799 5.08008C16.2132 5.08008 16.549 4.74429 16.549 4.33008C16.549 3.91587 16.2132 3.58008 15.799 3.58008L15.799 4.33008L15.799 5.08008ZM20.701 3.58008C20.2868 3.58008 19.951 3.91587 19.951 4.33008C19.951 4.74429 20.2868 5.08008 20.701 5.08008L20.701 4.33008L20.701 3.58008ZM20.799 5.08008C21.2132 5.08008 21.549 4.74429 21.549 4.33008C21.549 3.91587 21.2132 3.58008 20.799 3.58008L20.799 4.33008L20.799 5.08008ZM25.701 3.58008C25.2868 3.58008 24.951 3.91587 24.951 4.33008C24.951 4.74429 25.2868 5.08008 25.701 5.08008L25.701 4.33008L25.701 3.58008ZM25.799 5.08008C26.2132 5.08008 26.549 4.74429 26.549 4.33008C26.549 3.91587 26.2132 3.58008 25.799 3.58008L25.799 4.33008L25.799 5.08008ZM30.701 3.58008C30.2868 3.58008 29.951 3.91587 29.951 4.33008C29.951 4.74429 30.2868 5.08008 30.701 5.08008L30.701 4.33008L30.701 3.58008ZM30.799 5.08008C31.2132 5.08008 31.549 4.7443 31.549 4.33008C31.549 3.91587 31.2132 3.58008 30.799 3.58008L30.799 4.33008L30.799 5.08008ZM35.701 3.58008C35.2868 3.58008 34.951 3.91587 34.951 4.33008C34.951 4.7443 35.2868 5.08008 35.701 5.08008L35.701 4.33008L35.701 3.58008ZM35.799 5.08008C36.2132 5.08008 36.549 4.7443 36.549 4.33008C36.549 3.91587 36.2132 3.58008 35.799 3.58008L35.799 4.33008L35.799 5.08008ZM40.701 3.58008C40.2868 3.58008 39.951 3.91587 39.951 4.33008C39.951 4.7443 40.2868 5.08008 40.701 5.08008L40.701 4.33008L40.701 3.58008ZM40.799 5.08008C41.2132 5.08008 41.549 4.7443 41.549 4.33008C41.549 3.91587 41.2132 3.58008 40.799 3.58008L40.799 4.33008L40.799 5.08008ZM45.701 3.58008C45.2868 3.58008 44.951 3.91587 44.951 4.33008C44.951 4.7443 45.2868 5.08008 45.701 5.08008L45.701 4.33008L45.701 3.58008ZM45.799 5.08008C46.2132 5.08008 46.549 4.7443 46.549 4.33008C46.549 3.91587 46.2132 3.58008 45.799 3.58008L45.799 4.33008L45.799 5.08008ZM50.701 3.58008C50.2868 3.58008 49.951 3.91587 49.951 4.33008C49.951 4.7443 50.2868 5.08008 50.701 5.08008L50.701 4.33008L50.701 3.58008ZM50.799 5.08008C51.2132 5.08008 51.549 4.7443 51.549 4.33008C51.549 3.91587 51.2132 3.58008 50.799 3.58008L50.799 4.33008L50.799 5.08008ZM55.701 3.58008C55.2868 3.58008 54.951 3.91587 54.951 4.33008C54.951 4.7443 55.2868 5.08008 55.701 5.08008L55.701 4.33008L55.701 3.58008ZM55.799 5.08008C56.2132 5.08008 56.549 4.7443 56.549 4.33008C56.549 3.91587 56.2132 3.58008 55.799 3.58008L55.799 4.33008L55.799 5.08008ZM60.701 3.58008C60.2868 3.58008 59.951 3.91587 59.951 4.33008C59.951 4.7443 60.2868 5.08008 60.701 5.08008L60.701 4.33008L60.701 3.58008ZM60.799 5.08008C61.2132 5.08008 61.549 4.7443 61.549 4.33008C61.549 3.91587 61.2132 3.58008 60.799 3.58008L60.799 4.33008L60.799 5.08008ZM65.701 3.58008C65.2868 3.58008 64.951 3.91587 64.951 4.33008C64.951 4.7443 65.2868 5.08008 65.701 5.08008L65.701 4.33008L65.701 3.58008ZM65.799 5.08008C66.2132 5.08008 66.549 4.7443 66.549 4.33008C66.549 3.91587 66.2132 3.58008 65.799 3.58008L65.799 4.33008L65.799 5.08008ZM70.701 3.58008C70.2868 3.58008 69.951 3.91587 69.951 4.33008C69.951 4.7443 70.2868 5.08008 70.701 5.08008L70.701 4.33008L70.701 3.58008ZM70.799 5.08008C71.2132 5.08008 71.549 4.7443 71.549 4.33008C71.549 3.91587 71.2132 3.58008 70.799 3.58008L70.799 4.33008L70.799 5.08008ZM75.701 3.58008C75.2868 3.58008 74.951 3.91587 74.951 4.33008C74.951 4.7443 75.2868 5.08008 75.701 5.08008L75.701 4.33008L75.701 3.58008ZM75.799 5.08008C76.2132 5.08009 76.549 4.7443 76.549 4.33009C76.549 3.91587 76.2132 3.58009 75.799 3.58008L75.799 4.33008L75.799 5.08008ZM80.701 3.58009C80.2868 3.58009 79.951 3.91587 79.951 4.33009C79.951 4.7443 80.2868 5.08009 80.701 5.08009L80.701 4.33009L80.701 3.58009ZM80.799 5.08009C81.2132 5.08009 81.549 4.7443 81.549 4.33009C81.549 3.91587 81.2132 3.58009 80.799 3.58009L80.799 4.33009L80.799 5.08009ZM85.701 3.58009C85.2868 3.58009 84.951 3.91587 84.951 4.33009C84.951 4.7443 85.2868 5.08009 85.701 5.08009L85.701 4.33009L85.701 3.58009ZM85.799 5.08009C86.2132 5.08009 86.549 4.7443 86.549 4.33009C86.549 3.91587 86.2132 3.58009 85.799 3.58009L85.799 4.33009L85.799 5.08009ZM90.701 3.58009C90.2868 3.58009 89.951 3.91587 89.951 4.33009C89.951 4.7443 90.2868 5.08009 90.701 5.08009L90.701 4.33009L90.701 3.58009ZM90.799 5.08009C91.2132 5.08009 91.549 4.7443 91.549 4.33009C91.549 3.91587 91.2132 3.58009 90.799 3.58009L90.799 4.33009L90.799 5.08009ZM95.701 3.58009C95.2868 3.58009 94.951 3.91587 94.951 4.33009C94.951 4.7443 95.2868 5.08009 95.701 5.08009L95.701 4.33009L95.701 3.58009ZM95.799 5.08009C96.2132 5.08009 96.549 4.7443 96.549 4.33009C96.549 3.91587 96.2132 3.58009 95.799 3.58009L95.799 4.33009L95.799 5.08009ZM100.701 3.58009C100.287 3.58009 99.951 3.91587 99.951 4.33009C99.951 4.7443 100.287 5.08009 100.701 5.08009L100.701 4.33009L100.701 3.58009ZM100.799 5.08009C101.213 5.08009 101.549 4.7443 101.549 4.33009C101.549 3.91587 101.213 3.58009 100.799 3.58009L100.799 4.33009L100.799 5.08009ZM105.701 3.58009C105.287 3.58009 104.951 3.91587 104.951 4.33009C104.951 4.7443 105.287 5.08009 105.701 5.08009L105.701 4.33009L105.701 3.58009ZM105.799 5.08009C106.213 5.08009 106.549 4.7443 106.549 4.33009C106.549 3.91587 106.213 3.58009 105.799 3.58009L105.799 4.33009L105.799 5.08009ZM110.701 3.58009C110.287 3.58009 109.951 3.91587 109.951 4.33009C109.951 4.7443 110.287 5.08009 110.701 5.08009L110.701 4.33009L110.701 3.58009ZM0.75 4.33008L0.75 5.08008L0.79902 5.08008L0.79902 4.33008L0.79902 3.58008L0.75 3.58008L0.75 4.33008ZM5.70098 4.33008L5.70098 5.08008L5.79902 5.08008L5.79902 4.33008L5.79902 3.58008L5.70098 3.58008L5.70098 4.33008ZM10.701 4.33008L10.701 5.08008L10.799 5.08008L10.799 4.33008L10.799 3.58008L10.701 3.58008L10.701 4.33008ZM15.701 4.33008L15.701 5.08008L15.799 5.08008L15.799 4.33008L15.799 3.58008L15.701 3.58008L15.701 4.33008ZM20.701 4.33008L20.701 5.08008L20.799 5.08008L20.799 4.33008L20.799 3.58008L20.701 3.58008L20.701 4.33008ZM25.701 4.33008L25.701 5.08008L25.799 5.08008L25.799 4.33008L25.799 3.58008L25.701 3.58008L25.701 4.33008ZM30.701 4.33008L30.701 5.08008L30.799 5.08008L30.799 4.33008L30.799 3.58008L30.701 3.58008L30.701 4.33008ZM35.701 4.33008L35.701 5.08008L35.799 5.08008L35.799 4.33008L35.799 3.58008L35.701 3.58008L35.701 4.33008ZM40.701 4.33008L40.701 5.08008L40.799 5.08008L40.799 4.33008L40.799 3.58008L40.701 3.58008L40.701 4.33008ZM45.701 4.33008L45.701 5.08008L45.799 5.08008L45.799 4.33008L45.799 3.58008L45.701 3.58008L45.701 4.33008ZM50.701 4.33008L50.701 5.08008L50.799 5.08008L50.799 4.33008L50.799 3.58008L50.701 3.58008L50.701 4.33008ZM55.701 4.33008L55.701 5.08008L55.799 5.08008L55.799 4.33008L55.799 3.58008L55.701 3.58008L55.701 4.33008ZM60.701 4.33008L60.701 5.08008L60.799 5.08008L60.799 4.33008L60.799 3.58008L60.701 3.58008L60.701 4.33008ZM65.701 4.33008L65.701 5.08008L65.799 5.08008L65.799 4.33008L65.799 3.58008L65.701 3.58008L65.701 4.33008ZM70.701 4.33008L70.701 5.08008L70.799 5.08008L70.799 4.33008L70.799 3.58008L70.701 3.58008L70.701 4.33008ZM75.701 4.33008L75.701 5.08008L75.799 5.08008L75.799 4.33008L75.799 3.58008L75.701 3.58008L75.701 4.33008ZM80.701 4.33009L80.701 5.08009L80.799 5.08009L80.799 4.33009L80.799 3.58009L80.701 3.58009L80.701 4.33009ZM85.701 4.33009L85.701 5.08009L85.799 5.08009L85.799 4.33009L85.799 3.58009L85.701 3.58009L85.701 4.33009ZM90.701 4.33009L90.701 5.08009L90.799 5.08009L90.799 4.33009L90.799 3.58009L90.701 3.58009L90.701 4.33009ZM95.701 4.33009L95.701 5.08009L95.799 5.08009L95.799 4.33009L95.799 3.58009L95.701 3.58009L95.701 4.33009ZM100.701 4.33009L100.701 5.08009L100.799 5.08009L100.799 4.33009L100.799 3.58009L100.701 3.58009L100.701 4.33009ZM105.701 4.33009L105.701 5.08009L105.799 5.08009L105.799 4.33009L105.799 3.58009L105.701 3.58009L105.701 4.33009Z' fill='%23C02242' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 11.1rem 0.9rem;
  width: 11.1rem;
  height: auto;
  position: absolute;
  top: 10rem;
  right: -13.5rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: var(--red);
  padding-bottom: 1.3rem;
}
@media (max-width: 1024px) {
  .swap-stephead::after {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 133%;
    text-align: center;
    color: var(--red);
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 1rem);
    right: 0;
    width: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='55' viewBox='0 0 9 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.08008 0.75C5.08008 0.335786 4.74429 1.81059e-08 4.33008 0C3.91586 -1.81058e-08 3.58008 0.335786 3.58008 0.75L4.33008 0.75L5.08008 0.75ZM4.33007 54.75L8.6602 47.25L-5.21005e-05 47.25L4.33007 54.75ZM3.58008 0.798128C3.58008 1.21234 3.91586 1.54813 4.33008 1.54813C4.74429 1.54813 5.08008 1.21234 5.08008 0.798128L4.33008 0.798128L3.58008 0.798128ZM5.08008 5.61096C5.08008 5.19675 4.74429 4.86096 4.33008 4.86096C3.91586 4.86096 3.58008 5.19675 3.58008 5.61096L4.33008 5.61096L5.08008 5.61096ZM3.58008 5.70722C3.58008 6.12143 3.91586 6.45722 4.33008 6.45722C4.74429 6.45722 5.08008 6.12143 5.08008 5.70722L4.33008 5.70722L3.58008 5.70722ZM5.08008 10.5201C5.08008 10.1058 4.74429 9.77005 4.33008 9.77005C3.91586 9.77005 3.58008 10.1058 3.58008 10.5201L4.33008 10.5201L5.08008 10.5201ZM3.58008 10.6163C3.58008 11.0305 3.91586 11.3663 4.33008 11.3663C4.74429 11.3663 5.08008 11.0305 5.08008 10.6163L4.33008 10.6163L3.58008 10.6163ZM5.08008 15.4291C5.08008 15.0149 4.74429 14.6791 4.33008 14.6791C3.91586 14.6791 3.58008 15.0149 3.58008 15.4291L4.33008 15.4291L5.08008 15.4291ZM3.58008 15.5254C3.58008 15.9396 3.91586 16.2754 4.33008 16.2754C4.74429 16.2754 5.08008 15.9396 5.08008 15.5254L4.33008 15.5254L3.58008 15.5254ZM5.08008 20.3382C5.08008 19.924 4.74429 19.5882 4.33008 19.5882C3.91586 19.5882 3.58008 19.924 3.58008 20.3382L4.33008 20.3382L5.08008 20.3382ZM3.58008 20.4345C3.58008 20.8487 3.91586 21.1845 4.33008 21.1845C4.74429 21.1845 5.08008 20.8487 5.08008 20.4345L4.33008 20.4345L3.58008 20.4345ZM5.08008 25.2473C5.08008 24.8331 4.74429 24.4973 4.33008 24.4973C3.91586 24.4973 3.58008 24.8331 3.58008 25.2473L4.33008 25.2473L5.08008 25.2473ZM3.58008 25.3436C3.58008 25.7578 3.91586 26.0936 4.33008 26.0936C4.74429 26.0936 5.08008 25.7578 5.08008 25.3436L4.33008 25.3436L3.58008 25.3436ZM5.08008 30.1564C5.08008 29.7422 4.74429 29.4064 4.33008 29.4064C3.91586 29.4064 3.58008 29.7422 3.58008 30.1564L4.33008 30.1564L5.08008 30.1564ZM3.58008 30.2527C3.58008 30.6669 3.91586 31.0027 4.33008 31.0027C4.74429 31.0027 5.08008 30.6669 5.08008 30.2527L4.33008 30.2527L3.58008 30.2527ZM5.08008 35.0655C5.08008 34.6513 4.74429 34.3155 4.33008 34.3155C3.91586 34.3155 3.58008 34.6513 3.58008 35.0655L4.33008 35.0655L5.08008 35.0655ZM3.58008 35.1618C3.58008 35.576 3.91586 35.9118 4.33008 35.9118C4.74429 35.9118 5.08008 35.576 5.08008 35.1618L4.33008 35.1618L3.58008 35.1618ZM5.08008 39.9746C5.08008 39.5604 4.74429 39.2246 4.33008 39.2246C3.91586 39.2246 3.58008 39.5604 3.58008 39.9746L4.33008 39.9746L5.08008 39.9746ZM3.58008 40.0709C3.58008 40.4851 3.91586 40.8209 4.33008 40.8209C4.74429 40.8209 5.08008 40.4851 5.08008 40.0709L4.33008 40.0709L3.58008 40.0709ZM5.08007 44.8837C5.08007 44.4695 4.74429 44.1337 4.33007 44.1337C3.91586 44.1337 3.58007 44.4695 3.58007 44.8837L4.33007 44.8837L5.08007 44.8837ZM3.58007 44.9799C3.58007 45.3942 3.91586 45.7299 4.33007 45.7299C4.74429 45.7299 5.08007 45.3942 5.08007 44.9799L4.33007 44.9799L3.58007 44.9799ZM5.08007 49.7928C5.08007 49.3786 4.74429 49.0428 4.33007 49.0428C3.91586 49.0428 3.58007 49.3786 3.58007 49.7928L4.33007 49.7928L5.08007 49.7928ZM3.58007 49.889C3.58007 50.3033 3.91586 50.639 4.33007 50.639C4.74429 50.639 5.08007 50.3033 5.08007 49.889L4.33007 49.889L3.58007 49.889ZM5.08007 54.7019C5.08007 54.2877 4.74429 53.9519 4.33007 53.9519C3.91586 53.9519 3.58007 54.2877 3.58007 54.7019L4.33007 54.7019L5.08007 54.7019ZM4.33008 0.75L3.58008 0.75L3.58008 0.798128L4.33008 0.798128L5.08008 0.798128L5.08008 0.75L4.33008 0.75ZM4.33008 5.61096L3.58008 5.61096L3.58008 5.70722L4.33008 5.70722L5.08008 5.70722L5.08008 5.61096L4.33008 5.61096ZM4.33008 10.5201L3.58008 10.5201L3.58008 10.6163L4.33008 10.6163L5.08008 10.6163L5.08008 10.5201L4.33008 10.5201ZM4.33008 15.4291L3.58008 15.4291L3.58008 15.5254L4.33008 15.5254L5.08008 15.5254L5.08008 15.4291L4.33008 15.4291ZM4.33008 20.3382L3.58008 20.3382L3.58008 20.4345L4.33008 20.4345L5.08008 20.4345L5.08008 20.3382L4.33008 20.3382ZM4.33008 25.2473L3.58008 25.2473L3.58008 25.3436L4.33008 25.3436L5.08008 25.3436L5.08008 25.2473L4.33008 25.2473ZM4.33008 30.1564L3.58008 30.1564L3.58008 30.2527L4.33008 30.2527L5.08008 30.2527L5.08008 30.1564L4.33008 30.1564ZM4.33008 35.0655L3.58008 35.0655L3.58008 35.1618L4.33008 35.1618L5.08008 35.1618L5.08008 35.0655L4.33008 35.0655ZM4.33008 39.9746L3.58008 39.9746L3.58008 40.0709L4.33008 40.0709L5.08008 40.0709L5.08008 39.9746L4.33008 39.9746ZM4.33007 44.8837L3.58007 44.8837L3.58007 44.9799L4.33007 44.9799L5.08007 44.9799L5.08007 44.8837L4.33007 44.8837ZM4.33007 49.7928L3.58007 49.7928L3.58007 49.889L4.33007 49.889L5.08007 49.889L5.08007 49.7928L4.33007 49.7928Z' fill='%23C02242' /%3E%3C/svg%3E");
    background-size: 0.9rem 5.5rem;
    height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.swap-steptitle {
  font-weight: 500;
  font-size: 11rem;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .swap-steptitle {
    font-size: 5.8rem;
    line-height: 69%;
    letter-spacing: -0.04em;
    position: relative;
  }
}

.swap-small {
  font-weight: 600;
  font-size: 6rem;
  line-height: 107%;
  letter-spacing: -0.01em;
}
@media (max-width: 1024px) {
  .swap-small {
    font-size: 4rem;
    line-height: 160%;
    letter-spacing: -0.01em;
  }
}

.swap-stepdate {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: #202636;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .swap-stepdate {
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 167%;
    color: #202636;
  }
}

.swap-ques {
  font-weight: 500;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  background: var(--light-grey);
  font-family: var(--second-family);
  border-radius: 1.5rem;
  padding: 1.5rem 2rem;
  margin-top: 4rem;
  grid-column: 2 span;
  margin-bottom: 9rem;
  text-align: center;
  position: relative;
}
@media (max-width: 1024px) {
  .swap-ques {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    margin-bottom: 3.4rem;
    margin-top: 1.5rem;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 1.5rem;
  }
}
.swap-ques::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='218' height='82' viewBox='0 0 218 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M108.75 0.75V21.2046C108.75 32.2502 99.7957 41.2045 88.75 41.2045H20.75C9.70431 41.2045 0.75 50.1589 0.75 61.2045V80.75' stroke='%23C02242' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5'/%3E%3Cpath d='M113.75 40.75H196.75C207.796 40.75 216.75 49.7043 216.75 60.75V80.75' stroke='%23242137' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 21.8rem;
  height: 8.2rem;
  position: absolute;
  bottom: -8.2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .swap-ques::before {
    background-image: url("data:image/svg+xml,%3Csvg width='159' height='34' viewBox='0 0 159 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M79.1257 0.75V7.20455C79.1257 12.7274 74.6486 17.2045 69.1257 17.2045H10.75C5.22715 17.2045 0.75 21.6817 0.75 27.2045V32.75' stroke='%23C02242' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3Cpath d='M90.7127 16.75H147.42C152.943 16.75 157.42 21.2272 157.42 26.75V32.75' stroke='%23242137' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
    width: 21.8rem;
    height: 8.2rem;
    bottom: -6.2rem;
  }
}

.swap-no,
.swap-yes {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 1.5rem;
  padding: 1.5rem 2rem;
  width: 100%;
  height: 6rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
  background: var(--red);
  text-align: center;
}
@media (max-width: 1024px) {
  .swap-no,
  .swap-yes {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: var(--light-grey);
    border-radius: 1.5rem;
    padding: 1.5rem 2rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.swap-notext,
.swap-yestext {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: var(--red);
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .swap-notext,
  .swap-yestext {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 133%;
    color: var(--red);
    margin-top: 1rem;
  }
}

.swap-no {
  background: #202636;
  border: 1px solid rgba(36, 33, 55, 0.2);
}

.swap-notext {
  color: #202636;
}

.swap-case {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
}
@media (max-width: 1024px) {
  .swap-case {
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    margin-top: 4rem;
  }
}

.swap-casetext {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-casetext {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    margin-top: 2rem;
  }
}

.swap-casetext2 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-casetext2 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    margin-top: 2rem;
  }
}

.swap-title2 {
  font-weight: 600;
  font-size: 6rem;
  line-height: 107%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .swap-title2 {
    font-size: 4rem;
    line-height: 115%;
    letter-spacing: -0.01em;
  }
}

.swap-etaps {
  margin-top: 4rem;
  counter-reset: etap;
  display: flex;
  flex-direction: column;
  gap: 11rem;
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  .swap-etaps {
    gap: 7.4rem;
    margin-top: 0;
  }
}

.swap-etap {
  display: grid;
  grid-template-columns: 1fr 42rem;
  gap: 4rem;
  counter-increment: etap;
}
@media (max-width: 1024px) {
  .swap-etap {
    display: flex;
    flex-direction: column;
  }
}

.swap-left {
  padding-bottom: 8rem;
}
@media (max-width: 1024px) {
  .swap-left {
    padding-bottom: 4rem;
  }
}
.swap-left > p a {
  transition: color var(--time);
  color: var(--red);
}
@media (hover: hover) and (pointer: fine) {
  .swap-left > p a:hover {
    color: var(--black);
  }
}

.swap-leftetap {
  display: flex;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(36, 33, 55, 0.15);
  border-top: 1px solid rgba(36, 33, 55, 0.15);
}
@media (max-width: 1024px) {
  .swap-leftetap {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.swap-etap1 {
  width: 26rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  .swap-etap1 {
    width: 100%;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    margin-bottom: 1rem;
  }
}

.swap-etap2 {
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .swap-etap2 {
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
  }
}

.swap-etap3 {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  padding: 3rem;
  padding-right: 0;
  padding-left: 11rem;
  position: relative;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .swap-etap3 {
    padding: 1.5rem;
    padding-left: 7.4rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    border-radius: 1.5rem;
  }
}
.swap-etap3::before {
  content: counter(etap, decimal-leading-zero);
  border: 1px solid var(--red);
  border-radius: 1rem;
  width: 5rem;
  height: 5rem;
  background: var(--red);
  position: absolute;
  top: 3rem;
  left: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: var(--white);
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .swap-etap3::before {
    border: 0.88px solid var(--red);
    border-radius: 0.9rem;
    width: 4.4rem;
    height: 4.4rem;
    left: 1.5rem;
    top: 1.5rem;
  }
}

.swap-etapabsolute {
  position: absolute;
  top: 100%;
  left: 4.2rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: var(--red);
  max-width: 31rem;
  padding: 2.3rem 1rem 2.3rem 4rem;
}
@media (max-width: 1024px) {
  .swap-etapabsolute {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 133%;
    text-align: center;
    color: var(--red);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
}
.swap-etapabsolute::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='71' viewBox='0 0 9 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.58008 0.75C3.58008 0.335786 3.91586 0 4.33008 0C4.74429 0 5.08008 0.335786 5.08008 0.75H4.33008H3.58008ZM4.33008 70.75L-4.91142e-05 63.25H8.66021L4.33008 70.75ZM5.08008 0.79902C5.08008 1.21323 4.74429 1.54902 4.33008 1.54902C3.91586 1.54902 3.58008 1.21323 3.58008 0.79902H4.33008H5.08008ZM3.58008 5.70098C3.58008 5.28677 3.91586 4.95098 4.33008 4.95098C4.74429 4.95098 5.08008 5.28677 5.08008 5.70098H4.33008H3.58008ZM5.08008 5.79902C5.08008 6.21323 4.74429 6.54902 4.33008 6.54902C3.91586 6.54902 3.58008 6.21323 3.58008 5.79902H4.33008H5.08008ZM3.58008 10.701C3.58008 10.2868 3.91586 9.95098 4.33008 9.95098C4.74429 9.95098 5.08008 10.2868 5.08008 10.701H4.33008H3.58008ZM5.08008 10.799C5.08008 11.2132 4.74429 11.549 4.33008 11.549C3.91586 11.549 3.58008 11.2132 3.58008 10.799H4.33008H5.08008ZM3.58008 15.701C3.58008 15.2868 3.91586 14.951 4.33008 14.951C4.74429 14.951 5.08008 15.2868 5.08008 15.701H4.33008H3.58008ZM5.08008 15.799C5.08008 16.2132 4.74429 16.549 4.33008 16.549C3.91586 16.549 3.58008 16.2132 3.58008 15.799H4.33008H5.08008ZM3.58008 20.701C3.58008 20.2868 3.91586 19.951 4.33008 19.951C4.74429 19.951 5.08008 20.2868 5.08008 20.701H4.33008H3.58008ZM5.08008 20.799C5.08008 21.2132 4.74429 21.549 4.33008 21.549C3.91586 21.549 3.58008 21.2132 3.58008 20.799H4.33008H5.08008ZM3.58008 25.701C3.58008 25.2868 3.91586 24.951 4.33008 24.951C4.74429 24.951 5.08008 25.2868 5.08008 25.701H4.33008H3.58008ZM5.08008 25.799C5.08008 26.2132 4.74429 26.549 4.33008 26.549C3.91586 26.549 3.58008 26.2132 3.58008 25.799H4.33008H5.08008ZM3.58008 30.701C3.58008 30.2868 3.91586 29.951 4.33008 29.951C4.74429 29.951 5.08008 30.2868 5.08008 30.701H4.33008H3.58008ZM5.08008 30.799C5.08008 31.2132 4.74429 31.549 4.33008 31.549C3.91586 31.549 3.58008 31.2132 3.58008 30.799H4.33008H5.08008ZM3.58008 35.701C3.58008 35.2868 3.91586 34.951 4.33008 34.951C4.74429 34.951 5.08008 35.2868 5.08008 35.701H4.33008H3.58008ZM5.08008 35.799C5.08008 36.2132 4.74429 36.549 4.33008 36.549C3.91586 36.549 3.58008 36.2132 3.58008 35.799H4.33008H5.08008ZM3.58008 40.701C3.58008 40.2868 3.91586 39.951 4.33008 39.951C4.74429 39.951 5.08008 40.2868 5.08008 40.701H4.33008H3.58008ZM5.08008 40.799C5.08008 41.2132 4.74429 41.549 4.33008 41.549C3.91586 41.549 3.58008 41.2132 3.58008 40.799H4.33008H5.08008ZM3.58008 45.701C3.58008 45.2868 3.91586 44.951 4.33008 44.951C4.74429 44.951 5.08008 45.2868 5.08008 45.701H4.33008H3.58008ZM5.08008 45.799C5.08008 46.2132 4.74429 46.549 4.33008 46.549C3.91586 46.549 3.58008 46.2132 3.58008 45.799H4.33008H5.08008ZM3.58008 50.701C3.58008 50.2868 3.91586 49.951 4.33008 49.951C4.74429 49.951 5.08008 50.2868 5.08008 50.701H4.33008H3.58008ZM5.08008 50.799C5.08008 51.2132 4.74429 51.549 4.33008 51.549C3.91586 51.549 3.58008 51.2132 3.58008 50.799H4.33008H5.08008ZM3.58008 55.701C3.58008 55.2868 3.91586 54.951 4.33008 54.951C4.74429 54.951 5.08008 55.2868 5.08008 55.701H4.33008H3.58008ZM5.08008 55.799C5.08008 56.2132 4.74429 56.549 4.33008 56.549C3.91586 56.549 3.58008 56.2132 3.58008 55.799H4.33008H5.08008ZM3.58008 60.701C3.58008 60.2868 3.91586 59.951 4.33008 59.951C4.74429 59.951 5.08008 60.2868 5.08008 60.701H4.33008H3.58008ZM5.08008 60.799C5.08008 61.2132 4.74429 61.549 4.33008 61.549C3.91586 61.549 3.58008 61.2132 3.58008 60.799H4.33008H5.08008ZM3.58008 65.701C3.58008 65.2868 3.91586 64.951 4.33008 64.951C4.74429 64.951 5.08008 65.2868 5.08008 65.701H4.33008H3.58008ZM5.08008 65.799C5.08008 66.2132 4.74429 66.549 4.33008 66.549C3.91586 66.549 3.58008 66.2132 3.58008 65.799H4.33008H5.08008ZM3.58008 70.701C3.58008 70.2868 3.91586 69.951 4.33008 69.951C4.74429 69.951 5.08008 70.2868 5.08008 70.701H4.33008H3.58008ZM4.33008 0.75H5.08008V0.79902H4.33008H3.58008V0.75H4.33008ZM4.33008 5.70098H5.08008V5.79902H4.33008H3.58008V5.70098H4.33008ZM4.33008 10.701H5.08008V10.799H4.33008H3.58008L3.58008 10.701H4.33008ZM4.33008 15.701H5.08008V15.799H4.33008H3.58008V15.701H4.33008ZM4.33008 20.701H5.08008V20.799H4.33008H3.58008V20.701H4.33008ZM4.33008 25.701H5.08008V25.799H4.33008H3.58008V25.701H4.33008ZM4.33008 30.701H5.08008V30.799H4.33008H3.58008V30.701H4.33008ZM4.33008 35.701H5.08008V35.799H4.33008H3.58008V35.701H4.33008ZM4.33008 40.701H5.08008V40.799H4.33008H3.58008V40.701H4.33008ZM4.33008 45.701H5.08008V45.799H4.33008H3.58008V45.701H4.33008ZM4.33008 50.701H5.08008V50.799H4.33008H3.58008V50.701H4.33008ZM4.33008 55.701H5.08008V55.799H4.33008H3.58008V55.701H4.33008ZM4.33008 60.701H5.08008V60.799H4.33008H3.58008V60.701H4.33008ZM4.33008 65.701H5.08008V65.799H4.33008H3.58008V65.701H4.33008Z' fill='%23C02242' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 0.9rem;
  height: 7.1rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
@media (max-width: 1024px) {
  .swap-etapabsolute::before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.swap-text3 {
  max-width: 120.1rem;
}

.swap-bluebox {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  border-radius: 3rem;
  padding: 3rem 3.1rem;
  background: var(--light-grey);
}
@media (max-width: 1024px) {
  .swap-bluebox {
    font-size: 1.4rem;
    padding: 1.5rem;
    border-radius: 2rem;
  }
}
.swap-bluebox a {
  color: var(--red);
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .swap-bluebox a:hover {
    color: var(--black);
  }
}
.swap-bluebox + .swap-bluebox {
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-bluebox + .swap-bluebox {
    margin-top: 2rem;
  }
}

.swap-sumblock {
  margin-top: 3rem;
}

.results-summarydesc a {
  color: var(--red);
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .results-summarydesc a:hover {
    color: var(--black);
  }
}

.swap-subtitle4 {
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  .swap-subtitle4 {
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #202636;
  }
}

.swap-text4 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-text4 {
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    margin-top: 2rem;
  }
}

.swap-deals {
  background: var(--light-grey);
  border-radius: 3rem;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .swap-deals {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7.6rem;
    margin-top: 3rem;
  }
}

.swap-deal {
  position: relative;
}
.swap-deal::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='102' height='2' viewBox='0 0 102 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75H100.75' stroke='%23242137' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
  width: 10.2rem;
  height: 0.2rem;
  bottom: 3rem;
  left: calc(100% + 2rem);
  position: absolute;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 1024px) {
  .swap-deal::before {
    background-image: url("data:image/svg+xml,%3Csvg width='2' height='53' viewBox='0 0 2 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 51.75L0.750002 0.749999' stroke='%23242137' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 5' /%3E%3C/svg%3E");
    height: 5.3rem;
    width: 0.2rem;
    bottom: -6rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.swap-deal:last-child::before {
  content: normal;
}

.swap-dealtitle {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 144%;
  text-align: center;
  color: #202636;
}
@media (max-width: 1024px) {
  .swap-dealtitle {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    text-align: center;
    color: #202636;
  }
}

.swap-dealdesc {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #202636;
  border-radius: 1.5rem;
  padding: 2.2rem;
  background: var(--white);
  margin-top: 2rem;
  min-width: 32rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .swap-dealdesc {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    width: 100%;
    max-width: 19.3rem;
    padding: 1rem 1.5rem;
    min-width: 0;
    margin-top: 1.5rem;
  }
}

.swap-if {
  display: grid;
  grid-template-columns: 45.6rem 1fr;
  gap: 4rem;
  margin-top: 8rem;
}
@media (max-width: 1024px) {
  .swap-if {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 4rem;
  }
}

.swap-iftitle {
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .swap-iftitle {
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #202636;
  }
}

.swap-iflist {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .swap-iflist {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    gap: 1rem;
  }
}
.swap-iflist li {
  position: relative;
  padding-left: 1.6rem;
}
.swap-iflist li::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  border-radius: 100%;
  background-color: var(--grey);
  position: absolute;
  top: 1rem;
  left: 0.5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-50 {
  margin-top: 5rem;
}

.swap-subtn {
  margin-right: auto;
}

.size-14 {
  width: 1.4rem;
  height: 1.4rem;
}

.swap-dates {
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .swap-dates {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 167%;
    color: #202636;
    gap: 1rem;
  }
}
.swap-dates > * {
  border-radius: 1.5rem;
  padding: 0rem 1.6rem;
  background: var(--light-grey);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.6rem;
}
@media (max-width: 1024px) {
  .swap-dates > * {
    padding: 0.6rem 1rem;
    height: 3.2rem;
  }
}

@media (max-width: 1024px) {
  .swap-swiper-wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

@media (max-width: 1024px) {
  .swap-sumblockcolumn {
    display: flex;
    flex-direction: column;
  }
}

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

@media (max-width: 1024px) {
  .xl-mt-30 {
    margin-top: 3rem;
  }
}

@media (max-width: 1024px) {
  .xl-mb-20 {
    margin-bottom: 2rem;
  }
}

@media (max-width: 1024px) {
  .xl-small {
    font-size: 1.2rem;
  }
}

.swap-prelink {
  padding-bottom: 2rem;
  transition: color var(--time);
  display: block;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
  margin-bottom: 7rem;
}
@media (max-width: 1024px) {
  .swap-prelink {
    font-size: 2.4rem;
    line-height: 117%;
    letter-spacing: -0.01em;
    color: #202636;
    margin-bottom: 3.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .swap-prelink:hover {
    color: var(--red);
  }
}

.stocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: min-content;
  column-gap: 4rem;
}
@media (max-width: 1024px) {
  .stocks {
    display: flex;
    flex-direction: column;
  }
}

.stocks-title {
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .stocks-title {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

.stocks-desc {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .stocks-desc {
    font-size: 1.6rem;
    line-height: 125%;
    margin-top: 2rem;
  }
}

.stocks-right {
  grid-row: 2 span;
}
@media (max-width: 1024px) {
  .stocks-right {
    margin-top: 3rem;
  }
}

.stocks-red {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  background: var(--red);
  padding: 3rem;
  min-height: 34rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .stocks-red {
    padding: 2rem 1.4rem;
    min-height: 20.5rem;
    border-radius: 2rem;
  }
}
.stocks-red + .stocks-red {
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .stocks-red + .stocks-red {
    margin-top: 2rem;
  }
}

.stocks-name {
  font-weight: 500;
  font-size: 15rem;
  line-height: 73%;
  letter-spacing: -0.03em;
  color: var(--white);
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .stocks-name {
    font-size: 7rem;
    line-height: 91%;
    letter-spacing: -0.01em;
  }
}

.stocks-expert {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #fcfcfd;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .stocks-expert {
    margin-top: 0.5rem;
    font-size: 1.4rem;
    line-height: 186%;
  }
}

.stocks-redbot {
  display: flex;
  justify-content: space-between;
  border-top: 1.5px dashed rgba(252, 252, 253, 0.7);
  padding-top: 3rem;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .stocks-redbot {
    padding-top: 1.6rem;
  }
}

.stocks-img {
  width: 10.7rem;
  height: 3.1rem;
}
@media (max-width: 1024px) {
  .stocks-img {
    width: 6.3rem;
    height: 1.8rem;
  }
}

.stocks-date {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: #fcfcfd;
}
@media (max-width: 1024px) {
  .stocks-date {
    font-size: 1.2rem;
    line-height: 167%;
  }
}

.stocks-downloads {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .stocks-downloads {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
}

.stocks-download {
  background: var(--light-grey);
  position: relative;
  border-radius: 3rem;
  padding: 3rem;
}
@media (max-width: 1024px) {
  .stocks-download {
    padding: 1.3rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 2rem;
  }
}

.stocks-hiddenlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .stocks-hiddenlink:hover ~ .stocks-downloadicon {
    color: var(--white);
    background-color: var(--black);
  }
}

.stocks-downloadtext {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #28355f;
}
@media (max-width: 1024px) {
  .stocks-downloadtext {
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.stocks-downloadicon {
  margin-top: 4.6rem;
}
@media (max-width: 1024px) {
  .stocks-downloadicon {
    margin-top: 0;
  }
}

.stocks-bot {
  margin-top: 6rem;
}
@media (max-width: 1024px) {
  .stocks-bot {
    margin-top: 4rem;
  }
}

.stocks-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(36, 33, 55, 0.15);
}
@media (max-width: 1024px) {
  .stocks-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
.stocks-item:first-child {
  border-top: 1px solid rgba(36, 33, 55, 0.15);
}

.stocks-subtitle {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .stocks-subtitle {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.stocks-info {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .stocks-info {
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.esg-head {
  display: grid;
  grid-template-columns: 41rem 1fr;
  gap: 4rem;
}
@media (max-width: 1024px) {
  .esg-head {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}

.esg-title,
.esg-pretitle {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
  max-width: 21.9rem;
  padding-top: 2rem;
}
@media (max-width: 1024px) {
  .esg-title,
  .esg-pretitle {
    font-weight: 500;
    font-size: 1.6rem;
    padding-top: 0;
    max-width: 24rem;
  }
}

.esg-title {
  max-width: 100%;
}

.esg-section {
  display: grid;
  grid-template-columns: 41rem 1fr;
  gap: 4rem;
  padding-top: 4rem;
  margin-top: 12rem;
  position: relative;
}
@media (max-width: 1024px) {
  .esg-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 2rem;
    margin-top: 4rem;
  }
}
.esg-section::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='1762' height='2' viewBox='0 0 1762 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L1760.75 0.750154' stroke='%23242137' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='0.1 7' /%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center;
  background-size: 176.2rem 0.2rem;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.esg-block {
  height: 80rem;
  position: relative;
  padding: 3rem;
}
@media (max-width: 1024px) {
  .esg-block {
    min-height: 17rem;
    height: auto;
    padding: 2rem;
  }
}

.esg-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
}
@media (max-width: 1024px) {
  .esg-bg {
    border-radius: 2rem;
  }
}

.esg-subtitle {
  position: relative;
  z-index: 1;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  .esg-subtitle {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

.esg-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media (max-width: 1024px) {
  .esg-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}

.esg-item {
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 3rem;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  min-height: 38rem;
}
@media (max-width: 1024px) {
  .esg-item {
    min-height: 0;
    border-radius: 2rem;
    padding: 2rem;
  }
}

.esg-icon {
  border-radius: 1.5rem;
  border: 1px solid rgba(36, 33, 55, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey);
  width: 5rem;
  height: 5rem;
}
@media (max-width: 1024px) {
  .esg-icon {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 0.9rem;
  }
}
.esg-icon svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media (max-width: 1024px) {
  .esg-icon svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}

.esg-subtitle2 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
  margin-top: 2.8rem;
}
@media (max-width: 1024px) {
  .esg-subtitle2 {
    font-size: 1.8rem;
    line-height: 122%;
    margin-top: 2rem;
  }
}

.esg-desc {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: auto;
  padding-top: 1rem;
}
@media (max-width: 1024px) {
  .esg-desc {
    font-size: 1.4rem;
    line-height: 143%;
    margin-top: 1rem;
  }
}
.esg-desc a {
  color: var(--red);
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .esg-desc a:hover {
    color: var(--black);
  }
}

.esg-download {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: auto;
  padding-top: 2rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .esg-download {
    font-size: 1.4rem;
    line-height: 143%;
    padding-top: 3.4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .esg-download:hover .esg-downloadicon {
    background-color: var(--black);
    color: var(--white);
  }
  .esg-download:hover .esg-downloadicon svg {
    color: var(--white);
  }
}

.esg-downloadicon {
  border-radius: 1.5rem;
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--light-grey);
  transition: color var(--time), background-color var(--time);
  color: var(--grey);
}
.esg-downloadicon svg {
  width: 3rem;
  height: 3rem;
}

.calendar {
  display: grid;
  grid-template-columns: 1fr 35rem;
  gap: 10rem;
}
@media (max-width: 1024px) {
  .calendar {
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
}

@media (max-width: 1024px) {
  .calendar-content {
    order: 1;
  }
}

.calendar-title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 6rem;
  line-height: 107%;
  letter-spacing: -0.01em;
  color: #202636;
}
@media (max-width: 1024px) {
  .calendar-title {
    font-size: 2.4rem;
    line-height: 117%;
  }
}

.mt-146 {
  margin-top: 14.6rem;
}
@media (max-width: 1024px) {
  .mt-146 {
    margin-top: 6rem;
  }
}

.calendar-list {
  margin-top: 5rem;
}
@media (max-width: 1024px) {
  .calendar-list {
    margin-top: 2rem;
  }
}

.calendar-item {
  display: flex;
  border-top: 1px solid rgba(36, 33, 55, 0.15);
  position: relative;
  z-index: 1;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 1024px) {
  .calendar-item {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.calendar-item:last-child {
  border-bottom: 1px solid rgba(36, 33, 55, 0.15);
}

.calendar-date {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  width: 26rem;
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  .calendar-date {
    font-size: 1.4rem;
    line-height: 143%;
    width: 100%;
  }
}

.calendar-hiddenlink {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .calendar-hiddenlink:hover ~ .calendar-iteminfo .calendar-subtitle {
    color: var(--red);
  }
}

.calendar-iteminfo a {
  position: relative;
  z-index: 1;
}

.calendar-subtitle {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 3rem;
  line-height: 113%;
  letter-spacing: -0.01em;
  color: #202636;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .calendar-subtitle {
    font-size: 1.8rem;
    line-height: 122%;
    margin-top: 1.5rem;
  }
}

.calendar-desc {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
  margin-top: 1.5rem;
}
@media (max-width: 1024px) {
  .calendar-desc {
    font-size: 1.4rem;
    line-height: 143%;
  }
}
.calendar-desc a {
  color: var(--red);
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .calendar-desc a:hover {
    color: var(--black);
  }
}

.calendar-picker {
  position: sticky;
  top: 10rem;
  height: min-content;
  min-height: 36rem;
}
@media (max-width: 1024px) {
  .calendar-picker {
    position: static;
  }
}

.calendar-links {
  display: flex;
  gap: 2rem;
  margin-top: 1.5rem;
}

.calendar-all {
  margin-top: 6rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: fit-content;
}
@media (max-width: 1024px) {
  .calendar-all {
    margin-top: 3rem;
    gap: 1rem;
    border-radius: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.calendar-all svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1024px) {
  .calendar-all svg {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.system-head {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .system-title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 122%;
    letter-spacing: -0.01em;
    color: #202636;
  }
}

.system-content {
  margin-top: 4rem;
  width: 100%;
  max-width: 176rem;
  height: 90.8rem;
}
@media (max-width: 500px) {
  .system-content {
    height: 21.3rem;
    margin-top: 3rem;
  }
}

.system-fancybox {
  display: none;
  border: 1px solid rgba(36, 33, 55, 0.2);
  border-radius: 1rem;
  padding: 2rem 2.2rem;
  width: 4.4rem;
  height: 4.4rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .system-fancybox {
    display: flex;
  }
}
.system-fancybox svg {
  width: 1.7rem;
  height: 1.7rem;
}

.system-faq {
  max-width: 125.4rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16rem;
}
@media (max-width: 1024px) {
  .system-faq {
    margin-top: 3rem;
  }
  .system-faq .mfaq-summary {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 122%;
    letter-spacing: -0.01em;
    color: #202636;
    padding-right: 7rem;
  }
}
.system-faq .mfaq-item:first-child .mfaq-summary {
  padding-top: 0;
}

.system-acccontent {
  max-width: 100%;
}
.system-acccontent > *:first-child {
  margin-top: 0;
}
.system-acccontent .results-list {
  padding-top: 0;
}

.ceo {
  margin-top: 16rem;
  max-width: 125.4rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 1024px) {
  .ceo {
    margin-top: 6rem;
  }
}

.ceo-block {
  background: var(--light-grey);
  position: relative;
  border-radius: 3rem;
  padding: 4rem;
  min-height: 32rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .ceo-block {
    padding: 2rem;
    padding-bottom: 24.6rem;
    min-height: 0;
  }
}

.ceo-subtitle {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  color: #202636;
}
@media (max-width: 1024px) {
  .ceo-subtitle {
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.ceo-name {
  font-weight: 600;
  font-size: 6rem;
  line-height: 107%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .ceo-name {
    font-size: 2.4rem;
    line-height: 117%;
    margin-top: 2rem;
  }
}

.ceo-socials {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  margin-top: auto;
  padding-top: 2rem;
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .ceo-socials {
    font-size: 1.6rem;
    line-height: 138%;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 138%;
    letter-spacing: -0.01em;
  }
}

.ceo-email {
  color: var(--red);
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .ceo-email:hover {
    color: var(--black);
  }
}

.ceo-phone {
  transition: color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .ceo-phone:hover {
    color: var(--red);
  }
}

.ceo-img {
  position: absolute;
  bottom: 0;
  height: 100%;
  right: 3.6rem;
  width: 48.1rem;
}
@media (max-width: 1024px) {
  .ceo-img {
    height: 21.2rem;
    margin-top: 3.4rem;
    right: 0;
    width: 100%;
  }
}
.ceo-img img {
  object-position: bottom;
}

@media (max-width: 1024px) {
  .video-ul {
    padding-top: 0;
  }
}

.video-wrapper {
  display: grid;
  grid-template-columns: 31.1rem 1fr;
  gap: 13.8rem;
}
@media (max-width: 1024px) {
  .video-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
}

.video-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  height: min-content;
}

.video-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  row-gap: 5rem;
}
@media (max-width: 1024px) {
  .video-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .video-list {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
}

.video-item {
  position: relative;
}

.video-hiddenlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .video-hiddenlink:hover ~ .video-subtitle {
    color: var(--red);
  }
  .video-hiddenlink:hover ~ .play-button::before {
    opacity: 0.9;
  }
}

.video-acccontent {
  max-width: 100%;
}

.video-frame {
  border-radius: 1.5rem;
  width: 100%;
  height: 26rem;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
@media (max-width: 500px) {
  .video-frame {
    height: 21.2rem;
  }
}
.video-frame iframe {
  width: 100%;
  height: 100%;
}
.video-frame iframe [data-testid=start-screen] [type=button] {
  background-color: var(--red) !important;
}

.video-subtitle {
  margin-top: 3rem;
  transition: color var(--time);
  min-height: 9rem;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: #202636;
  font-family: var(--second-family);
  max-width: 33rem;
}
@media (max-width: 1024px) {
  .video-subtitle {
    font-size: 1.8rem;
    line-height: 122%;
    margin-top: 1.5rem;
    min-height: 0;
  }
}

.play-button {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.play-button::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23FCFCFD'/%3E%3Cpath d='M39 29.6601L24 20.9998V38.3203L39 29.6601Z' fill='%23D5384D'/%3E%3C/svg%3E%0A");
  transition: opacity var(--time);
  width: 6rem;
  height: 6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 500px) {
  .play-button::before {
    width: 4.4rem;
    height: 4.4rem;
  }
}

.video-desc {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 138%;
  color: var(--grey);
  max-width: 33rem;
  margin-top: 1.5rem;
}
@media (max-width: 1024px) {
  .video-desc {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    color: var(--grey);
    margin-top: 0.5rem;
    font-family: var(--second-family);
  }
}

.news {
  display: grid;
  grid-template-columns: 32rem 1fr;
  gap: 12.5rem;
}
@media (max-width: 1024px) {
  .news {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
}

.news-filter {
  position: sticky;
  left: 0;
  top: 10rem;
  height: min-content;
}
@media (max-width: 1024px) {
  .news-filter {
    top: 0;
    position: relative;
  }
}

@media (max-width: 1024px) {
  .news-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}

.news-link {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #202636;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
  position: relative;
  transition: color var(--time), background-color var(--time), border-color var(--time);
  font-family: var(--second-family);
}
@media (max-width: 1024px) {
  .news-link {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 143%;
    color: #202636;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    padding: 0.5rem 1.4rem;
    min-height: 3.2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .news-link:hover {
    color: var(--red);
  }
}
.news-link.active {
  color: var(--red);
}
@media (max-width: 1024px) {
  .news-link.active {
    background: #202636;
    border-color: #202636;
    color: var(--white);
  }
}
.news-link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='322' height='65' viewBox='0 0 322 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M320.75 64.75C321.164 64.75 321.5 64.4142 321.5 64C321.5 63.5858 321.164 63.25 320.75 63.25V64V64.75ZM0.75 63.25C0.335786 63.25 0 63.5858 0 64C0 64.4142 0.335786 64.75 0.75 64.75V64V63.25ZM0.800441 64.75C1.21465 64.75 1.55044 64.4142 1.55044 64C1.55044 63.5858 1.21465 63.25 0.800441 63.25V64V64.75ZM6.8534 63.25C6.43919 63.25 6.1034 63.5858 6.1034 64C6.1034 64.4142 6.43919 64.75 6.8534 64.75V64V63.25ZM6.95429 64.75C7.3685 64.75 7.70429 64.4142 7.70429 64C7.70429 63.5858 7.3685 63.25 6.95429 63.25V64V64.75ZM13.0073 63.25C12.593 63.25 12.2573 63.5858 12.2573 64C12.2573 64.4142 12.593 64.75 13.0073 64.75V64V63.25ZM13.1081 64.75C13.5223 64.75 13.8581 64.4142 13.8581 64C13.8581 63.5858 13.5223 63.25 13.1081 63.25V64V64.75ZM19.1611 63.25C18.7469 63.25 18.4111 63.5858 18.4111 64C18.4111 64.4142 18.7469 64.75 19.1611 64.75V64V63.25ZM19.262 64.75C19.6762 64.75 20.012 64.4142 20.012 64C20.012 63.5858 19.6762 63.25 19.262 63.25V64V64.75ZM25.3149 63.25C24.9007 63.25 24.5649 63.5858 24.5649 64C24.5649 64.4142 24.9007 64.75 25.3149 64.75V64V63.25ZM25.4158 64.75C25.83 64.75 26.1658 64.4142 26.1658 64C26.1658 63.5858 25.83 63.25 25.4158 63.25V64V64.75ZM31.4688 63.25C31.0546 63.25 30.7188 63.5858 30.7188 64C30.7188 64.4142 31.0546 64.75 31.4688 64.75V64V63.25ZM31.5697 64.75C31.9839 64.75 32.3197 64.4142 32.3197 64C32.3197 63.5858 31.9839 63.25 31.5697 63.25V64V64.75ZM37.6226 63.25C37.2084 63.25 36.8726 63.5858 36.8726 64C36.8726 64.4142 37.2084 64.75 37.6226 64.75V64V63.25ZM37.7235 64.75C38.1377 64.75 38.4735 64.4142 38.4735 64C38.4735 63.5858 38.1377 63.25 37.7235 63.25V64V64.75ZM43.7765 63.25C43.3623 63.25 43.0265 63.5858 43.0265 64C43.0265 64.4142 43.3623 64.75 43.7765 64.75V64V63.25ZM43.8774 64.75C44.2916 64.75 44.6274 64.4142 44.6274 64C44.6274 63.5858 44.2916 63.25 43.8774 63.25V64V64.75ZM49.9303 63.25C49.5161 63.25 49.1803 63.5858 49.1803 64C49.1803 64.4142 49.5161 64.75 49.9303 64.75V64V63.25ZM50.0312 64.75C50.4454 64.75 50.7812 64.4142 50.7812 64C50.7812 63.5858 50.4454 63.25 50.0312 63.25V64V64.75ZM56.0842 63.25C55.67 63.25 55.3342 63.5858 55.3342 64C55.3342 64.4142 55.67 64.75 56.0842 64.75V64V63.25ZM56.1851 64.75C56.5993 64.75 56.9351 64.4142 56.9351 64C56.9351 63.5858 56.5993 63.25 56.1851 63.25V64V64.75ZM62.238 63.25C61.8238 63.25 61.488 63.5858 61.488 64C61.488 64.4142 61.8238 64.75 62.238 64.75V64V63.25ZM62.3389 64.75C62.7531 64.75 63.0889 64.4142 63.0889 64C63.0889 63.5858 62.7531 63.25 62.3389 63.25V64V64.75ZM68.3919 63.25C67.9777 63.25 67.6419 63.5858 67.6419 64C67.6419 64.4142 67.9777 64.75 68.3919 64.75V64V63.25ZM68.4928 64.75C68.907 64.75 69.2428 64.4142 69.2428 64C69.2428 63.5858 68.907 63.25 68.4928 63.25V64V64.75ZM74.5457 63.25C74.1315 63.25 73.7957 63.5858 73.7957 64C73.7957 64.4142 74.1315 64.75 74.5457 64.75V64V63.25ZM74.6466 64.75C75.0608 64.75 75.3966 64.4142 75.3966 64C75.3966 63.5858 75.0608 63.25 74.6466 63.25V64V64.75ZM80.6996 63.25C80.2854 63.25 79.9496 63.5858 79.9496 64C79.9496 64.4142 80.2854 64.75 80.6996 64.75V64V63.25ZM80.8004 64.75C81.2147 64.75 81.5504 64.4142 81.5504 64C81.5504 63.5858 81.2147 63.25 80.8004 63.25V64V64.75ZM86.8534 63.25C86.4392 63.25 86.1034 63.5858 86.1034 64C86.1034 64.4142 86.4392 64.75 86.8534 64.75V64V63.25ZM86.9543 64.75C87.3685 64.75 87.7043 64.4142 87.7043 64C87.7043 63.5858 87.3685 63.25 86.9543 63.25V64V64.75ZM93.0073 63.25C92.593 63.25 92.2573 63.5858 92.2573 64C92.2573 64.4142 92.593 64.75 93.0073 64.75V64V63.25ZM93.1082 64.75C93.5224 64.75 93.8582 64.4142 93.8582 64C93.8582 63.5858 93.5224 63.25 93.1082 63.25V64V64.75ZM99.1611 63.25C98.7469 63.25 98.4111 63.5858 98.4111 64C98.4111 64.4142 98.7469 64.75 99.1611 64.75V64V63.25ZM99.262 64.75C99.6762 64.75 100.012 64.4142 100.012 64C100.012 63.5858 99.6762 63.25 99.262 63.25V64V64.75ZM105.315 63.25C104.901 63.25 104.565 63.5858 104.565 64C104.565 64.4142 104.901 64.75 105.315 64.75V64V63.25ZM105.416 64.75C105.83 64.75 106.166 64.4142 106.166 64C106.166 63.5858 105.83 63.25 105.416 63.25V64V64.75ZM111.469 63.25C111.055 63.25 110.719 63.5858 110.719 64C110.719 64.4142 111.055 64.75 111.469 64.75V64V63.25ZM111.57 64.75C111.984 64.75 112.32 64.4142 112.32 64C112.32 63.5858 111.984 63.25 111.57 63.25V64V64.75ZM117.623 63.25C117.208 63.25 116.873 63.5858 116.873 64C116.873 64.4142 117.208 64.75 117.623 64.75V64V63.25ZM117.724 64.75C118.138 64.75 118.474 64.4142 118.474 64C118.474 63.5858 118.138 63.25 117.724 63.25V64V64.75ZM123.776 63.25C123.362 63.25 123.026 63.5858 123.026 64C123.026 64.4142 123.362 64.75 123.776 64.75V64V63.25ZM123.877 64.75C124.292 64.75 124.627 64.4142 124.627 64C124.627 63.5858 124.292 63.25 123.877 63.25V64V64.75ZM129.93 63.25C129.516 63.25 129.18 63.5858 129.18 64C129.18 64.4142 129.516 64.75 129.93 64.75V64V63.25ZM130.031 64.75C130.445 64.75 130.781 64.4142 130.781 64C130.781 63.5858 130.445 63.25 130.031 63.25V64V64.75ZM136.084 63.25C135.67 63.25 135.334 63.5858 135.334 64C135.334 64.4142 135.67 64.75 136.084 64.75V64V63.25ZM136.185 64.75C136.599 64.75 136.935 64.4142 136.935 64C136.935 63.5858 136.599 63.25 136.185 63.25V64V64.75ZM142.238 63.25C141.824 63.25 141.488 63.5858 141.488 64C141.488 64.4142 141.824 64.75 142.238 64.75V64V63.25ZM142.339 64.75C142.753 64.75 143.089 64.4142 143.089 64C143.089 63.5858 142.753 63.25 142.339 63.25V64V64.75ZM148.392 63.25C147.978 63.25 147.642 63.5858 147.642 64C147.642 64.4142 147.978 64.75 148.392 64.75V64V63.25ZM148.493 64.75C148.907 64.75 149.243 64.4142 149.243 64C149.243 63.5858 148.907 63.25 148.493 63.25V64V64.75ZM154.546 63.25C154.131 63.25 153.796 63.5858 153.796 64C153.796 64.4142 154.131 64.75 154.546 64.75V64V63.25ZM154.647 64.75C155.061 64.75 155.397 64.4142 155.397 64C155.397 63.5858 155.061 63.25 154.647 63.25V64V64.75ZM160.7 63.25C160.285 63.25 159.95 63.5858 159.95 64C159.95 64.4142 160.285 64.75 160.7 64.75V64V63.25ZM160.8 64.75C161.215 64.75 161.55 64.4142 161.55 64C161.55 63.5858 161.215 63.25 160.8 63.25V64V64.75ZM166.853 63.25C166.439 63.25 166.103 63.5858 166.103 64C166.103 64.4142 166.439 64.75 166.853 64.75V64V63.25ZM166.954 64.75C167.368 64.75 167.704 64.4142 167.704 64C167.704 63.5858 167.368 63.25 166.954 63.25V64V64.75ZM173.007 63.25C172.593 63.25 172.257 63.5858 172.257 64C172.257 64.4142 172.593 64.75 173.007 64.75V64V63.25ZM173.108 64.75C173.522 64.75 173.858 64.4142 173.858 64C173.858 63.5858 173.522 63.25 173.108 63.25V64V64.75ZM179.161 63.25C178.747 63.25 178.411 63.5858 178.411 64C178.411 64.4142 178.747 64.75 179.161 64.75V64V63.25ZM179.262 64.75C179.676 64.75 180.012 64.4142 180.012 64C180.012 63.5858 179.676 63.25 179.262 63.25V64V64.75ZM185.315 63.25C184.901 63.25 184.565 63.5858 184.565 64C184.565 64.4142 184.901 64.75 185.315 64.75V64V63.25ZM185.416 64.75C185.83 64.75 186.166 64.4142 186.166 64C186.166 63.5858 185.83 63.25 185.416 63.25V64V64.75ZM191.469 63.25C191.055 63.25 190.719 63.5858 190.719 64C190.719 64.4142 191.055 64.75 191.469 64.75V64V63.25ZM191.57 64.75C191.984 64.75 192.32 64.4142 192.32 64C192.32 63.5858 191.984 63.25 191.57 63.25V64V64.75ZM197.623 63.25C197.208 63.25 196.873 63.5858 196.873 64C196.873 64.4142 197.208 64.75 197.623 64.75V64V63.25ZM197.723 64.75C198.138 64.75 198.473 64.4142 198.473 64C198.473 63.5858 198.138 63.25 197.723 63.25V64V64.75ZM203.776 63.25C203.362 63.25 203.026 63.5858 203.026 64C203.026 64.4142 203.362 64.75 203.776 64.75V64V63.25ZM203.877 64.75C204.292 64.75 204.627 64.4142 204.627 64C204.627 63.5858 204.292 63.25 203.877 63.25V64V64.75ZM209.93 63.25C209.516 63.25 209.18 63.5858 209.18 64C209.18 64.4142 209.516 64.75 209.93 64.75V64V63.25ZM210.031 64.75C210.445 64.75 210.781 64.4142 210.781 64C210.781 63.5858 210.445 63.25 210.031 63.25V64V64.75ZM216.084 63.25C215.67 63.25 215.334 63.5858 215.334 64C215.334 64.4142 215.67 64.75 216.084 64.75V64V63.25ZM216.185 64.75C216.599 64.75 216.935 64.4142 216.935 64C216.935 63.5858 216.599 63.25 216.185 63.25V64V64.75ZM222.238 63.25C221.824 63.25 221.488 63.5858 221.488 64C221.488 64.4142 221.824 64.75 222.238 64.75V64V63.25ZM222.339 64.75C222.753 64.75 223.089 64.4142 223.089 64C223.089 63.5858 222.753 63.25 222.339 63.25V64V64.75ZM228.392 63.25C227.978 63.25 227.642 63.5858 227.642 64C227.642 64.4142 227.978 64.75 228.392 64.75V64V63.25ZM228.493 64.75C228.907 64.75 229.243 64.4142 229.243 64C229.243 63.5858 228.907 63.25 228.493 63.25V64V64.75ZM234.546 63.25C234.131 63.25 233.796 63.5858 233.796 64C233.796 64.4142 234.131 64.75 234.546 64.75V64V63.25ZM234.646 64.75C235.061 64.75 235.396 64.4142 235.396 64C235.396 63.5858 235.061 63.25 234.646 63.25V64V64.75ZM240.699 63.25C240.285 63.25 239.949 63.5858 239.949 64C239.949 64.4142 240.285 64.75 240.699 64.75V64V63.25ZM240.8 64.75C241.215 64.75 241.55 64.4142 241.55 64C241.55 63.5858 241.215 63.25 240.8 63.25V64V64.75ZM246.853 63.25C246.439 63.25 246.103 63.5858 246.103 64C246.103 64.4142 246.439 64.75 246.853 64.75V64V63.25ZM246.954 64.75C247.368 64.75 247.704 64.4142 247.704 64C247.704 63.5858 247.368 63.25 246.954 63.25V64V64.75ZM253.007 63.25C252.593 63.25 252.257 63.5858 252.257 64C252.257 64.4142 252.593 64.75 253.007 64.75V64V63.25ZM253.108 64.75C253.522 64.75 253.858 64.4142 253.858 64C253.858 63.5858 253.522 63.25 253.108 63.25V64V64.75ZM259.161 63.25C258.747 63.25 258.411 63.5858 258.411 64C258.411 64.4142 258.747 64.75 259.161 64.75V64V63.25ZM259.262 64.75C259.676 64.75 260.012 64.4142 260.012 64C260.012 63.5858 259.676 63.25 259.262 63.25V64V64.75ZM265.315 63.25C264.901 63.25 264.565 63.5858 264.565 64C264.565 64.4142 264.901 64.75 265.315 64.75V64V63.25ZM265.416 64.75C265.83 64.75 266.166 64.4142 266.166 64C266.166 63.5858 265.83 63.25 265.416 63.25V64V64.75ZM271.469 63.25C271.055 63.25 270.719 63.5858 270.719 64C270.719 64.4142 271.055 64.75 271.469 64.75V64V63.25ZM271.57 64.75C271.984 64.75 272.32 64.4142 272.32 64C272.32 63.5858 271.984 63.25 271.57 63.25V64V64.75ZM277.623 63.25C277.208 63.25 276.873 63.5858 276.873 64C276.873 64.4142 277.208 64.75 277.623 64.75V64V63.25ZM277.723 64.75C278.138 64.75 278.473 64.4142 278.473 64C278.473 63.5858 278.138 63.25 277.723 63.25V64V64.75ZM283.776 63.25C283.362 63.25 283.026 63.5858 283.026 64C283.026 64.4142 283.362 64.75 283.776 64.75V64V63.25ZM283.877 64.75C284.292 64.75 284.627 64.4142 284.627 64C284.627 63.5858 284.292 63.25 283.877 63.25V64V64.75ZM289.93 63.25C289.516 63.25 289.18 63.5858 289.18 64C289.18 64.4142 289.516 64.75 289.93 64.75V64V63.25ZM290.031 64.75C290.445 64.75 290.781 64.4142 290.781 64C290.781 63.5858 290.445 63.25 290.031 63.25V64V64.75ZM296.084 63.25C295.67 63.25 295.334 63.5858 295.334 64C295.334 64.4142 295.67 64.75 296.084 64.75V64V63.25ZM296.185 64.75C296.599 64.75 296.935 64.4142 296.935 64C296.935 63.5858 296.599 63.25 296.185 63.25V64V64.75ZM302.238 63.25C301.824 63.25 301.488 63.5858 301.488 64C301.488 64.4142 301.824 64.75 302.238 64.75V64V63.25ZM302.339 64.75C302.753 64.75 303.089 64.4142 303.089 64C303.089 63.5858 302.753 63.25 302.339 63.25V64V64.75ZM308.392 63.25C307.978 63.25 307.642 63.5858 307.642 64C307.642 64.4142 307.978 64.75 308.392 64.75V64V63.25ZM308.493 64.75C308.907 64.75 309.243 64.4142 309.243 64C309.243 63.5858 308.907 63.25 308.493 63.25V64V64.75ZM314.546 63.25C314.132 63.25 313.796 63.5858 313.796 64C313.796 64.4142 314.132 64.75 314.546 64.75V64V63.25ZM314.647 64.75C315.061 64.75 315.397 64.4142 315.397 64C315.397 63.5858 315.061 63.25 314.647 63.25V64V64.75ZM320.7 63.25C320.285 63.25 319.95 63.5858 319.95 64C319.95 64.4142 320.285 64.75 320.7 64.75V64V63.25ZM0.75 64V64.75H0.800441V64V63.25H0.75V64ZM6.8534 64V64.75H6.95429V64V63.25H6.8534V64ZM13.0073 64V64.75H13.1081V64V63.25H13.0073V64ZM19.1611 64V64.75H19.262V64V63.25H19.1611V64ZM25.3149 64V64.75H25.4158V64V63.25H25.3149V64ZM31.4688 64V64.75H31.5697V64V63.25H31.4688V64ZM37.6226 64V64.75H37.7235V64V63.25H37.6226V64ZM43.7765 64V64.75H43.8774V64V63.25H43.7765V64ZM49.9303 64V64.75H50.0312V64V63.25H49.9303V64ZM56.0842 64V64.75H56.1851V64V63.25H56.0842V64ZM62.238 64V64.75H62.3389V64V63.25H62.238V64ZM68.3919 64V64.75H68.4928V64V63.25H68.3919V64ZM74.5457 64V64.75H74.6466V64V63.25H74.5457V64ZM80.6996 64V64.75H80.8004V64V63.25H80.6996V64ZM86.8534 64V64.75H86.9543V64V63.25H86.8534V64ZM93.0073 64V64.75H93.1082V64V63.25H93.0073V64ZM99.1611 64V64.75H99.262V64V63.25H99.1611V64ZM105.315 64V64.75H105.416V64V63.25H105.315V64ZM111.469 64V64.75H111.57V64V63.25H111.469V64ZM117.623 64V64.75H117.724V64V63.25H117.623V64ZM123.776 64V64.75H123.877V64V63.25H123.776V64ZM129.93 64V64.75H130.031V64V63.25H129.93V64ZM136.084 64V64.75H136.185V64V63.25H136.084V64ZM142.238 64V64.75H142.339V64V63.25H142.238V64ZM148.392 64V64.75H148.493V64V63.25H148.392V64ZM154.546 64V64.75H154.647V64V63.25H154.546V64ZM160.7 64V64.75H160.8V64V63.25H160.7V64ZM166.853 64V64.75H166.954V64V63.25H166.853V64ZM173.007 64V64.75H173.108V64V63.25H173.007V64ZM179.161 64V64.75H179.262V64V63.25H179.161V64ZM185.315 64V64.75H185.416V64V63.25H185.315V64ZM191.469 64V64.75H191.57V64V63.25H191.469V64ZM197.623 64V64.75H197.723V64V63.25H197.623V64ZM203.776 64V64.75H203.877V64V63.25H203.776V64ZM209.93 64V64.75H210.031V64V63.25H209.93V64ZM216.084 64V64.75H216.185V64V63.25H216.084V64ZM222.238 64V64.75H222.339V64V63.25H222.238V64ZM228.392 64V64.75H228.493V64V63.25H228.392V64ZM234.546 64V64.75H234.646V64V63.25H234.546V64ZM240.699 64V64.75H240.8V64V63.25H240.699V64ZM246.853 64V64.75H246.954V64V63.25H246.853V64ZM253.007 64V64.75H253.108V64V63.25H253.007V64ZM259.161 64V64.75H259.262V64V63.25H259.161V64ZM265.315 64V64.75H265.416V64V63.25H265.315V64ZM271.469 64V64.75H271.57V64V63.25H271.469V64ZM277.623 64V64.75H277.723V64V63.25H277.623V64ZM283.776 64V64.75H283.877V64V63.25H283.776V64ZM289.93 64V64.75H290.031V64V63.25H289.93V64ZM296.084 64V64.75H296.185V64V63.25H296.084V64ZM302.238 64V64.75H302.339V64V63.25H302.238V64ZM308.392 64V64.75H308.493V64V63.25H308.392V64ZM314.546 64V64.75H314.647V64V63.25H314.546V64ZM320.7 64V64.75H320.75V64V63.25H320.7V64Z' fill='%23242137' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
  width: 100%;
  height: 6.5rem;
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .news-link::after {
    content: normal;
  }
}

.news-select {
  margin-top: 6rem;
  max-width: 30rem;
}
@media (max-width: 500px) {
  .news-select {
    max-width: 100%;
    margin-top: 3rem;
  }
}

.news-wrapper {
  display: flex;
  flex-direction: column;
}

.news-catalog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media (max-width: 1024px) {
  .news-catalog {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (max-width: 500px) {
  .news-catalog {
    display: flex;
    flex-direction: column;
  }
}
.news-catalog .col-span-3 {
  grid-column: 3 span;
  min-height: 38.5rem;
}
@media (max-width: 1024px) {
  .news-catalog .col-span-3 {
    grid-column: 2 span;
  }
}
.news-catalog .col-span-3 .mnews-subtitle {
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  color: #202636;
  max-width: 100%;
  margin-top: 2.5rem;
}
@media (max-width: 1024px) {
  .news-catalog .col-span-3 .mnews-subtitle {
    font-size: 2.4rem;
    line-height: 117%;
  }
}
@media (max-width: 1024px) {
  .news-catalog .col-span-3 .mnews-date {
    margin-top: 4rem;
  }
}

.news-pagination {
  margin-top: 6rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .news-pagination {
    margin-top: 2rem;
    width: 100%;
    justify-content: space-between;
  }
}

/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/air-datepicker@3.6.0/air-datepicker.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
  background-color: #f9fafc;
}
.air-datepicker-cell.-year-.-other-decade-.event-day,
.air-datepicker-cell.-day-.-other-month-.event-day {
  color: #fff;
}

.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color);
}

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 0.9rem;
  border-radius: 0;
  border: 1px solid var(--adp-border-color-inner);
  border-left: 0;
  border-bottom: 0;
  transition: background-color var(--time);
}
.air-datepicker-cell::before {
  content: attr(data-date);
  border-radius: 10rem;
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color var(--time);
  opacity: 0;
}
.air-datepicker-cell.-month-::before, .air-datepicker-cell.-year-::before {
  content: normal;
}
.air-datepicker-cell:nth-child(1), .air-datepicker-cell:nth-child(2), .air-datepicker-cell:nth-child(3), .air-datepicker-cell:nth-child(4), .air-datepicker-cell:nth-child(5), .air-datepicker-cell:nth-child(6), .air-datepicker-cell:nth-child(7) {
  border-top: 1px solid var(--adp-border-color-inner);
}
.air-datepicker-cell:nth-child(7n+1) {
  border-top: 1px solid var(--adp-border-color-inner);
}
.air-datepicker-cell:nth-child(1) {
  border-top: 1px solid var(--adp-border-color-inner);
}
.air-datepicker-cell:nth-child(7n+7) {
  border-right: 0;
}
.air-datepicker-cell.-year-, .air-datepicker-cell.-month- {
  border: 0;
}

.event-day {
  color: #fff;
}
.event-day:before {
  background-color: var(--adp-cell-background-color-selected);
  opacity: 1;
}

.air-datepicker-cell.-focus-.-month-, .air-datepicker-cell.-focus-.-year- {
  background-color: var(--adp-cell-background-color-hover);
}
.air-datepicker-cell.-focus-::before {
  opacity: 1;
  background-color: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  position: relative;
}
.air-datepicker-cell.-selected-::before {
  background: var(--adp-cell-background-color-selected);
  opacity: 1;
}
.air-datepicker-cell.-selected-.-month-, .air-datepicker-cell.-selected-.-year- {
  background-color: var(--red);
}
.air-datepicker-cell.-selected-.-month-::before, .air-datepicker-cell.-selected-.-year-::before {
  content: normal;
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
}

.air-datepicker-cell.-selected-.-focus-:before {
  background-color: var(--red);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  height: 5rem;
}
@media (max-width: 1024px) {
  .air-datepicker-body--day-names {
    height: 4.7rem;
  }
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-transform: lowercase;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  text-align: center;
  border-right: 1px solid var(--adp-border-color-inner);
}
.air-datepicker-body--day-name:last-child {
  border-right: 0;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
}
.air-datepicker-nav--action::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%3Cg clip-path='url(%23clip0_3703_3428)'%3E%3Cpath d='M10.1268 18.6993L18.8309 9.95829L10.1268 1.1943L8.75969 2.57085L15.2308 8.97177L2.75 8.99473V10.9448L15.2536 10.9219L8.75969 17.3228L10.1268 18.6993Z' fill='%23202636' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3703_3428'%3E%3Crect width='14' height='14' fill='white' transform='translate(9.90039) rotate(45)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 2rem;
  height: 2rem;
  display: block;
  transition: filter var(--time);
}
@media (max-width: 1024px) {
  .air-datepicker-nav--action::before {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.air-datepicker-nav--action svg {
  display: none;
}
.air-datepicker-nav--action[data-action=prev] {
  transform: scale(-1, 1);
}

.air-datepicker-nav--action:hover::before {
  filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(3660%) hue-rotate(332deg) brightness(85%) contrast(92%);
}

.air-datepicker-nav--action:active {
  filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(3660%) hue-rotate(332deg) brightness(85%) contrast(92%);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 144%;
  text-align: center;
  color: #202636;
  transition: color var(--time);
}
@media (max-width: 1024px) {
  .air-datepicker-nav--title {
    font-size: 1.4rem;
    line-height: 143%;
  }
}

.air-datepicker-nav--title i {
  font-style: normal;
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  color: var(--red);
}

.air-datepicker-nav--title:active {
  color: var(--red);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  text-align: center;
  color: #202636;
  font-family: var(--font-family);
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: var(--font-family);
  --adp-font-size: 14px;
  --adp-width: 35rem;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav""body""timepicker""buttons";
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: var(--white);
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: var(--red);
  --adp-background-color-selected-other-month: var(--red);
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--red);
  --adp-color-other-month: rgba(32, 38, 54, 0.2);
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: var(--light-grey);
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 1.5rem;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 5.4rem;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: rgba(32, 38, 54, 0.6);
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 5rem;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 100%;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 100%;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #C02242;
  --adp-cell-background-color-selected-hover: var(--black);
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px ;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99 ;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
  overflow: hidden;
}
@media (max-width: 500px) {
  .air-datepicker {
    width: 100%;
  }
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

.carousel {
  position: relative;
  box-sizing: border-box;
}

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

.carousel.is-draggable {
  cursor: move;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.carousel__track {
  display: flex;
}

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  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: flex;
  justify-content: center;
  list-style: 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%;
  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: flex;
  justify-content: 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%;
  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;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  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: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  z-index: 1050;
  outline: none;
  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;
  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: flex;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  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: "";
  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;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none;
}

.fancybox__caption {
  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;
  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%;
  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 {
  animation: fancybox-rotate 2s linear infinite;
  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;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@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 {
  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 {
  animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    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: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__image {
  transform-origin: 0 0;
  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;
  touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  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;
  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%;
  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%;
  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 {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: 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;
  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;
  touch-action: none;
  display: flex;
  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 {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

.fancybox__toolbar__items {
  display: flex;
}

.fancybox__toolbar__items--left {
  margin-right: auto;
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 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;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.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;
}

.modal-opened {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  z-index: 20;
  display: none;
  animation: fadeEffect var(--time);
}
@media (max-width: 1024px) {
  .modal {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 500px) {
  .modal {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.modal.open {
  display: flex;
}

.modal-block {
  border-radius: 4rem;
  background-color: var(--white);
  max-width: 58rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 4rem;
  position: relative;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 1024px) {
  .modal-block {
    max-width: 28rem;
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
.modal-block.max-w-640 {
  max-width: 64rem;
}
.modal-block.max-w-860 {
  max-width: 86rem;
}

.modal-close {
  position: absolute;
  top: 4rem;
  right: 4rem;
  border-radius: 1rem;
  border: 1px solid rgba(36, 33, 55, 0.4);
  width: 3.6rem;
  height: 3.6rem;
  color: var(--grey);
  padding: 0.5rem;
  transition: border-color var(--time);
}
@media (max-width: 1024px) {
  .modal-close {
    top: 2rem;
    right: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .modal-close:hover {
    border-color: var(--black);
    color: var(--black);
  }
}

.modal-title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 4rem;
  line-height: 115%;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--black);
}
@media (max-width: 1024px) {
  .modal-title {
    font-size: 1.8rem;
    line-height: 122%;
  }
}
.modal-title.text-left {
  text-align: left;
}

.modal-btn {
  margin-top: 4rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .modal-btn {
    margin-top: 2rem;
  }
}
.modal-btn.--2 {
  min-width: 36rem;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .modal-btn.--2 {
    min-width: 100%;
  }
}
@media (max-width: 1024px) {
  .modal-btn.--3 {
    width: 100%;
  }
}

.modal-label {
  display: flex;
  gap: 1.6rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  letter-spacing: 0.001em;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .modal-label {
    font-size: 1.2rem;
    line-height: 150%;
    gap: 1.5rem;
    margin-top: 0;
    font-weight: 400;
  }
}
.modal-label.items-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: text-decoration-color var(--time);
  text-decoration-skip-ink: none;
}
@media (hover: hover) and (pointer: fine) {
  .modal-label a:hover {
    text-decoration-color: transparent;
  }
}

.mb-40 {
  margin-bottom: 4rem;
}

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

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

.modal-calendars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .modal-calendars {
    display: flex;
    flex-direction: column;
  }
}
.modal-calendars a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.01em;
  color: #28355f;
  border-radius: 1.5rem;
  padding: 1.6rem 2rem 1.6rem 2.5rem;
  border: 1px solid rgba(40, 53, 95, 0.15);
  transition: border-color var(--time);
}
@media (hover: hover) and (pointer: fine) {
  .modal-calendars a:hover {
    border-color: var(--black);
  }
}

.modal-calendaricon {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
}

.modal-description.--1 {
  margin-top: 2.5rem;
}

.modal-labelwrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-labelwrap.col-span-2 {
  grid-column: 2 span;
}

.modal-inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  column-gap: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  .modal-inputs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}

.modal-placeholder {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 143%;
  color: #202636;
}