@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  scrollbar-gutter: stable;
}

button,
label {
  cursor: pointer;
}

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

@font-face {
  font-family: "Involve";
  src: local("Involve Regular"), local("Involve-Regular"), url("../../assets/fonts/Involve-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap; /* 👈 добавлено */
}
@font-face {
  font-family: "Involve-Oblique";
  src: local("Involve Oblique"), local("Involve-Oblique"), url("../../assets/fonts/Involve-Oblique.woff2") format("woff2");
  font-weight: 400;
  font-display: swap; /* 👈 добавлено */
}
@font-face {
  font-family: "Involve";
  src: local("Involve Medium"), local("Involve-Medium"), url("../../assets/fonts/Involve-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Involve-Oblique";
  src: local("Involve Medium Oblique"), local("Involve-Medium-Oblique"), url("../../assets/fonts/Involve-MediumOblique.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Involve";
  src: local("Involve SemiBold"), local("Involve-SemiBold"), url("../../assets/fonts/Involve-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Involve-Oblique";
  src: local("Involve SemiBold Oblique"), local("Involve-SemiBold-Oblique"), url("../../assets/fonts/Involve-SemiBoldOblique.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Involve";
  src: local("Involve Bold"), local("Involve-Bold"), url("../../assets/fonts/Involve-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Involve-Oblique";
  src: local("Involve Bold Oblique"), local("Involve-Bold-Oblique"), url("../../assets/fonts/Involve-BoldOblique.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
:root {
  --black:#111821;
  --blue-03:#037DE5;
  --blue-0F:#0F1525;
  --blue-10:#102235;
  --blue-03-10: rgba(3, 125, 229, .1);
  --blue-03-20:rgba(3, 125, 229, .2);
  --blue-dc:#DCE2EA;
  --grey-6d:#6D7384;
  --grey-b9:#B9C9D9;
  --grey-b9-30: rgba(185, 201, 217, 0.3);
  --grey-eb:#EBEDF1;
  --grey-a8:var(--grey-b9);
  --grey-f8:#F8F8F8;
  --white:#FFFFFF;
  --red:#c70000;
  --linear-gradient-blue: linear-gradient(180deg, #037de5 0%, rgba(17, 24, 33, 0) 100%);
  --font-family: "Involve";
  --second-family: "Involve-Oblique";
  --container-width: 77.5rem;
  --container-padding-x: 0.75rem;
  --transition-duration: .3s;
  --transition-all: all var(--transition-duration) ease;
  --border: 2px solid var(--blue-03-10);
  --border-footer: 1px solid rgba(3, 125, 229, 0.1);
}

.container {
  width: 100%;
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (width <= 47.99875rem) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (width > 47.99875rem) {
  .visible-mobile {
    display: none !important;
  }
}

body {
  font-size: clamp(0.875rem, 0.7944214876rem + 0.3305785124vw, 1.125rem);
  font-family: var(--font-family);
  color: var(--black);
  background-color: var(--grey-eb);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  margin: 0;
  font-weight: 700;
}

h1, .h1 {
  font-size: clamp(2rem, 1.798553719rem + 0.826446281vw, 2.625rem);
  line-height: 110%;
}

h2, .h2 {
  font-size: clamp(1.625rem, 1.5041322314rem + 0.4958677686vw, 2rem);
  line-height: 112%;
}

h3, .h3 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 120%;
}
@media (width <= 47.99875rem) {
  h3, .h3 {
    line-height: 125%;
  }
}

h4, .h4 {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 125%;
}

.text-normal {
  font-size: clamp(0.875rem, 0.8347107438rem + 0.1652892562vw, 1rem);
  font-weight: 500;
  line-height: 150%;
}
@media (width <= 47.99875rem) {
  .text-normal {
    line-height: 143%;
  }
}

.text-small {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  font-weight: 500;
  line-height: 143%;
}

.description {
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  font-weight: 600;
  line-height: 133%;
}

a,
button,
label,
input,
textarea,
select,
svg * {
  transition-duration: var(--transition-duration);
}

:focus-visible {
  outline: 0.125rem dashed #000;
  outline-offset: 0.25rem;
  transition-duration: 0s !important;
}

.text-up {
  text-transform: uppercase;
}

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

.shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-all);
}
.shadow.is-active {
  opacity: 0.3;
  pointer-events: auto;
}

.is-no-scroll {
  overflow: hidden;
}

html {
  padding-top: 6.25rem;
}
html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html::-webkit-scrollbar-track {
  background: var(--grey-eb);
}
html::-webkit-scrollbar-thumb {
  background: var(--blue-03);
  transition: var(--transition-all);
}
@media (width <= 63.99875rem) {
  html {
    padding-top: 5.375rem;
  }
}

.btn {
  text-decoration: none;
  background: none;
  border: none;
}
.btn .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-menu {
  width: 3rem;
  height: 3rem;
  padding: 0.975rem 0.5rem 1.025rem;
  display: flex;
  flex-direction: column;
}
.btn-menu span {
  height: 0.0625rem;
  width: 1.9375rem;
  background-color: var(--white);
  transition: var(--transition-all);
}
.btn-menu span:not(:first-child) {
  margin-top: 0.35rem;
}
.btn-menu span:nth-child(2) {
  width: 1.4375rem;
}
.btn-menu span:nth-child(3) {
  width: 1.9375rem;
}
@media (any-hover: hover) {
  .btn-menu:hover span:nth-child(2) {
    width: 100%;
  }
  .btn-menu:hover span:nth-child(3) {
    width: 100%;
  }
}
@media (any-hover: none) {
  .btn-menu:active span:nth-child(2) {
    width: 100%;
  }
  .btn-menu:active span:nth-child(3) {
    width: 100%;
  }
}
.btn-menu.is-active span:nth-child(1) {
  transform: translateY(0.4375rem) rotate(-45deg);
}
.btn-menu.is-active span:nth-child(2) {
  width: 0;
}
.btn-menu.is-active span:nth-child(3) {
  width: 100%;
  transform: translateY(-0.375rem) rotate(45deg);
}
.btn-a-menu {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 600;
  line-height: 125%;
  color: var(--grey-b9);
  transition: var(--transition-all);
}
.btn-a-menu * {
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .btn-a-menu:hover {
    color: var(--white);
  }
}
@media (any-hover: none) {
  .btn-a-menu:active {
    color: var(--white);
  }
}
.btn-a-menu.is-active {
  background-color: var(--blue-dc);
  color: var(--black);
  pointer-events: none;
}
.btn-header {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  padding: 2.1875rem 1.875rem 1.3125rem 1.25rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 125%;
  color: var(--white);
  overflow: hidden;
  position: relative;
}
.btn-header .icon {
  margin-right: 0.5rem;
}
.btn-header::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
}
.btn-header::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  opacity: 0.1;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .btn-header:hover::before {
    top: 0;
  }
}
@media (any-hover: none) {
  .btn-header:active::before {
    top: 0;
  }
}
.btn-hero {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 600;
  line-height: 125%;
  color: var(--white);
  display: flex;
  overflow: hidden;
  position: relative;
}
.btn-hero span {
  padding: 1.5625rem 1.875rem;
}
.btn-hero .icon {
  padding: 1.5625rem;
  transition: var(--transition-all);
}
.btn-hero::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
}
.btn-hero::before {
  content: "";
  z-index: -1;
  position: absolute;
  right: calc(-100% + 4.375rem);
  width: 100%;
  height: 100%;
  background-color: var(--white);
  opacity: 0.1;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .btn-hero:hover::before {
    right: 0;
  }
  .btn-hero:hover .icon {
    transform: rotate(45deg);
  }
}
@media (any-hover: none) {
  .btn-hero:active::before {
    right: 0;
  }
  .btn-hero:active .icon {
    transform: rotate(45deg);
  }
}
@media (width <= 47.99875rem) {
  .btn-hero {
    width: 100%;
  }
  .btn-hero span:not(.icon) {
    width: 100%;
  }
}
.btn-next {
  display: flex;
  align-items: center;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 600;
  line-height: 125%;
  color: var(--white);
}
.btn-next .icon {
  padding-left: 0.5rem;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .btn-next:hover .icon {
    transform: translateX(0.3125rem);
  }
}
@media (any-hover: none) {
  .btn-next:active .icon {
    transform: translateX(0.3125rem);
  }
}
.btn-slider {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--blue-03-10);
  transition: var(--transition-all);
}
.btn-slider svg {
  width: 0.8rem;
  height: 0.8rem;
}
@media (any-hover: hover) {
  .btn-slider:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--blue-03-20);
  }
}
@media (any-hover: none) {
  .btn-slider:active {
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--blue-03-20);
  }
}
.btn-slider--big {
  width: 3.125rem;
  height: 3.125rem;
}
.btn-slider--big svg {
  width: 1rem;
  height: 1rem;
}
.btn-slider--white {
  background-color: var(--white);
}
.btn-slider-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-slider.swiper-button-disabled {
  pointer-events: none;
}
.btn-slider.swiper-button-disabled svg * {
  fill: var(--grey-b9);
}
.btn-main {
  display: flex;
  align-content: center;
  transition: var(--transition-all);
}
.btn-main .right, .btn-main .left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-main .left {
  padding-right: 0.5rem;
}
.btn-main .right {
  padding-left: 0.5rem;
}
.btn-main::after, .btn-main::before, .btn-main svg * {
  transition: var(--transition-all);
}
.btn-main--40 {
  height: 2.625rem;
  padding: 0.75rem 1rem;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  font-weight: 600;
  line-height: 129%;
}
.btn-main--40.icon-right {
  padding-right: 0.75rem;
}
.btn-main--50 {
  height: 3.125rem;
  padding: 0.9375rem 1.375rem;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 125%;
  font-weight: 600;
}
.btn-main--50.icon-right {
  padding-right: 0.9375rem;
}
.btn-main--blue {
  color: var(--white);
  position: relative;
}
.btn-main--blue::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
}
.btn-main--blue::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  opacity: 0;
}
@media (any-hover: hover) {
  .btn-main--blue:hover::before {
    opacity: 0.2;
  }
}
@media (any-hover: none) {
  .btn-main--blue:active::before {
    opacity: 0.2;
  }
}
.btn-main--dirty {
  color: var(--blue-03);
  position: relative;
}
.btn-main--dirty::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03-10);
}
.btn-main--dirty::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
  opacity: 0;
}
@media (any-hover: hover) {
  .btn-main--dirty:hover {
    color: var(--white);
  }
  .btn-main--dirty:hover::before {
    opacity: 1;
  }
  .btn-main--dirty:hover svg * {
    fill: var(--white);
  }
}
@media (any-hover: none) {
  .btn-main--dirty:active {
    color: var(--white);
  }
  .btn-main--dirty:active::before {
    opacity: 1;
  }
  .btn-main--dirty:active svg * {
    fill: var(--white);
  }
}
.btn-main--dirty-c-white {
  color: var(--white);
}
.btn-main--dirty-icon-right span {
  transition: var(--transition-all);
  margin-left: 0.7225rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (any-hover: hover) {
  .btn-main--dirty-icon-right:hover span {
    margin-left: 0.875rem;
  }
}
@media (any-hover: none) {
  .btn-main--dirty-icon-right:active span {
    margin-left: 0.875rem;
  }
}
.btn-main--white {
  color: var(--blue-03);
  border: 1px solid var(--blue-03-10);
  position: relative;
}
.btn-main--white svg * {
  fill: var(--blue-03);
}
.btn-main--white::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--blue-03-20);
}
@media (any-hover: hover) {
  .btn-main--white:hover {
    border: 1px solid var(--blue-03-20);
  }
  .btn-main--white:hover::before {
    opacity: 1;
  }
  .btn-main--white:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .btn-main--white:active {
    border: 1px solid var(--blue-03-20);
  }
  .btn-main--white:active::before {
    opacity: 1;
  }
  .btn-main--white:active svg * {
    fill: var(--blue-03);
  }
}
.btn-main--footer {
  overflow: hidden;
  color: var(--white);
  border: 1px solid var(--white);
  position: relative;
}
.btn-main--footer svg * {
  fill: var(--white);
}
.btn-main--footer::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
}
@media (any-hover: hover) {
  .btn-main--footer:hover {
    color: var(--blue-03);
  }
  .btn-main--footer:hover::before {
    top: 0;
  }
  .btn-main--footer:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .btn-main--footer:active {
    color: var(--blue-03);
  }
  .btn-main--footer:active::before {
    top: 0;
  }
  .btn-main--footer:active svg * {
    fill: var(--blue-03);
  }
}
.btn--p-100 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input {
  height: 3.125rem;
  display: flex;
  flex-direction: column-reverse;
  padding: 0.8125rem 1.1875rem 0.8125rem 0.8125rem;
  position: relative;
  transition: var(--transition-all);
}
.input span {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 500;
  line-height: 150%;
  color: var(--grey-6d);
}
.input input {
  border: none;
  height: 0;
  outline: none;
  background: none;
}
.input::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(185, 201, 217, 0.5);
}
.input * {
  transition: var(--transition-all);
}
.input.is-hover::after {
  background: var(--grey-b9);
}
.input.is-hover span {
  color: var(--black);
}
.input.is-active {
  padding-top: 0;
  padding-bottom: 0.8125rem;
}
.input.is-active::after {
  background: var(--black);
}
.input.is-active span {
  font-weight: 600;
  font-size: 12px;
  line-height: 133%;
  color: var(--grey-b9);
}
.input.is-active input {
  height: 1.3125rem;
  color: var(--black);
  background: none;
}

.increase {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition-all);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--blue-03);
  opacity: 0;
}
.increase * {
  transition: var(--transition-all);
}
.increase::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
  opacity: 0.3;
}
.increase__img {
  width: 3.125rem;
  height: 3.125rem;
}

.video {
  display: flex;
  color: var(--white);
  position: relative;
  cursor: pointer;
  transition: var(--transition-all);
}
.video img {
  width: 100%;
  height: 100%;
}
.video__content {
  z-index: -10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video__content video {
  width: 100%;
}
.video__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 2.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.video__preview::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--blue-03);
  opacity: 0.3;
  transition: var(--transition-all);
}
.video__preview p {
  margin-top: 1.0625rem;
}
.video * {
  transition: var(--transition-all);
}
.video:hover {
  color: var(--blue-03);
}
.video:hover svg * {
  fill: var(--blue-03);
}
.video:hover .video__content::after {
  opacity: 0;
}
.video.is-active img {
  opacity: 0;
  pointer-events: none;
}
.video.is-active .video__preview {
  opacity: 0;
  pointer-events: none;
}
.video.is-active .video__content {
  z-index: 1;
}
@media (width <= 63.99875rem) {
  .video__preview {
    padding-top: 0;
  }
}

.swiper-pagination {
  position: static;
}
.swiper-pagination span {
  background: var(--grey-b9);
}

.header {
  z-index: 10000;
  position: absolute;
  top: 0;
  width: 100%;
}
.header__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.header__left {
  display: flex;
  align-items: end;
}
.header__logo {
  padding-bottom: 0.75rem;
  display: block;
  transition: var(--transition-all);
}
.header__logo img {
  width: 149px;
  height: 36px;
  transition: var(--transition-all);
}
.header__logo img:nth-child(2) {
  display: none;
}
@media (any-hover: hover) {
  .header__logo:hover img {
    transform: scale(1.05);
  }
}
@media (any-hover: none) {
  .header__logo:active img {
    transform: scale(1.05);
  }
}
.header__menu {
  margin-left: 2.5rem;
}
.header__list {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.header__list button {
  display: block;
  padding: 2.1875rem 1.25rem 1.3125rem 1.25rem;
}
.header__phone {
  display: none;
}
.header--next {
  z-index: 10000;
  top: 0;
  width: 100%;
  background-color: var(--grey-eb);
}
.header--next .header__left {
  align-items: center;
}
.header--next .header__logo {
  padding-bottom: 0;
}
.header--next .header__logo img:first-child {
  display: none;
}
.header--next .header__logo img:last-child {
  display: block;
}
.header--next .header__list button {
  padding: 1.75rem 1.25rem;
}
.header--next .header__container {
  align-items: center;
}
.header--next .btn-a-menu {
  color: var(--grey-6d);
}
@media (any-hover: hover) {
  .header--next .btn-a-menu:hover {
    color: var(--blue-03);
  }
  .header--next .btn-a-menu:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .header--next .btn-a-menu:active {
    color: var(--blue-03);
  }
  .header--next .btn-a-menu:active svg * {
    fill: var(--blue-03);
  }
}
.header--next .btn-a-menu.is-active {
  color: var(--black);
}
.header--next .btn-header {
  padding: 0;
  color: var(--grey-6d);
}
.header--next .btn-header::after, .header--next .btn-header::before {
  background: none;
}
.header--next .btn-header svg {
  transition: var(--transition-all);
}
.header--next .btn-header svg * {
  fill: var(--grey-6d);
}
@media (any-hover: hover) {
  .header--next .btn-header:hover {
    color: var(--blue-03);
  }
  .header--next .btn-header:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .header--next .btn-header:active {
    color: var(--blue-03);
  }
  .header--next .btn-header:active svg * {
    fill: var(--blue-03);
  }
}
.header--next .btn-menu span {
  background-color: var(--grey-6d);
}
.header--other {
  position: absolute;
  background: none;
}
.header--other .header__logo img:first-child {
  display: block;
}
.header--other .header__logo img:last-child {
  display: none;
}
.header--other .btn-a-menu {
  color: var(--grey-b9);
}
@media (any-hover: hover) {
  .header--other .btn-a-menu:hover {
    color: var(--white);
  }
  .header--other .btn-a-menu:hover svg * {
    fill: var(--white);
  }
}
@media (any-hover: none) {
  .header--other .btn-a-menu:active {
    color: var(--white);
  }
  .header--other .btn-a-menu:active svg * {
    fill: var(--white);
  }
}
.header--other .btn-header {
  color: var(--grey-b9);
}
.header--other .btn-header svg * {
  fill: var(--grey-b9);
}
@media (any-hover: hover) {
  .header--other .btn-header:hover {
    color: var(--white);
  }
  .header--other .btn-header:hover svg * {
    fill: var(--white);
  }
}
@media (any-hover: none) {
  .header--other .btn-header:active {
    color: var(--white);
  }
  .header--other .btn-header:active svg * {
    fill: var(--white);
  }
}
.header--other.header--shadow .header__logo {
  padding-bottom: 0;
}
.header--other.header--shadow .header__logo img:first-child {
  display: none;
}
.header--other.header--shadow .header__logo img:last-child {
  display: block;
}
.header--other.header--shadow .header__container {
  align-items: center;
}
.header--other.header--shadow .btn-a-menu {
  color: var(--grey-6d);
}
@media (any-hover: hover) {
  .header--other.header--shadow .btn-a-menu:hover {
    color: var(--blue-03);
  }
  .header--other.header--shadow .btn-a-menu:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .header--other.header--shadow .btn-a-menu:active {
    color: var(--blue-03);
  }
  .header--other.header--shadow .btn-a-menu:active svg * {
    fill: var(--blue-03);
  }
}
.header--other.header--shadow .btn-header {
  color: var(--grey-6d);
}
.header--other.header--shadow .btn-header svg {
  transition: var(--transition-all);
}
.header--other.header--shadow .btn-header svg * {
  fill: var(--grey-6d);
}
@media (any-hover: hover) {
  .header--other.header--shadow .btn-header:hover {
    color: var(--blue-03);
  }
  .header--other.header--shadow .btn-header:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .header--other.header--shadow .btn-header:active {
    color: var(--blue-03);
  }
  .header--other.header--shadow .btn-header:active svg * {
    fill: var(--blue-03);
  }
}
.header--other.header--shadow .btn-menu span {
  background-color: var(--grey-6d);
}
.header--shadow {
  position: fixed;
  border-bottom: 1px solid rgba(185, 201, 217, 0.5);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}
.header--shadow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(60px);
  background-color: rgba(var(--grey-b9), 0.7);
  z-index: -1;
}
.header--shadow .btn-menu span {
  background-color: var(--grey-6d);
}
.header--open {
  background-color: var(--grey-eb);
}
.header--open .header__logo img:first-child {
  display: none;
}
.header--open .header__logo img:last-child {
  display: block;
}
.header--open .btn-a-menu {
  color: var(--grey-6d);
}
@media (any-hover: hover) {
  .header--open .btn-a-menu:hover {
    color: var(--blue-03);
  }
  .header--open .btn-a-menu:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .header--open .btn-a-menu:active {
    color: var(--blue-03);
  }
  .header--open .btn-a-menu:active svg * {
    fill: var(--blue-03);
  }
}
.header--open .btn-a-menu.is-active {
  color: var(--black);
}
.header--open .btn-header {
  color: var(--grey-6d);
}
.header--open .btn-header svg {
  transition: var(--transition-all);
}
.header--open .btn-header svg * {
  fill: var(--grey-6d);
}
@media (any-hover: hover) {
  .header--open .btn-header:hover {
    color: var(--blue-03);
  }
  .header--open .btn-header:hover svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .header--open .btn-header:active {
    color: var(--blue-03);
  }
  .header--open .btn-header:active svg * {
    fill: var(--blue-03);
  }
}
@media (width <= 63.99875rem) {
  .header {
    transition: var(--transition-all);
  }
  .header .header__container * {
    transition: var(--transition-all);
  }
  .header__container {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
    align-items: center;
  }
  .header__logo {
    padding: 0;
  }
  .header__logo img {
    width: 6.6875rem;
    height: 1.625rem;
  }
  .header__phone {
    display: block;
  }
  .header__menu {
    display: none;
  }
  .header__right .btn {
    width: 3rem;
    height: 3rem;
    padding: 0;
    font-size: 0;
    justify-content: center;
  }
  .header__right .btn::after, .header__right .btn::before {
    display: none;
  }
  .header__right .btn .icon {
    margin: 0;
  }
  .header__right .btn svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .header .menu-close {
    display: none;
  }
  .header .menu__title {
    color: var(--grey-b9);
  }
  .header--open .btn-menu span {
    background-color: var(--grey-6d);
  }
}

.hero {
  position: relative;
}
.hero::after {
  content: "";
  z-index: -6;
  position: absolute;
  top: -6.25rem;
  left: 0;
  width: 100%;
  height: calc(100% + 6.25rem);
  background-color: var(--black);
}
.hero__container {
  padding-top: clamp(2.5rem, 0.7474173554rem + 7.1900826446vw, 7.9375rem);
  padding-bottom: clamp(6.875rem, 5.2029958678rem + 6.8595041322vw, 12.0625rem);
}
.hero__content {
  width: 53%;
  color: var(--white);
}
.hero__title span {
  color: var(--grey-6d);
}
.hero__sub-title {
  max-width: 32.8125rem;
  padding-top: 1.5rem;
  font-weight: 500;
  font-size: clamp(1rem, 0.9194214876rem + 0.3305785124vw, 1.25rem);
  line-height: 140%;
}
.hero__btn {
  padding-top: 2.5rem;
  display: flex;
}
.hero__img {
  overflow: hidden;
  z-index: -5;
  width: 66.4%;
  position: absolute;
  top: -6.25rem;
  right: 0;
  height: calc(100% + 4.75rem);
}
.hero__img img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__chess {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.hero__chess-item {
  width: 5%;
  aspect-ratio: 1;
  background-color: var(--black);
  opacity: 0;
}
.hero__chess-item--none {
  background: none;
}
.hero__chess::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--black));
}
@media (width <= 112.5rem) {
  .hero__chess-item {
    width: 10%;
  }
}
@media (width <= 80.06125rem) {
  .hero__content {
    max-width: 39.375rem;
    width: 100%;
  }
}
@media (width <= 63.99875rem) {
  .hero {
    height: auto;
    text-align: center;
  }
  .hero__sub-title {
    padding-top: 1.9375rem;
    line-height: 137%;
  }
  .hero__btn {
    padding-top: 8.6875rem;
  }
  .hero__img {
    top: -5.375rem;
    width: 100%;
  }
  .hero__img img {
    object-position: bottom left;
  }
  .hero__container, .hero__content {
    height: 100%;
  }
  .hero__container {
    padding-top: 1.375rem;
  }
  .hero__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .hero__chess::after {
    width: 100%;
    background: var(--black);
    opacity: 0.8;
  }
  .hero__title span {
    color: var(--grey-a8);
  }
}
.pros {
  margin-top: -3.0625rem;
}
.pros__container {
  display: grid;
  gap: 1.25rem;
}
.pros__header {
  padding: 4.875rem 3.25rem 4.875rem 4.875rem;
  display: flex;
  justify-content: space-between;
  background-color: var(--grey-eb);
  border: var(--border);
}
.pros__header-item {
  display: grid;
  width: calc(50% - 4.75rem);
  gap: 1.5rem;
}
.pros__header-item .pros__text {
  max-width: 24.5625rem;
}
.pros__header-item .pros__title {
  white-space: nowrap;
}
.pros__items {
  display: flex;
  gap: 1.25rem;
}
.pros__item {
  display: grid;
  gap: 1.25rem;
  width: calc(50% - 0.625rem);
}
.pros__link {
  text-decoration: none;
  height: 13.125rem;
  overflow: hidden;
  padding: 1.25rem 2.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: var(--border);
  position: relative;
  transition: var(--transition-all);
}
.pros__link-arrow {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.pros__link .pros__text {
  padding-top: 0.75rem;
}
.pros__link--single {
  height: 100%;
  padding: 3.625rem;
}
.pros__link * {
  transition: var(--transition-all);
}
.pros__link.is-active {
  height: 16.125rem;
  background-color: var(--blue-03);
}
.pros__link.is-active.pros__link--single {
  height: 100%;
}
.pros__link.is-active * {
  color: var(--white);
}
.pros__link.is-active svg * {
  fill: var(--white);
}
.pros__link.is-active svg {
  width: 3.75rem;
  height: 3.75rem;
}
.pros__link.is-active .pros__description {
  height: 4.875rem;
  opacity: 1;
}
.pros__link.is-small {
  height: 10.125rem;
}
.pros__title {
  color: var(--black);
}
.pros__text {
  color: var(--grey-6d);
}
.pros__text span {
  color: var(--black);
}
.pros__wrapper {
  overflow: hidden;
  height: 0;
}
.pros__description {
  padding-top: 2rem;
  opacity: 0;
  color: var(--white);
}
.pros__phone {
  display: none;
}
@media (width <= 63.99875rem) {
  .pros__header {
    padding: 1.875rem 1.375rem;
    flex-direction: column;
    gap: 2.5rem;
  }
  .pros__header-item {
    width: auto;
  }
  .pros__header-item:last-child {
    margin-left: auto;
  }
  .pros__text {
    font-size: 1rem;
  }
  .pros__link {
    padding: 1.875rem 1.375rem;
  }
  .pros__link .pros__title {
    font-size: 1.625rem;
  }
}
@media (width <= 47.99875rem) {
  .pros {
    margin-top: -3.125rem;
  }
  .pros__header-item {
    gap: 1.6875rem;
  }
  .pros__header-item:last-child {
    margin-left: 0;
  }
  .pros__header-item .pros__title {
    font-size: 1.625rem;
    white-space: normal;
    display: flex;
    flex-direction: column;
  }
  .pros__link {
    height: auto;
  }
  .pros__link .pros__title {
    max-width: 15.625rem;
  }
  .pros__link .pros__title span::after {
    content: "-";
  }
  .pros__items {
    flex-direction: column;
  }
  .pros__item {
    width: 100%;
  }
  .pros__phone {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
    color: var(--black);
  }
  .pros__description {
    display: none;
  }
}

.graphics {
  overflow: hidden;
  padding-top: clamp(3.75rem, 2.9845041322rem + 3.1404958678vw, 6.125rem);
  padding-bottom: clamp(3.75rem, 3.0650826446rem + 2.8099173554vw, 5.875rem);
  color: var(--white);
  position: relative;
}
.graphics::after {
  content: "";
  z-index: -10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
}
.graphics::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16.3125rem;
  background: linear-gradient(0, #037de5 0%, rgba(17, 24, 33, 0) 100%);
  opacity: 0.3;
  pointer-events: none;
}
.graphics__header {
  max-width: 69.1875rem;
  display: flex;
  justify-content: space-between;
}
.graphics__logo {
  margin-top: 2rem;
  width: 398px;
  height: 94px;
}
.graphics__practice {
  padding-top: 4rem;
  position: relative;
}
.graphics__practice::before {
  content: "—";
  position: absolute;
  left: -3.625rem;
}
.graphics__practice::after {
  content: "";
  position: absolute;
  right: -1.0625rem;
  bottom: 0;
  width: 15.6875rem;
  height: 9.75rem;
  background-image: url(../../assets/svg/mountains.svg);
  z-index: -1;
}
.graphics__sub-header {
  max-width: 69.6875rem;
  padding-top: 3.75rem;
  padding-left: var(--container-padding-x);
  display: flex;
  justify-content: space-between;
}
.graphics__description {
  padding-top: 1.625rem;
  max-width: 33.375rem;
  position: relative;
}
.graphics__description::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 0.125rem;
  background-color: var(--grey-b9);
}
.graphics__description span {
  color: var(--grey-6d);
}
.graphics__map {
  margin-top: 6.5625rem;
  width: 100%;
  height: 39.02vw;
  position: relative;
  position: relative;
}
.graphics__map-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.graphics__map-description {
  position: absolute;
  top: 4vw;
  right: 3vw;
  max-width: 31rem;
  text-align: end;
}
.graphics__map-description span {
  color: var(--grey-6d);
}
.graphics__map-item {
  pointer-events: none;
  z-index: 0;
  width: 30.9375rem;
  min-height: 9.5625rem;
  padding: 0.625rem 1.4375rem 0 3.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  transition: var(--transition-all);
}
.graphics__map-item-title {
  margin-top: 1.25rem;
}
.graphics__map-item-hover {
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  top: 3.4375rem;
  left: 3.125rem;
  width: 40%;
  height: 1.875rem;
  z-index: 10;
}
.graphics__map-item-background {
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(3, 125, 229, 0.1);
  backdrop-filter: blur(30px);
  border-radius: 10px;
  padding: 6px;
}
.graphics__map-item-background::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 1px;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(3, 125, 229, 0.1)); /* 10% прозрачность */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.graphics__map-item-description {
  display: flex;
  gap: 2rem;
  opacity: 0;
  pointer-events: none;
}
.graphics__map-item-element {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.graphics__map-item-name {
  color: var(--grey-b9);
}
.graphics__map-item-icon {
  position: absolute;
  top: 5.4375rem;
  left: 1.5rem;
}
.graphics__map-item-icon-line {
  position: absolute;
  top: -1.3125rem;
  right: -3.5625rem;
  opacity: 0;
}
.graphics__map-item * {
  transition: var(--transition-all);
}
.graphics__map-item.is-active {
  z-index: 1000;
}
.graphics__map-item.is-active .graphics__map-item-icon-line {
  opacity: 1;
}
.graphics__map-item.is-active .graphics__map-item-background {
  pointer-events: auto;
  opacity: 1;
}
.graphics__map-item.is-active .graphics__map-item-description {
  padding-top: 1.4375rem;
  pointer-events: auto;
  opacity: 1;
}
.graphics__map::after {
  z-index: -3;
  content: "";
  position: absolute;
  top: -4.6875rem;
  right: -3.375rem;
  width: 45.0625rem;
  height: 24.625rem;
  background-image: url(../../assets/svg/graphics-phone.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.graphics__phone-description, .graphics__phone-slide {
  display: none;
}
.graphics__phone-map {
  overflow: hidden;
  display: none;
  position: relative;
}
.graphics__phone-map img {
  position: absolute;
  opacity: 0;
  transition: var(--transition-all);
}
.graphics__phone-map img.is-active {
  opacity: 1;
}
@media (width <= 80.06125rem) {
  .graphics__header {
    flex-direction: column;
  }
  .graphics__practice {
    margin-left: auto;
    padding-left: 3.125rem;
  }
  .graphics__practice::before {
    left: -1.875rem;
  }
  .graphics__map {
    margin-top: 0;
    width: 92.1vw;
    height: calc(50vw + 3.125rem);
  }
  .graphics__map-description {
    position: static;
    margin-top: 5rem;
    font-size: 1rem;
    line-height: 125%;
  }
  .graphics__map-img {
    top: auto;
    bottom: 0;
    height: 50vw;
  }
  .graphics__map::after {
    display: none;
  }
  .graphics__map-description {
    position: relative;
  }
  .graphics__map-description::after {
    z-index: -3;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 21.1875rem;
    height: 11.625rem;
    background-image: url(../../assets/svg/graphics-phone.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .graphics__map-item {
    position: static;
    width: 100%;
    padding: 2.125rem 1.5rem 1.5rem;
  }
  .graphics__map-item-title {
    margin-top: 0;
  }
  .graphics__map-item-hover {
    display: none;
  }
  .graphics__map-item-background {
    opacity: 1;
  }
  .graphics__map-item-description {
    opacity: 1;
    margin-top: 1.5rem;
    flex-direction: column;
    gap: 1rem;
  }
  .graphics__map-item-icon {
    display: none;
  }
  .graphics .swiper-wrapper {
    margin-left: calc(var(--container-padding-x) * -1);
  }
  .graphics__phone-description, .graphics__phone-slide {
    display: block;
  }
  .graphics__phone-slide {
    margin-top: 4.375rem;
  }
  .graphics__phone-map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (width <= 47.99875rem) {
  .graphics__header {
    align-items: center;
  }
  .graphics__logo {
    margin-top: 0;
    width: 12rem;
    height: 2.875rem;
  }
  .graphics__practice {
    margin-left: 0;
    padding-top: 7rem;
    padding-left: 6rem;
    font-size: 1.625rem;
    line-height: 115%;
  }
  .graphics__practice::before {
    top: 7.3125rem;
    left: 2.4375rem;
    font-size: 2.5625rem;
  }
  .graphics__practice::after {
    bottom: 0.6875rem;
    width: 15rem;
  }
  .graphics__sub-header {
    flex-direction: column-reverse;
  }
  .graphics__description {
    font-size: 1rem;
    line-height: 125%;
    position: relative;
  }
  .graphics__link {
    margin-top: 2.5rem;
  }
  .graphics__phone-description, .graphics__phone-slide {
    display: block;
  }
  .graphics__phone-description {
    position: relative;
  }
  .graphics__phone-description::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 186px;
    background-image: url(../../assets/svg/graphics-phone.svg);
    background-repeat: no-repeat;
  }
}

.products {
  padding-top: clamp(5rem, 3.3279958678rem + 6.8595041322vw, 10.1875rem);
  position: relative;
}
.products__header {
  position: relative;
}
.products__header span {
  color: var(--blue-03);
}
.products__header::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: -3.9375rem;
  right: 13.125rem;
  width: 12.6875rem;
  height: 8.75rem;
  background-image: url(../../assets/svg/products-icon.svg);
}
.products__sub-header {
  padding-top: 2.5rem;
  display: flex;
}
.products__sub-header-right {
  margin-left: 5.4375rem;
  max-width: 38.5625rem;
}
.products__sub-title--next {
  padding-top: 0.5rem;
  padding-left: 16.4375rem;
}
.products__content {
  padding-top: 2.5rem;
  display: flex;
  gap: 1.25rem;
}
.products__item {
  text-decoration: none;
  width: calc(33% - 0.833125rem);
  min-height: 22.5625rem;
  padding: 1.8125rem 2.4375rem 2.4375rem 2.4375rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border: var(--border);
  position: relative;
  transition: all 0.5s ease;
}
.products__item-arrow {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.products__item-title {
  color: var(--black);
}
.products__item-sub-title {
  padding-top: 0.75rem;
  color: var(--grey-6d);
}
.products__item-wrapper {
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.products__item-text {
  padding-top: 2rem;
  color: var(--white);
}
.products__item * {
  transition: var(--transition-all);
}
.products__item.is-active {
  background-color: var(--blue-03);
  border-color: var(--blue-03);
}
.products__item.is-active * {
  color: var(--white);
}
.products__item.is-active svg {
  width: 3.75rem;
  height: 3.75rem;
}
.products__item.is-active svg * {
  fill: var(--white);
}
.products__item.is-active .products__item-wrapper {
  height: 132px;
  opacity: 1;
}
@media (width <= 80.06125rem) {
  .products__sub-header {
    flex-direction: column;
    gap: 1.25rem;
  }
  .products__sub-header-right {
    margin-left: auto;
  }
  .products__item {
    padding: 1.875rem 1.375rem;
  }
  .products__item-title {
    font-size: 1.625rem;
  }
  .products__item-sub-title {
    font-size: 1rem;
  }
}
@media (width <= 63.99875rem) {
  .products {
    overflow: hidden;
  }
  .products__header::after {
    top: -3.3125rem;
    right: -7.125rem;
  }
  .products__sub-header {
    padding-top: 2.8125rem;
    gap: 2.625rem;
  }
  .products__sub-header-left {
    max-width: 31.25rem;
  }
  .products__sub-header-left .h3 {
    font-size: 1rem;
  }
  .products__sub-header-right {
    display: none;
  }
  .products__sub-title--next {
    padding-left: 0;
    display: flex;
    justify-content: end;
  }
  .products__content {
    flex-direction: column;
  }
  .products__item {
    width: 100%;
    min-height: auto;
  }
}

.industries {
  padding-top: clamp(7.5rem, 7.1776859504rem + 1.3223140496vw, 8.5rem);
  padding-bottom: clamp(3.125rem, 1.7148760331rem + 5.7851239669vw, 7.5rem);
}
.industries__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.industries__header span {
  color: var(--blue-03);
}
.industries__description {
  width: 26.3125rem;
  padding-left: 1rem;
  border-left: 2px solid var(--grey-b9);
}
.industries__content {
  overflow: hidden;
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.industries__item {
  text-decoration: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  color: var(--white);
  position: relative;
  transition: var(--transition-all);
}
.industries__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black);
  opacity: 0.5;
  z-index: -2;
  opacity: 0;
  transition: var(--transition-all);
}
.industries__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  object-fit: cover;
}
.industries__item-title {
  text-decoration: none;
  color: var(--white);
}
@media (any-hover: hover) {
  .industries__item-title:hover {
    opacity: 0.8;
  }
}
@media (any-hover: none) {
  .industries__item-title:active {
    opacity: 0.8;
  }
}
.industries__item-tags {
  padding-top: 2rem;
  gap: 1rem 2.5rem;
  display: flex;
  flex-wrap: wrap;
}
.industries__item-tag {
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 129%;
  color: var(--white);
}
.industries__item-wrapper {
  overflow: hidden;
  height: 0;
}
.industries__item * {
  transition: var(--transition-all);
}
.industries__item.is-active::after {
  opacity: 0.5;
}
.industries__item.is-active .industries__item-img {
  transform: scale(1.05);
}
.industries__item__phone {
  display: none;
}
.industries__phone {
  display: none;
}
.industries .swiper-wrapper {
  flex-wrap: wrap;
  gap: 1.25rem;
}
.industries .swiper-slide {
  width: calc(50% - 0.625rem);
  height: 21.25rem;
}
.industries .swiper-pagination {
  display: none;
}
@media (width <= 47.99875rem) {
  .industries__header {
    flex-direction: column;
    align-items: start;
  }
  .industries__content {
    margin-left: calc(var(--container-padding-x) * -1);
    margin-right: calc(var(--container-padding-x) * -1);
    position: relative;
    gap: 0.6875rem;
  }
  .industries__description {
    margin-top: 1.9375rem;
    width: auto;
    padding-left: 0;
    padding-top: 0.8125rem;
    border-left: 0;
    position: relative;
  }
  .industries__description::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 0.0625rem;
    background-color: var(--grey-b9);
  }
  .industries__description .text-normal {
    font-size: 1rem;
    line-height: 150%;
  }
  .industries__item {
    height: 28.75rem;
    padding: 1.5rem;
  }
  .industries__item::after {
    opacity: 0.5;
  }
  .industries__item-wrapper {
    height: auto;
  }
  .industries__item-tags {
    padding-top: 1.5rem;
  }
  .industries__phone {
    padding-top: 1.5rem;
    display: flex;
  }
  .industries .swiper-wrapper {
    flex-wrap: nowrap;
    gap: 0;
  }
  .industries .swiper-slide {
    width: auto;
    height: auto;
  }
  .industries .swiper-pagination {
    display: block;
  }
}

.projects {
  overflow: hidden;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.projects__container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.projects__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.projects__header span {
  color: var(--blue-03);
}
.projects__content .swiper-wrapper {
  align-items: stretch;
}
.projects__content .swiper-slide {
  height: auto;
}
.projects__item {
  width: 520px;
  height: 100%;
  padding: 2.375rem 2.375rem 1.375rem;
  border: var(--border);
}
.projects__item-address {
  display: flex;
  align-items: center;
}
.projects__item-address-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.projects__item-address-name {
  padding-left: 0.5rem;
  color: var(--grey-6d);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.projects__item-address-logo {
  margin-left: auto;
  max-width: 7.5rem;
  max-height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.projects__item-name {
  padding-top: 0.75rem;
}
.projects__item-list {
  padding-top: 2rem;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.projects__item-list li {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.projects__item-list-name {
  color: var(--grey-6d);
}
.projects__item-list-name::after {
  content: ":";
}
.projects__item-list-content {
  margin-top: 0.5rem;
  transition: var(--transition-all);
}
.projects__item-btn {
  padding-top: 1.5rem;
  display: flex;
}
.projects__item--black {
  background-color: var(--grey-b9-30);
  border-color: rgba(0, 0, 0, 0);
}
.projects__page {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.projects__page .projects__item {
  width: calc(50% - 0.625rem);
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--grey-b9-30);
  border-color: rgba(0, 0, 0, 0);
}
.projects .swiper-pagination {
  display: none;
}
@media (width <= 80.06125rem) {
  .projects__item {
    width: 100%;
  }
}
@media (width <= 47.99875rem) {
  .projects .projects-swiper {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .projects__container {
    gap: 0rem;
  }
  .projects__content {
    margin-top: 2.75rem;
  }
  .projects__btn {
    margin-top: 1.4375rem;
  }
  .projects__item {
    height: 100%;
    padding: 1.5rem 1.5rem 3.375rem;
  }
  .projects__item-address-icon {
    order: 1;
    margin-left: 0;
    width: 0.75rem;
    height: 0.75rem;
  }
  .projects__item-address-icon img {
    width: 100%;
    height: 100%;
  }
  .projects__item-address-name {
    order: 2;
    font-size: 0.85rem;
  }
  .projects__item-address-logo {
    order: 0;
    margin-left: 0;
  }
  .projects__item-list {
    padding-top: 1.5rem;
  }
  .projects__item-list-name {
    position: relative;
  }
  .projects__item-list-name::after {
    content: "";
    position: absolute;
    top: 0.416875rem;
    right: 0.2775rem;
    width: 0.694375rem;
    height: 0.416875rem;
    background-image: url(../../assets/svg/toggle-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transition: var(--transition-all);
  }
  .is-active .projects__item-list-name::after {
    transform: scaleY(-1);
  }
  .projects__item-list-content {
    margin-top: 0;
    height: 0;
    overflow: hidden;
  }
  .projects__item-list-description {
    padding-top: 0.5rem;
    font-size: 1rem;
    line-height: 150%;
  }
  .projects .btn-slider-wrapper {
    display: none;
  }
  .projects .swiper-pagination {
    display: block;
  }
  .projects__page .projects__item {
    width: 100%;
  }
  .projects__page .projects__item:nth-child(even) {
    background: none;
    border-color: var(--blue-03-10);
  }
  .projects__page .projects__item-address {
    flex-wrap: wrap;
    gap: 0.75rem 0;
  }
  .projects__page .projects__item-address-logo {
    max-width: 100%;
    width: 100%;
    justify-content: start;
  }
  .projects__page .projects__item-address-icon {
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
  .projects__page .projects__item-address-name {
    font-size: 1.25rem;
    line-height: 120%;
  }
}

.trust {
  padding: 7.5rem 0;
  background-color: var(--white);
}
.trust__header span {
  color: var(--blue-03);
}
.trust__companies {
  margin-top: 2.5rem;
  overflow: hidden;
  position: relative;
}
.trust__companies-item {
  flex-shrink: 0;
  text-decoration: none;
  width: 250px;
  padding: 0.75rem 1rem 1.375rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.trust__companies-item-img {
  width: 100%;
  height: 4.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trust__companies-item-img img {
  max-width: 100%;
  height: 100%;
  transition: var(--transition-all);
}
.trust__companies-item-link {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: var(--transition-all);
}
.trust__companies-item-name {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  font-weight: 600;
  line-height: 129%;
  color: var(--black);
  transition: var(--transition-all);
  text-align: center;
}
.trust__companies-item-icon {
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trust__companies-item:hover .trust__companies-item-link {
  opacity: 1;
}
.trust__companies::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.125rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 1;
}
.trust__companies::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.125rem;
  height: 100%;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 1;
}
.trust__companies .swiper-pagination {
  display: none;
}
@media (width <= 63.99875rem) {
  .trust__companies .swiper-pagination {
    display: block;
  }
  .trust__companies .companies-swiper {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .trust__companies-item-link {
    opacity: 1;
  }
}
.trust__documents {
  margin-top: 1rem;
  overflow: hidden;
  position: relative;
}
.trust__documents-item {
  display: block;
  cursor: pointer;
  width: 328px;
  height: 29rem;
  border: var(--border);
  position: relative;
}
.trust__documents-item-img {
  width: 100%;
  height: 100%;
}
.trust__documents-item-description {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 9rem;
  padding: 1.375rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.trust__documents-item-company {
  color: var(--grey-6d);
}
.trust__documents-item-name {
  padding-top: 0.5rem;
  color: var(--black);
}
.trust__documents-item::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: var(--blue-03-10);
  border: 2px solid var(--blue-03);
  z-index: 2;
  transition: var(--transition-all);
  opacity: 0;
}
.trust__documents-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url(../../assets/svg/trust-open.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: var(--transition-all);
  opacity: 0;
}
.trust__documents-item:hover::after, .trust__documents-item:hover::before {
  opacity: 1;
}
.trust__documents-item--show .trust__companies-item-link {
  opacity: 1;
}
.trust__documents-item--show:hover img {
  opacity: 0.8;
}
.trust__documents-item--show:hover .trust__companies-item-name {
  color: var(--blue-03);
}
.trust__documents-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  transition: var(--transition-all);
}
.trust__documents-left.swiper-button-disabled {
  opacity: 0;
}
.trust__documents-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  transition: var(--transition-all);
}
.trust__documents-right.swiper-button-disabled {
  opacity: 0;
}
.trust__documents .swiper-pagination {
  display: none;
}
@media (width <= 80.06125rem) {
  .trust__documents {
    margin: 0 calc(var(--container-padding-x) * -1);
    margin-top: 1.5625rem;
  }
  .trust__documents .documents-swiper {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .trust__documents .swiper-pagination {
    display: block;
  }
  .trust__documents .trust__documents-left,
  .trust__documents .trust__documents-right {
    display: none;
  }
  .trust__documents-item {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1.41;
  }
  .trust__documents-item-img {
    object-fit: cover;
    object-position: top;
  }
}

.discuss {
  padding-top: clamp(3.125rem, 2.923553719rem + 0.826446281vw, 3.75rem);
  padding-bottom: clamp(3.125rem, 2.923553719rem + 0.826446281vw, 3.75rem);
  background-color: var(--grey-b9-30);
}
.discuss__container {
  margin: auto;
  width: 55.625rem;
}
.discuss__header {
  display: flex;
  align-items: center;
}
.discuss__header-description {
  margin-top: 0.375rem;
  margin-left: 2.5rem;
  max-width: 17.9375rem;
  color: var(--grey-6d);
}
.discuss__header-form {
  margin-top: 2.5625rem;
  display: flex;
  align-items: center;
}
.discuss__header-form .input {
  width: 18.1875rem;
}
.discuss__header-form .input:not(:first-child) {
  margin-left: 2rem;
}
.discuss__header-form-submit {
  margin-left: auto;
}
.discuss__header-about {
  margin-top: 1.5rem;
  display: flex;
  justify-content: end;
  align-items: center;
  color: var(--grey-6d);
}
.discuss__header-about a {
  padding-left: 0.3125rem;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--black);
}
@media (any-hover: hover) {
  .discuss__header-about a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .discuss__header-about a:active {
    color: var(--blue-03);
  }
}
@media (width <= 63.99875rem) {
  .discuss__container {
    width: 100%;
    padding: 0 1rem;
  }
  .discuss__header-form {
    flex-wrap: wrap;
    gap: 2rem;
  }
  .discuss__header-form .input {
    width: calc(50% - 1rem);
  }
  .discuss__header-form .input:not(:first-child) {
    margin-left: 0;
  }
  .discuss__header-form-submit {
    margin: auto;
  }
  .discuss__header-about {
    justify-content: center;
  }
}
@media (width <= 47.99875rem) {
  .discuss__header {
    flex-direction: column;
    align-items: start;
  }
  .discuss__header-description {
    margin-top: 1rem;
    margin-left: 0;
    font-size: 1rem;
    line-height: 150%;
  }
  .discuss__header-form {
    flex-direction: column;
    gap: 0;
  }
  .discuss__header-form .input {
    width: 100%;
  }
  .discuss__header-form .input:not(:first-child) {
    margin-top: 1rem;
  }
  .discuss__header-form-submit {
    margin-top: 2.5rem;
    width: 100%;
  }
  .discuss__header-form-submit button {
    width: 100%;
    justify-content: center;
  }
  .discuss__header-about {
    margin-top: 1rem;
    display: block;
  }
}

.footer {
  padding-top: clamp(2.1875rem, 2.0867768595rem + 0.4132231405vw, 2.5rem);
  padding-bottom: clamp(1.875rem, 1.673553719rem + 0.826446281vw, 2.5rem);
  position: relative;
}
.footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  z-index: -4;
}
.footer__container {
  position: relative;
}
.footer__up {
  overflow: hidden;
  position: absolute;
  top: -2.5625rem;
  right: 0;
  width: 3.125rem;
  height: 6.0625rem;
  padding: 0.8125rem;
  display: flex;
  align-items: end;
  transition: var(--transition-all);
}
.footer__up::after {
  content: "";
  z-index: -3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 125, 229, 0.1);
}
.footer__up::before {
  content: "";
  z-index: -2;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
  transition: var(--transition-all);
}
.footer__up * {
  transition: var(--transition-all);
}
.footer__up:hover::before {
  top: 0;
}
.footer__up:hover svg {
  transform: translateY(-0.75rem);
}
.footer__content {
  display: flex;
  align-items: start;
}
.footer__logo {
  width: 11.875rem;
  height: 2.875rem;
}
.footer__logo img {
  width: 100%;
  height: 100%;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .footer__logo:hover img {
    transform: scale(1.05);
  }
}
@media (any-hover: none) {
  .footer__logo:active img {
    transform: scale(1.05);
  }
}
.footer__list {
  max-width: 13.25rem;
  list-style-type: none;
}
.footer__list:not(:first-child) {
  margin-left: 5.875rem;
}
.footer__list li:not(:first-child) {
  margin-top: 1.5rem;
}
.footer__list-name {
  color: var(--grey-6d);
}
.footer__list-link {
  margin-top: 0.25rem;
  color: var(--grey-b9);
  text-decoration: none;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .footer__list-link:hover {
    color: var(--white);
  }
}
@media (any-hover: none) {
  .footer__list-link:active {
    color: var(--white);
  }
}
.footer__list-btn {
  padding-top: 1.375rem;
}
.footer__list-page {
  color: var(--grey-b9);
  text-decoration: none;
}
@media (any-hover: hover) {
  .footer__list-page:hover {
    color: var(--white);
  }
}
@media (any-hover: none) {
  .footer__list-page:active {
    color: var(--white);
  }
}
.footer__menu {
  margin-left: 6.25rem;
  display: flex;
}
.footer__main {
  margin-left: 7.375rem;
  color: var(--white);
}
.footer__main-content {
  padding-top: 1.375rem;
}
.footer__main-content span {
  font-weight: 600;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 125%;
  color: var(--grey-6d);
}
.footer__about {
  margin-top: 4.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__about-list {
  list-style-type: none;
  display: flex;
  align-items: center;
  color: var(--grey-6d);
}
.footer__about-list li:not(:first-child) {
  margin-left: 1rem;
}
.footer__about-list * {
  pointer-events: none;
}
.footer__about-link {
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 129%;
  color: var(--grey-b9);
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .footer__about-link:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .footer__about-link:active {
    color: var(--blue-03);
  }
}
.footer__about-left {
  display: flex;
  align-items: center;
  gap: 6.25rem;
}
.footer__about-agency {
  text-decoration: none;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 133%;
  text-align: right;
  color: var(--grey-6d);
  transition: var(--transition-all);
}
.footer__about-agency span {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 129%;
}
@media (any-hover: hover) {
  .footer__about-agency:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .footer__about-agency:active {
    color: var(--blue-03);
  }
}
@media (width <= 80.06125rem) {
  .footer__up {
    right: 0.8125rem;
  }
  .footer__content {
    justify-content: space-evenly;
  }
  .footer__menu {
    margin-left: 0;
  }
  .footer__main {
    margin-left: 0;
  }
  .footer__list:not(:first-child) {
    margin-left: 1.875rem;
  }
  .footer__about-left {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
}
@media (width <= 63.99875rem) {
  .footer__content {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .footer__menu {
    order: 3;
    margin-top: 1.875rem;
    width: 100%;
  }
  .footer__menu .footer__list {
    margin: 0 auto 0 auto;
    width: 50%;
  }
  .footer__about {
    margin-top: 2.5rem;
    flex-direction: column;
    gap: 0;
  }
  .footer__about-left {
    width: 100%;
    flex-direction: column-reverse;
  }
  .footer__about-agency {
    text-align: center;
  }
  .footer__about-link {
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    border-top: var(--border-footer);
    border-bottom: var(--border-footer);
  }
  .footer__about-list {
    flex-wrap: wrap;
    gap: 1.25rem 2.375rem;
  }
  .footer__about-list li {
    text-align: center;
  }
  .footer__about-list li:first-child {
    width: 100%;
  }
  .footer__about-list li:not(:first-child) {
    margin-left: 0;
    width: calc(50% - 1.25rem);
  }
}
@media (width <= 47.99875rem) {
  .footer__logo {
    display: block;
    margin-left: 3.1875rem;
    width: 10.3125rem;
    height: 2.5rem;
  }
  .footer__menu {
    margin-top: 3.4375rem;
    padding-bottom: 2.5rem;
  }
  .footer__menu .footer__list {
    margin: 0;
  }
  .footer__content {
    display: block;
  }
  .footer__list {
    max-width: 21rem;
  }
  .footer__list li:not(:first-child) {
    margin-top: 2.25rem;
  }
  .footer__main {
    padding-top: 1.9375rem;
    padding-bottom: 2.5rem;
    border-top: var(--border-footer);
  }
  .footer__about {
    margin-top: 0;
  }
}
@media (width <= 30.06125rem) {
  .footer__menu .footer__list {
    max-width: 100%;
    width: 100%;
  }
  .footer__menu .footer__list:last-child {
    display: none;
  }
  .footer__list-btn {
    padding-top: 0.25rem;
  }
  .footer__list-btn button {
    width: 100%;
    justify-content: center;
  }
}

.page {
  margin-bottom: clamp(3.75rem, 2.541322314rem + 4.958677686vw, 7.5rem);
}
.page__title {
  margin-top: clamp(1rem, 0.8388429752rem + 0.6611570248vw, 1.5rem);
}
.page__title span {
  color: var(--blue-03);
}
.page__description {
  max-width: 64.0625rem;
}
.page__description--img > p:not(:first-child) {
  margin-top: 0.625rem;
}
.page__description-img {
  flex-shrink: 0;
  margin-right: 6.25rem;
  width: 11.875rem;
  height: 4.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page__description-img img {
  width: 100%;
}
.page__description--w-100 {
  max-width: 100%;
}
.page__description a {
  color: var(--black);
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .page__description a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .page__description a:active {
    color: var(--blue-03);
  }
}
.page__content {
  margin-top: 2.5rem;
}
.page__next {
  margin-top: 2.5rem;
}
.page__btn {
  margin-top: 1.25rem;
  display: flex;
  justify-content: center;
}
.page__btn > *.is-hide {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.page__btn.is-hide {
  opacity: 0;
  pointer-events: none;
}
.page__two {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
}
.page__two-item {
  width: calc(50% - 0.625rem);
}
.page__item {
  margin-top: clamp(3.75rem, 2.541322314rem + 4.958677686vw, 7.5rem);
}
.page__text-content {
  margin-top: 1.5rem;
  color: var(--grey-6d);
}
.page__hero {
  position: relative;
  color: var(--white);
}
.page__hero::after {
  content: "";
  position: absolute;
  top: -6.25rem;
  left: 0;
  width: 100%;
  height: calc(100% + 6.25rem);
  z-index: -10;
  background-color: var(--black);
}
@media (width <= 63.99875rem) {
  .page__description {
    font-size: 1rem;
    line-height: 150%;
  }
  .page__description--img {
    flex-direction: column;
  }
  .page__description--img .page__description-img {
    margin: 0 auto 1.5rem;
  }
  .page__two {
    flex-direction: column;
    gap: 1.25rem;
  }
  .page__two-item {
    width: 100%;
  }
}

.breadcrumbs {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.breadcrumbs span {
  display: flex;
  align-items: center;
}
.breadcrumbs a {
  text-decoration: none;
  color: var(--black);
}
@media (any-hover: hover) {
  .breadcrumbs a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .breadcrumbs a:active {
    color: var(--blue-03);
  }
}
@media (width <= 63.99875rem) {
  .breadcrumbs a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 32ch;
  }
}
.breadcrumbs p {
  color: var(--grey-b9);
}
.breadcrumbs li {
  display: flex;
  align-items: center;
}
.breadcrumbs li:not(:first-child)::before {
  content: "—";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.breadcrumbs li:last-child a {
  color: var(--grey-6d);
  pointer-events: none;
}
.breadcrumbs li:last-child::before {
  color: var(--grey-6d);
}

.page__hero .breadcrumbs a {
  color: var(--grey-b9);
}
@media (any-hover: hover) {
  .page__hero .breadcrumbs a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .page__hero .breadcrumbs a:active {
    color: var(--blue-03);
  }
}
.page__hero .breadcrumbs p {
  color: var(--grey-6d);
}
.page__hero .breadcrumbs li:not(:first-child)::before {
  content: "—";
}
.page__hero .breadcrumbs li:last-child::before {
  color: var(--grey-6d);
}

.partners__item {
  margin-top: clamp(4.9375rem, 4.5144628099rem + 1.7355371901vw, 6.25rem);
}
.partners__item:nth-child(2) {
  margin-top: 3.75rem;
}
.partners__content {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.partners__content .trust__companies-item {
  padding: 0.75rem 0.625rem;
}
@media (width <= 63.99875rem) {
  .partners__content {
    margin-top: 3rem;
    justify-content: center;
    gap: 3.375rem;
  }
  .partners__content .trust__companies-item {
    padding: 0;
  }
}

.reviews__content {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 0.2582644628rem + 0.9917355372vw, 1.25rem);
}
.reviews__content .trust__documents-item {
  width: calc(33.33% - 0.833125rem);
  height: 35.3125rem;
}
@media (width <= 63.99875rem) {
  .reviews__content {
    justify-content: center;
  }
  .reviews__content .trust__documents-item {
    width: calc(50% - 0.833125rem);
  }
  .reviews__content .trust__documents-item-name {
    font-size: 1rem;
    line-height: 125%;
  }
}
@media (width <= 47.99875rem) {
  .reviews__content {
    flex-direction: column;
    align-items: center;
  }
  .reviews__content .trust__documents-item {
    width: 75vw;
    height: 106.7vw;
  }
}

.contacts__content {
  display: flex;
  align-items: center;
}
.contacts__map {
  width: 50.8%;
  aspect-ratio: 1/0.638;
}
.contacts__address {
  padding-left: 3.75rem;
  font-style: normal;
}
.contacts__address-item {
  margin-top: 2.5rem;
}
.contacts__list {
  list-style-type: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
}
.contacts__list li {
  display: flex;
  align-items: center;
}
.contacts__list li:not(:first-child) {
  margin-top: 2rem;
}
.contacts__list li span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contacts__list a {
  text-decoration: none;
  color: var(--grey-6d);
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .contacts__list a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .contacts__list a:active {
    color: var(--blue-03);
  }
}
.contacts__list-item--main span {
  padding-right: 0.75rem;
}
.contacts__list-item--map span {
  padding-right: 0.5rem;
}
.contacts__btn {
  display: flex;
}
.contacts__btn .btn:not(:first-child) {
  margin-left: 1rem;
}
.contacts__departments {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.contacts__departments-item {
  width: calc(50% - 0.625rem);
  padding: 2.375rem;
  border: var(--border);
}
.contacts__departments-job {
  color: var(--grey-6d);
}
.contacts__departments-title {
  margin-top: 0.5rem;
}
.contacts__departments-title span {
  color: var(--blue-03);
}
.contacts__departments-list {
  margin-top: 1.5rem;
  list-style-type: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: var(--grey-6d);
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 2.5rem;
}
.contacts__departments-list li {
  display: flex;
  align-items: center;
}
.contacts__departments-list li span {
  padding-right: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contacts__departments-list a {
  color: var(--grey-6d);
  text-decoration: none;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .contacts__departments-list a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .contacts__departments-list a:active {
    color: var(--blue-03);
  }
}
@media (width <= 63.99875rem) {
  .contacts__content {
    flex-direction: column;
    gap: 1.5rem;
  }
  .contacts__map {
    width: 100%;
    height: 50vw;
    aspect-ratio: auto;
  }
  .contacts__address {
    padding-left: 0;
  }
}
@media (width <= 47.99875rem) {
  .contacts__address {
    width: 100%;
  }
  .contacts__address-item {
    margin-top: 1.5rem;
  }
  .contacts__list li {
    align-items: start;
  }
  .contacts__list li:not(:first-child) {
    margin-top: 2.0625rem;
  }
  .contacts__btn button:last-child {
    padding-left: 0.65625rem;
    padding-right: 0.65625rem;
  }
  .contacts__departments {
    flex-direction: column;
    gap: 0.5rem;
  }
  .contacts__departments-item {
    width: 100%;
    padding: 1.375rem;
  }
}
@media (width <= 30.06125rem) {
  .contacts__map {
    height: 86vw;
  }
}

.test {
  overflow: hidden;
}
.test::-webkit-scrollbar {
  width: 0;
}

.start {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: var(--grey-eb);
}
.start__logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.start__logo-img {
  width: 30%;
}
.start__loading {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.start__loading-item {
  width: 7.5rem;
  height: 7.5rem;
  background-color: var(--black);
}

.menu {
  position: relative;
  z-index: 10;
}
.menu.is-loaded {
  opacity: 0;
}
.menu__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.menu__title {
  color: var(--blue-03);
}
.menu__link {
  text-decoration: none;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 600;
  line-height: 125%;
  color: var(--black);
}
@media (any-hover: hover) {
  .menu__link:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .menu__link:active {
    color: var(--blue-03);
  }
}
.menu__container {
  position: relative;
  padding: 2.5rem 0;
}
.menu__header {
  display: flex;
  flex-wrap: wrap;
}
.menu__header-item:not(:first-child) {
  margin-left: 5rem;
}
.menu__list {
  margin-top: 2rem;
  list-style-type: none;
}
.menu__list li:not(:first-child) {
  margin-top: 1.5rem;
}
.menu__list a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: var(--transition-all);
}
.menu__list a * {
  transition: var(--transition-all);
}
.menu__list-title {
  display: flex;
  align-items: start;
  color: var(--black);
}
.menu__list-title span {
  margin-left: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu__list-description {
  margin-top: 0.5rem;
  color: var(--grey-6d);
}
@media (any-hover: hover) {
  .menu__list a:hover .menu__list-title {
    color: var(--blue-03);
  }
  .menu__list a:hover .menu__list-title svg {
    transform: rotate(45deg);
  }
  .menu__list a:hover .menu__list-title svg * {
    fill: var(--blue-03);
  }
}
@media (any-hover: none) {
  .menu__list a:active .menu__list-title {
    color: var(--blue-03);
  }
  .menu__list a:active .menu__list-title svg {
    transform: rotate(45deg);
  }
  .menu__list a:active .menu__list-title svg * {
    fill: var(--blue-03);
  }
}
.menu__list a:active .menu__list-title span {
  transform: translateX(3.125rem);
}
.menu__footer {
  margin-top: 3.75rem;
  display: flex;
  justify-content: space-between;
}
.menu__additional {
  display: flex;
}
.menu__additional-content {
  margin-left: 3.75rem;
  max-width: 33.6875rem;
}
.menu__additional-content ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
}
.menu__address {
  max-width: 25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 3.75rem;
  font-style: normal;
}
.menu__address-title {
  color: var(--grey-6d);
}
.menu__address-link {
  margin-top: 0.25rem;
}
.menu__grey {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
}
.menu__blue {
  z-index: -3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
}
.menu-close {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 15rem;
  padding: 1.75rem 1.25rem;
  display: flex;
  justify-content: end;
  align-items: center;
  background-color: var(--grey-eb);
}
.menu-close span {
  margin-right: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-close.is-active {
  opacity: 1;
  pointer-events: auto;
  background-color: var(--grey-eb);
}
@media (any-hover: hover) {
  .menu-close.is-active:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .menu-close.is-active:active {
    color: var(--blue-03);
  }
}
@media (width <= 80.06125rem) {
  .menu__container {
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
  }
  .menu__header-item {
    width: calc(33.33% - 2.5rem);
  }
  .menu__header-item:not(:first-child) {
    margin-left: 3.75rem;
  }
  .menu__address {
    margin-left: 1.25rem;
  }
}
@media (width <= 63.99875rem) {
  .menu.is-active {
    width: 100%;
    height: calc(100dvh - 4.375rem);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .menu__header {
    gap: 3.75rem;
  }
  .menu__header-item {
    max-width: calc(33.33% - 2.5rem);
  }
  .menu__header-item:not(:first-child) {
    margin-top: 0;
    margin-left: 0;
  }
  .menu__container {
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }
}
@media (width <= 47.99875rem) {
  .menu__header {
    flex-direction: column;
  }
  .menu__header-item {
    width: 100%;
    max-width: 100%;
  }
  .menu__footer {
    flex-direction: column;
  }
  .menu__additional {
    flex-direction: column;
  }
  .menu__additional-content {
    margin-top: 2rem;
    margin-left: 0;
  }
  .menu__additional-content ul {
    flex-direction: column;
  }
  .menu__address {
    margin-top: 2.5rem;
    margin-left: 0;
    max-width: 100%;
    padding-top: 2.4375rem;
    flex-direction: column;
    gap: 2rem;
    border-top: var(--border);
  }
  .menu__address-link {
    display: inline-block;
  }
}

.is-secrecy-menu * {
  color: var(--grey-b9);
}

.casetyp__start {
  margin-top: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.casetyp__start-right {
  display: flex;
  gap: 0.625rem;
}
.casetyp__start-right a {
  text-decoration: none;
  color: var(--grey-6d);
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .casetyp__start-right a:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .casetyp__start-right a:active {
    color: var(--blue-03);
  }
}
.casetyp__done {
  padding: 2.5rem;
  display: flex;
  justify-content: space-between;
  gap: 3.75rem;
  background-color: var(--white);
}
.casetyp__done-content {
  max-width: 49.5625rem;
}
.casetyp__done-content-list {
  list-style-type: none;
  padding-left: 1.75rem;
}
.casetyp__done-content-list li {
  position: relative;
}
.casetyp__done-content-list li:not(:first-child) {
  margin-top: 0.5rem;
}
.casetyp__done-content-list li::after {
  content: "";
  position: absolute;
  top: 0.5775rem;
  left: -1.13875rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: var(--grey-6d);
  border-radius: 50%;
}
.casetyp__done-content-list span {
  color: var(--grey-6d);
}
.casetyp__actions {
  height: 100%;
  padding: 2.5rem;
}
.casetyp__actions-content {
  margin-top: 2.5rem;
}
.casetyp__actions-list {
  list-style-type: none;
}
.casetyp__actions-list li:not(:first-child) {
  margin-top: 1.5rem;
}
.casetyp__actions-list-text {
  margin-top: 0.75rem;
}
.casetyp__actions-list--number {
  counter-reset: my-counter;
}
.casetyp__actions-list--number li {
  counter-increment: my-counter;
  position: relative;
}
.casetyp__actions-list--number li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(my-counter) ". ";
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: var(--grey-6d);
}
.casetyp__actions-list--number .casetyp__actions-list-title {
  padding-left: 1.375rem;
}
.casetyp__actions--black {
  color: var(--white);
  position: relative;
}
.casetyp__actions--black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  z-index: -3;
}
.casetyp__actions--black::before {
  content: "";
  position: absolute;
  right: 2.5rem;
  bottom: 0;
  width: 9.5625rem;
  height: 8.125rem;
  background-image: url(../../assets/svg/casetyp-actions.svg);
  opacity: 0.2;
}
.casetyp__actions--black .casetyp__actions-list-text {
  color: var(--grey-b9);
}
.casetyp__actions--black .anim-light__blick {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
.casetyp__actions--light {
  position: relative;
}
.casetyp__actions--light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
  z-index: -2;
}
.casetyp__actions--light .casetyp__actions-list-text {
  color: var(--grey-6d);
}
.casetyp__actions--light .anim-light__blick {
  background: radial-gradient(50% 50% at 50% 50%, #ebedf1 0%, rgba(235, 237, 241, 0) 100%) !important;
}
.casetyp__slider {
  overflow: hidden;
  position: relative;
}
.casetyp__slider .swiper-button-next, .casetyp__slider .swiper-button-prev {
  z-index: 10;
  width: auto;
}
.casetyp__slider .swiper-button-next::after, .casetyp__slider .swiper-button-prev::after {
  font-size: 0;
}
.casetyp__slider-item {
  width: 100%;
  aspect-ratio: 1/0.58;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.casetyp__slider-item > img {
  width: 100%;
  height: 100%;
}
.casetyp__slider-item:hover .increase {
  opacity: 1;
}
.casetyp__slider::after {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.25rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(235, 237, 241, 0) 0%, #ebedf1 100%);
}
.casetyp__slider::before {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 100%;
  background: linear-gradient(-90deg, rgba(235, 237, 241, 0) 0%, #ebedf1 100%);
}
.casetyp__slider .swiper-pagination {
  display: none;
}
.casetyp__video {
  display: flex;
  justify-content: center;
}
.casetyp__video-content {
  width: 51.25rem;
  height: 28.8125rem;
}
@media (width <= 63.99875rem) {
  .casetyp__done {
    padding: 1.5rem;
    flex-direction: column;
    gap: 1.5rem;
  }
  .casetyp__done-content > h3 {
    font-size: 1rem;
    line-height: 125%;
  }
  .casetyp__actions {
    padding: 1.5rem;
  }
  .casetyp__actions-content {
    margin-top: 1.5rem;
  }
  .casetyp__actions-list h3 {
    font-size: 1rem;
    line-height: 125%;
  }
  .casetyp__actions-list--number li:not(:first-child) {
    margin-top: 1rem;
  }
  .casetyp__actions-list--number li::before {
    font-size: 1rem;
    line-height: 125%;
  }
  .casetyp__actions-list--number .casetyp__actions-list-title {
    text-indent: 0.9375rem;
    padding-left: 0;
  }
  .casetyp__actions-list li:not(:first-child) {
    margin-top: 1rem;
  }
  .casetyp__actions--light .casetyp__actions-list-text, .casetyp__actions--black .casetyp__actions-list-text {
    margin-top: 0.5rem;
  }
  .casetyp__actions--black {
    overflow: hidden;
  }
  .casetyp__actions--black::before {
    right: 1.5rem;
    bottom: -0.6875rem;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.3125rem;
    height: 4.3125rem;
  }
  .casetyp__slider {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .casetyp__slider .swiper-button-next button, .casetyp__slider .swiper-button-prev button {
    display: none;
  }
  .casetyp__slider-item {
    aspect-ratio: 1/0.65;
  }
  .casetyp__slider .swiper-pagination {
    display: block;
  }
  .casetyp__video {
    margin-top: 2.875rem;
  }
  .casetyp__video-content {
    height: auto;
    padding: 0 0.5rem;
  }
}
@media (width <= 47.99875rem) {
  .casetyp__start {
    flex-direction: column-reverse;
    align-items: start;
    gap: 0.625rem;
  }
  .casetyp__start-right {
    font-size: 1rem;
  }
}
@media (width <= 30.06125rem) {
  .casetyp__start-right {
    font-size: 0.75rem;
  }
}

.about__hero {
  margin-top: -0.5rem;
  padding-bottom: 7rem;
  position: relative;
}
.about__hero-title {
  margin-top: 1.5rem;
}
.about__hero-text {
  margin-top: 3.75rem;
  max-width: 41.8125rem;
  position: relative;
}
.about__hero-text span {
  color: var(--grey-6d);
}
.about__hero-text::after {
  content: "";
  position: absolute;
  top: -8.375rem;
  right: -7.0625rem;
  width: 23.875rem;
  height: 16.0625rem;
  background-image: url(../../assets/svg/mountains-linear.svg);
}
.about__hero::after {
  content: "";
  height: calc(100% + 6.25rem);
  position: absolute;
  top: -6.25rem;
  right: 0;
  bottom: 0;
  background-image: url(../../assets/images/about-hero.webp);
  background-position: bottom right;
  background-size: 58%;
  background-repeat: no-repeat;
}
.about__yars {
  overflow: hidden;
  padding-top: clamp(3.75rem, 2.742768595rem + 4.132231405vw, 6.875rem);
  padding-bottom: clamp(3.75rem, 2.7830578512rem + 3.9669421488vw, 6.75rem);
}
.about__yars-container {
  padding-left: 10.25rem;
  display: flex;
}
.about__yars-number {
  flex-shrink: 0;
  overflow: hidden;
  padding-top: 7.1875rem;
  padding-bottom: 1.25rem;
  height: 30.75rem;
  font-weight: 700;
  font-size: 8rem;
  color: var(--grey-b9);
  display: flex;
  position: relative;
}
.about__yars-number::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.25rem;
  background: linear-gradient(to bottom, var(--grey-eb), transparent);
}
.about__yars-number::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.25rem;
  background: linear-gradient(to top, var(--grey-eb), transparent);
}
.about__yars-number p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 7.4375rem;
}
.about__yars-number-right p {
  cursor: pointer;
  transition: var(--transition-all);
}
.about__yars-number-right p.is-one {
  opacity: 0.5;
}
.about__yars-number-right p.is-two {
  opacity: 0.2;
}
.about__yars-content {
  margin-left: 5.625rem;
  padding-top: 2.375rem;
}
.about__yars-content-title {
  color: var(--grey-b9);
}
.about__yars-btns {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.about__yars-btn {
  padding: 0.6875rem 1.1875rem;
  border: 1px solid rgba(3, 125, 229, 0.1);
  background-color: var(--grey-eb);
  font-weight: 600;
  font-size: 14px;
  line-height: 129%;
  color: var(--blue-03);
  transition: var(--transition-all);
  overflow: hidden;
  position: relative;
}
.about__yars-btn * {
  transition: var(--transition-all);
}
.about__yars-btn.is-active {
  background-color: var(--blue-03);
  color: var(--white);
  pointer-events: none;
}
.about__yars-btn.is-active::after {
  display: none;
}
@media (any-hover: hover) {
  .about__yars-btn.is-active:hover {
    background-color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .about__yars-btn.is-active:active {
    background-color: var(--blue-03);
  }
}
.about__yars-btn.is-none::after {
  transition: none;
}
.about__yars-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
  opacity: 0.2;
  transition: all 5s linear;
}
.about__yars-btn.is-loader::after {
  left: 0;
}
@media (any-hover: hover) {
  .about__yars-btn:hover {
    background-color: var(--blue-03-20);
  }
}
@media (any-hover: none) {
  .about__yars-btn:active {
    background-color: var(--blue-03-20);
  }
}
.about__yars-blocks {
  margin-top: 4.5rem;
  display: flex;
  position: relative;
}
.about__yars-block {
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--transition-all);
  opacity: 0;
}
.about__yars-block-text {
  padding-top: 1.5rem;
  max-width: 31.1875rem;
  color: var(--grey-6d);
}
.about__yars-block.is-active {
  opacity: 1;
}
.about__yars-phone {
  overflow: hidden;
  display: none;
}
.about__basics {
  padding-top: clamp(3.75rem, 2.541322314rem + 4.958677686vw, 7.5rem);
  padding-bottom: clamp(3.75rem, 2.8636363636rem + 3.6363636364vw, 6.5rem);
  background-color: var(--blue-dc);
}
.about__basics-cards {
  padding: 0 7rem 0 3.125rem;
  display: flex;
  justify-content: space-between;
}
.about__basics-card {
  padding-top: 1rem;
  padding-left: 1.5rem;
  position: relative;
}
.about__basics-card:nth-child(odd) {
  max-width: 29.75rem;
}
.about__basics-card:nth-child(even) {
  max-width: 29.375rem;
}
.about__basics-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.875rem;
  height: 0.125rem;
  background: var(--grey-b9);
}
.about__basics-card::before {
  content: "";
  position: absolute;
  top: 0.71875rem;
  left: -0.75rem;
  width: 1.5625rem;
  height: 0.125rem;
  background: var(--grey-b9);
  transform: rotate(90deg);
}
.about__basics-card-title span {
  color: var(--blue-03);
}
.about__basics-card-text {
  margin-top: 1rem;
}
.about__basics-card-text span {
  color: var(--grey-6d);
}
.about__basics-slide {
  padding-top: 5rem;
  padding-right: 8.4375rem;
  display: flex;
  justify-content: end;
}
.about__basics-slide-img {
  width: 23.75rem;
  height: 28.6875rem;
  position: relative;
}
.about__basics-slide-img::before {
  content: "";
  position: absolute;
  top: -0.3125rem;
  left: -5.9375rem;
  width: 12.6875rem;
  height: 8rem;
  background-image: url(../../assets/svg/slide-icon.svg);
  transform: rotate(-90deg) scaleX(-1);
}
.about__basics-slide-img-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.about__basics-slide-img-block::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.1875rem;
  height: 3.1875rem;
  background-color: var(--blue-dc);
}
.about__basics-slide-img-block::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--blue-dc);
}
.about__basics-slide-img-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .about__basics-slide-img-block img:hover {
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: 110%;
  }
}
@media (any-hover: none) {
  .about__basics-slide-img-block img:active {
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: 110%;
  }
}
.about__basics-slide-content {
  max-width: 32.1875rem;
  padding-left: 2.5rem;
}
.about__basics-slide-text {
  padding-top: 1.6875rem;
}
.about__basics-slide-text span {
  color: var(--grey-6d);
}
.about__basics-types {
  list-style: none;
  padding-top: 1.25rem;
  display: flex;
  counter-reset: item;
}
.about__basics-types li {
  width: 25%;
}
.about__basics-types li:nth-child(1) .about__basics-type-top {
  height: 3.75rem;
}
.about__basics-types li:nth-child(2) .about__basics-type-top {
  height: 6.25rem;
}
.about__basics-types li:nth-child(3) .about__basics-type-top {
  height: 8.75rem;
}
.about__basics-types li:nth-child(4) .about__basics-type-top {
  height: 11.25rem;
}
.about__basics-types li .about__basics-type-top {
  position: relative;
}
.about__basics-types li .about__basics-type-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.125rem;
  height: 100%;
  background: linear-gradient(180deg, rgba(185, 201, 217, 0) 0%, #b9c9d9 100%);
}
.about__basics-types li:last-child .about__basics-type-top::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.125rem;
  height: calc(100% + 5rem);
  background: linear-gradient(180deg, rgba(185, 201, 217, 0) 0%, #b9c9d9 100%);
}
.about__basics-type-top {
  width: 100%;
}
.about__basics-type-bottom {
  padding: 0 1.6875rem;
}
.about__basics-type-text {
  margin-top: 1rem;
}
.about__competence {
  height: 408px;
}
.about__competence-container {
  padding: 8.75rem 0 4.375rem 1.875rem;
  display: flex;
  background-image: url(../../assets/svg/about-competence.svg);
  background-position: top left;
  background-repeat: no-repeat;
}
.about__competence-title {
  max-width: 18.75rem;
}
.about__competence-title span {
  color: var(--blue-03);
}
.about__competence-list {
  margin-left: 5.25rem;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  counter-reset: custom-ol;
}
.about__competence-list li {
  padding: 2rem 1.5rem 0 1rem;
  border-top: 1px solid var(--grey-b9);
  counter-increment: custom-ol;
  position: relative;
}
.about__competence-list li::after {
  content: counter(custom-ol);
  position: absolute;
  top: 0.375rem;
  left: 1rem;
  font-weight: 600;
  font-size: 14px;
  line-height: 129%;
  color: var(--grey-b9);
}
.about__competence-list-content {
  overflow: hidden;
}
.about__competence-list-title span {
  color: var(--grey-6d);
}
.about__competence-list-text {
  padding-top: 1rem;
  padding-bottom: 9.125rem;
}
.about__competence-phone {
  display: none;
}
.about__substitution {
  padding: clamp(3.75rem, 2.541322314rem + 4.958677686vw, 7.5rem) 0;
  position: relative;
}
.about__substitution::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  background-color: var(--blue-dc);
}
.about__substitution-title span {
  color: var(--blue-03);
}
.about__substitution-content {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
}
.about__substitution-content-item {
  width: calc(33.3% - 0.833125rem);
}
.about__substitution-cards {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.about__substitution-cards:not(:first-child) {
  margin-top: 1rem;
}
.about__substitution-card {
  padding: 3.25rem 2.5rem 2.5rem;
  position: relative;
}
.about__substitution-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: var(--grey-eb);
}
.about__substitution-card-title span {
  color: var(--blue-03);
}
.about__substitution-card-text {
  padding-top: 0.75rem;
  color: var(--grey-6d);
}
.about__substitution-card--small {
  padding-top: 2.5rem;
}
.about__substitution-card--big {
  padding-top: 4.5rem;
}
.about__substitution-text:first-child {
  max-width: 99%;
}
.about__substitution-text:not(:first-child) {
  margin-top: 1rem;
  padding-left: 0.75rem;
}
.about__substitution-text span {
  color: var(--grey-6d);
}
.about__substitution-phone {
  display: none;
}
.about__licences {
  background-color: var(--blue-dc);
}
.about__licences-container {
  padding-bottom: 3.75rem;
  display: flex;
  background-image: url(../../assets/svg/about-licences.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.about__licences-title {
  max-width: 20.3125rem;
}
.about__licences-list {
  margin-left: 7.6875rem;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  column-gap: 1rem;
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
}
.about__licences-list a, .about__licences-list p {
  padding: 0.9375rem 1.375rem 0.9375rem 2.875rem;
  color: var(--black);
  text-decoration: none;
  position: relative;
  transition: var(--transition-all);
}
.about__licences-list a::after, .about__licences-list p::after {
  content: "";
  position: absolute;
  top: 1.39rem;
  left: 1.82625rem;
  width: 0.348125rem;
  height: 0.348125rem;
  background-color: var(--grey-6d);
  border-radius: 50%;
  transition: var(--transition-all);
}
@media (width <= 80.06125rem) {
  .about__yars-container {
    padding-left: 3.125rem;
  }
}
@media (width <= 63.99875rem) {
  .about__basics-cards {
    padding: 0;
  }
  .about__basics-slide {
    padding-right: 1.875rem;
  }
  .about__basics-slide-img {
    height: auto;
  }
  .about__basics-slide-icon {
    width: 3.3125rem;
    height: 2.75rem;
  }
  .about__basics-slide-content {
    max-width: 60%;
  }
  .about__basics-types {
    flex-direction: column;
  }
  .about__basics-types li {
    width: 100%;
  }
  .about__basics-types li:nth-child(1) .about__basics-type-top, .about__basics-types li:nth-child(2) .about__basics-type-top, .about__basics-types li:nth-child(3) .about__basics-type-top, .about__basics-types li:nth-child(4) .about__basics-type-top {
    height: 0.125rem;
  }
  .about__basics-types li:nth-child(1) .about__basics-type-top::before, .about__basics-types li:nth-child(2) .about__basics-type-top::before, .about__basics-types li:nth-child(3) .about__basics-type-top::before, .about__basics-types li:nth-child(4) .about__basics-type-top::before {
    left: calc(var(--container-padding-x) * -1);
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(185, 201, 217, 0) 0%, #b9c9d9 100%);
  }
  .about__basics-types li:nth-child(1) .about__basics-type-top::before {
    width: 3.75rem;
  }
  .about__basics-types li:nth-child(2) .about__basics-type-top::before {
    width: 6.25rem;
  }
  .about__basics-types li:nth-child(3) .about__basics-type-top::before {
    width: 8.75rem;
  }
  .about__basics-types li:nth-child(4) .about__basics-type-top::before {
    width: 11.25rem;
  }
  .about__basics-types li:nth-child(4) .about__basics-type-top::after {
    display: none;
  }
  .about__basics-types li:last-child {
    position: relative;
  }
  .about__basics-types li:last-child::after {
    content: "";
    width: 16.25rem;
    height: 0.125rem;
    position: absolute;
    left: calc(var(--container-padding-x) * -1);
    bottom: 0;
    background: linear-gradient(90deg, rgba(185, 201, 217, 0) 0%, #b9c9d9 100%);
  }
  .about__basics-type-bottom {
    padding: 1.3125rem 2.25rem;
  }
  .about__competence {
    overflow: hidden;
    height: auto;
    background-image: url();
  }
  .about__competence-container {
    padding-top: 6.25rem;
    padding-bottom: 3.75rem;
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
    flex-direction: column;
    gap: 2.5rem;
    background-image: url(../../assets/svg/about-competence-phone.svg);
    background-repeat: no-repeat;
    background-position: 3.25rem 2.25rem;
  }
  .about__competence-list {
    display: none;
  }
  .about__competence-list-content {
    margin-top: 0.4375rem;
  }
  .about__competence-list-text {
    padding-bottom: 0;
    font-size: 1rem;
    line-height: 150%;
  }
  .about__competence-phone {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .about__competence-phone-number {
    border-top: var(--border);
    padding-top: 0.4375rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 129%;
    color: var(--grey-b9);
  }
  .about__substitution {
    overflow: hidden;
  }
  .about__substitution-phone {
    display: block;
  }
  .about__substitution-phone-slider {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .about__substitution-phone .swiper-wrapper {
    align-items: stretch;
  }
  .about__substitution-phone .swiper-slide {
    height: auto;
  }
  .about__substitution-phone .swiper-pagination span {
    background: var(--white);
  }
  .about__substitution-text {
    font-size: 1rem;
    line-height: 150%;
  }
  .about__substitution-card {
    width: 100%;
    height: 100%;
    padding: 1.5rem;
  }
  .about__licences-container {
    padding-bottom: 3.75rem;
    flex-direction: column;
    background-size: 4.25rem 3.25rem;
    background-position: 1.0625rem bottom;
  }
  .about__licences-list {
    margin-top: 1.5rem;
    margin-left: 0;
  }
  .about__licences-list p {
    padding-left: 1.8125rem;
  }
  .about__licences-list p::after {
    top: 1.6875rem;
    left: 0.75rem;
  }
}
@media (width <= 47.99875rem) {
  .about__hero {
    padding-bottom: 21.0625rem;
  }
  .about__hero-title {
    margin-top: 1rem;
    text-align: center;
  }
  .about__hero-text {
    margin-top: 5.625rem;
    font-size: 1rem;
    line-height: 125%;
    text-align: center;
  }
  .about__hero-text::after {
    z-index: -1;
    top: -4.25rem;
    left: calc(50% - 5.875rem);
    width: 11.75rem;
    height: 7.875rem;
    background-size: contain;
  }
  .about__hero::after {
    background-image: none;
  }
  .about__hero::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100vw;
    max-width: 31.25rem;
    height: 75vw;
    background-image: url(../../assets/images/about-hero-phone.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  .about__yars-header {
    width: 100%;
  }
  .about__yars-phone {
    display: block;
  }
  .about__yars-container {
    margin-top: 1.5rem;
    padding-left: var(--container-padding-x);
  }
  .about__yars-number {
    height: 7.8125rem;
    padding-top: 1.625rem;
    font-size: 1.625rem;
  }
  .about__yars-number p {
    height: 1.5625rem;
  }
  .about__yars-content {
    width: 100%;
    margin-left: 0.9375rem;
  }
  .about__yars-blocks {
    margin-top: -1.25rem;
    height: 15.875rem;
  }
  .about__yars-block .h1 {
    font-size: 32px;
    line-height: 112%;
  }
  .about__basics-cards {
    flex-direction: column;
    gap: 1.75rem;
  }
  .about__basics-card:nth-child(odd), .about__basics-card:nth-child(even) {
    max-width: 100%;
  }
  .about__basics-card-title {
    max-width: 61%;
  }
  .about__basics-card-text {
    font-size: 1rem;
    line-height: 150%;
  }
  .about__basics-slide {
    padding-top: 6rem;
    padding-right: 0;
    flex-direction: column;
  }
  .about__basics-slide-img {
    width: 100%;
    height: 104vw;
  }
  .about__basics-slide-img::after {
    background-image: url(../../assets/images/basics-slide-phone.webp);
  }
  .about__basics-slide-content {
    max-width: 100%;
    padding-left: 0;
  }
  .about__basics-slide-icon {
    display: none;
  }
  .about__basics-slide-text {
    font-size: 1.25rem;
    line-height: 120%;
  }
  .about__basics-types {
    padding-top: 2.3125rem;
  }
}

.route__hero {
  padding-bottom: 9.375rem;
  color: var(--white);
}
.route__hero-content {
  margin-top: 4.25rem;
  max-width: 37.6875rem;
  position: relative;
}
.route__hero-content-tag {
  position: absolute;
  top: -2rem;
  left: 0;
  padding: 0.25rem 0.4375rem;
}
.route__hero-content-tag::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  opacity: 0.1;
}
.route__hero-title {
  font-size: clamp(4.6875rem, 4.6875rem + 0vw, 4.6875rem);
  line-height: 109%;
}
.route__hero-sub-title {
  padding-top: 2rem;
}
.route__hero-text {
  max-width: 31.875rem;
  padding-top: 1.5rem;
}
.route__hero-text span {
  color: var(--grey-6d);
}
.route__hero-btn {
  padding-top: 4rem;
  display: flex;
}
.route__hero-img {
  position: absolute;
  top: -6.25rem;
  right: 0;
  width: 79.6875rem;
  height: calc(100% + 6.25rem);
  z-index: -5;
  overflow: hidden;
  background-size: cover;
}
.route__pros-content {
  margin-top: -3.875rem;
  padding: 3.75rem;
  display: flex;
  gap: 7.5rem;
  border: var(--border);
  background-color: var(--grey-eb);
}
.route__pros-item {
  width: 100%;
}
.route__pros-item--single .route__pros-list {
  column-gap: 4.375rem;
}
.route__pros-title span {
  color: var(--blue-03);
}
.route__pros-list {
  margin-top: 2rem;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.25rem;
  column-gap: 2.5rem;
}
.route__pros-list--two li:nth-child(odd) {
  max-width: 15.9375rem;
}
.route__pros-list--two li:nth-child(even) {
  max-width: 8.75rem;
}
.route__slide {
  padding-top: 5.9375rem;
  padding-bottom: 7.5rem;
}
.route__slide-content {
  display: flex;
  flex-wrap: wrap;
  gap: 3.375rem;
}
.route__slide-left {
  width: 46.45%;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.route__slide-left-icon {
  margin: 2.25rem 2.5rem 0.8125rem auto;
}
.route__slide-card {
  padding: 2.5rem;
  background-color: var(--blue-dc);
}
.route__slide-card-text {
  margin-top: 1.5rem;
  color: var(--grey-6d);
}
.route__slide-right-icon {
  height: 8rem;
  position: relative;
}
.route__slide-right-icon img {
  position: absolute;
  top: 0;
  left: -4.875rem;
  z-index: -1;
}
.route__slide-right-title {
  margin-top: 3.375rem;
  color: var(--grey-6d);
}
.route__slide-list {
  max-width: 38.125rem;
  list-style-type: none;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
}
.route__slide-list li {
  position: relative;
}
.route__slide-list li:not(:first-child) {
  margin-top: 1.5rem;
}
.route__slide-list li::after {
  content: "";
  position: absolute;
  top: 0.4525rem;
  left: -1.075625rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: var(--grey-b9);
}
.route__slide-list span {
  color: var(--grey-6d);
}
.route__typical {
  padding: 7.5rem;
  position: relative;
  color: var(--white);
}
.route__typical::after {
  z-index: -4;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  background-image: url(../../assets/images/route-typical.webp);
  background-repeat: no-repeat;
  background-position: top center;
}
.route__typical::before {
  z-index: -3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 17.5rem;
  background: var(--linear-gradient-blue);
  opacity: 0.2;
}
.route__typical-title span {
  color: var(--blue-03);
}
.route__typical-content {
  margin-top: 3.75rem;
}
.route__typical-item:not(:first-child) {
  margin-top: 6.25rem;
}
.route__typical-item-title span {
  padding-right: 0.75rem;
  color: var(--grey-b9);
}
.route__typical-item-content {
  margin-top: 3.75rem;
  display: flex;
}
.route__typical-item-content .swiper-wrapper {
  gap: 2.3125rem;
  align-items: stretch;
}
.route__typical-item-content .swiper-slide {
  width: 32.25%;
  height: auto;
}
.route__typical-item-content .swiper-slide:nth-child(2) {
  width: 29.35%;
}
.route__typical-item-content .swiper-slide:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 3.875rem;
  right: -1.375rem;
  width: 22px;
  height: 22px;
  background: var(--blue-10);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.route__typical-item-content .swiper-slide:nth-child(2) .route__typical-item-content-block .route__typical-item-content-block-img {
  background-position: top center;
}
.route__typical-item-content .swiper-slide:nth-child(3) .route__typical-item-content-block .route__typical-item-content-block-img {
  background-position: top right;
}
.route__typical-item-content .swiper-pagination {
  display: none;
}
.route__typical-item-content-block {
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  position: relative;
}
.route__typical-item-content-block::after {
  z-index: -2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--blue-10);
}
.route__typical-item-content-block-text {
  margin-top: 1.5rem;
}
.route__typical-item-content-block-img {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/svg/route-block.svg);
  filter: blur(2px);
}
.route__typical-item-content-block .anim-light__blick {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
.route__typical-phone {
  display: none;
}
.route__typical-footer {
  content: "";
  z-index: -3;
  transform: scaleY(-1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 17.5rem;
  background: var(--linear-gradient-blue);
  opacity: 0.2;
}
.route__examples {
  padding: clamp(3.75rem, 2.541322314rem + 4.958677686vw, 7.5rem) 0;
  background-color: var(--blue-dc);
}
.route__examples-title span {
  color: var(--blue-03);
}
.route__examples-content {
  margin-top: 3.75rem;
}
.route__examples-item {
  transition: var(--transition-all);
}
.route__examples-item:not(:first-child) {
  margin-top: 6.25rem;
}
.route__examples-item-content {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.25rem;
}
.route__examples-item-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
}
.route__examples-item-img {
  flex-shrink: 0;
  height: 37.3125rem;
  padding: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: var(--border);
}
.route__examples-item-img img {
  max-width: 100%;
  max-height: 100%;
}
.route__examples-item-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.route__examples-item-bottom .route__examples-item-title {
  width: 100%;
}
.route__examples-item-title {
  margin-right: 1.5rem;
  text-align: end;
}
.route__examples-item-right {
  flex-shrink: 0;
  width: 13.25rem;
  position: relative;
  overflow: hidden;
}
.route__examples-item-right .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.route__examples-item-right .swiper-button-prev, .route__examples-item-right .swiper-button-next {
  position: absolute;
}
.route__examples-item-right .swiper-button-prev::after, .route__examples-item-right .swiper-button-next::after {
  font-size: 0;
  transition: var(--transition-all);
}
.route__examples-item-right .swiper-button-prev.swiper-button-disabled, .route__examples-item-right .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.route__examples-item-right .swiper-button-prev {
  top: 2rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.route__examples-item-right .swiper-button-prev::after {
  position: absolute;
  top: -0.75rem;
  left: 0;
  width: 100%;
  height: 1.625rem;
  background: linear-gradient(0deg, rgba(220, 226, 234, 0) 0%, #dce2ea 100%);
}
.route__examples-item-right .swiper-button-next {
  top: calc(100% - 2rem);
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.route__examples-item-right .swiper-button-next::after {
  position: absolute;
  left: 0;
  bottom: -0.75rem;
  width: 100%;
  height: 1.625rem;
  background: linear-gradient(rgba(220, 226, 234, 0) 0%, #dce2ea 100%);
}
.route__examples-item-right .btn-slider {
  background-color: var(--blue-03-10);
}
@media (any-hover: hover) {
  .route__examples-item-right .btn-slider:hover {
    background-color: var(--blue-03);
  }
  .route__examples-item-right .btn-slider:hover svg * {
    fill: var(--white);
  }
}
@media (any-hover: none) {
  .route__examples-item-right .btn-slider:active {
    background-color: var(--blue-03);
  }
  .route__examples-item-right .btn-slider:active svg * {
    fill: var(--white);
  }
}
.route__examples-item-button {
  width: 100%;
  height: 8.75rem;
  transition: var(--transition-all);
  position: relative;
}
.route__examples-item-button * {
  transition: var(--transition-all);
}
.route__examples-item-button img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.route__examples-item-button-content {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.25rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 129%;
  text-align: center;
}
.route__examples-item-button-content::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  opacity: 0.7;
  transition: var(--transition-all);
}
.route__examples-item-button::after {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid var(--blue-03);
  opacity: 0;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .route__examples-item-button:hover::after {
    opacity: 1;
  }
}
@media (any-hover: none) {
  .route__examples-item-button:active::after {
    opacity: 1;
  }
}
.route__examples-item-button.is-active {
  cursor: default;
  color: var(--white);
}
.route__examples-item-button.is-active::after {
  display: none;
}
.route__examples-item-button.is-active .route__examples-item-button-content::after {
  background-color: var(--blue-03);
}
.route__examples-item.is-active .route__examples-item-img img {
  filter: blur(4px);
}
.route__implemented {
  height: 43.75rem;
  padding-bottom: 3.75rem;
}
.route__implemented-content {
  display: flex;
  gap: 2rem;
}
.route__implemented-left {
  width: 100%;
  position: relative;
}
.route__implemented-title {
  padding-top: 7.5rem;
  padding-bottom: 6.25rem;
  background-color: var(--grey-eb);
}
.route__implemented-title:not(.route__implemented-title--add) span {
  color: var(--blue-03);
}
.route__implemented-title--add {
  display: flex;
  flex-direction: column;
}
.route__implemented-title--add .route__implemented-title-add {
  margin-left: auto;
  padding-top: 1.5rem;
}
.route__implemented-title--add .route__implemented-title-add span {
  color: var(--blue-03);
}
.route__implemented-item {
  padding: 3.625rem 0 3.75rem 0rem;
  display: flex;
  border-top: var(--border);
}
.route__implemented-item-number {
  flex-shrink: 0;
  padding-top: 0.8125rem;
  color: var(--grey-b9);
}
.route__implemented-item-content {
  padding-left: 3.0625rem;
  width: 43.1875rem;
  overflow: hidden;
  position: relative;
}
.route__implemented-item-content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.25rem;
  width: 100%;
  height: 2.8125rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--grey-eb));
}
.route__implemented-item-text {
  margin-top: 1.5rem;
  color: var(--grey-6d);
}
.route__implemented-right {
  flex-shrink: 0;
  width: 20.875rem;
  position: relative;
}
.route__implemented-right-header {
  padding-top: 4.5625rem;
}
.route__implemented-right-text {
  margin-top: 6.9375rem;
  padding-left: 2.5rem;
  position: relative;
}
.route__implemented-right-text span {
  color: var(--grey-6d);
}
.route__implemented-right-text::after {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 1.25rem;
  height: 0.125rem;
  background-color: var(--blue-dc);
}
.route__implemented-img {
  margin-left: 1.25rem;
  width: 12.75rem;
  height: 8.75rem;
}
.route__implemented-phone {
  display: none;
}
.route__implemented--next .route__implemented-right-text {
  margin-top: 2.5625rem;
}
.route__implemented--next .route__implemented-left {
  padding-bottom: 3.75rem;
}
.route__reliable {
  padding-top: 9.8125rem;
  padding-bottom: 7.5rem;
  color: var(--white);
  position: relative;
}
.route__reliable::after {
  z-index: -3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
}
.route__reliable-header {
  padding-right: 8.8125rem;
  display: flex;
  justify-content: space-between;
}
.route__reliable-logo {
  width: 24.875rem;
  height: 5.875rem;
}
.route__reliable-title {
  margin-top: 1.5625rem;
  width: 32.1875rem;
  position: relative;
}
.route__reliable-title::before {
  content: "—";
  position: absolute;
  top: 0;
  left: -3.625rem;
}
.route__reliable-title::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: -4rem;
  right: -1.4375rem;
  width: 15.6875rem;
  height: 9.75rem;
  background-image: url(../../assets/svg/route-reliable-mount.svg);
}
.route__reliable-sub-header {
  padding-top: 5rem;
  max-width: 33.375rem;
  position: relative;
}
.route__reliable-sub-header::after {
  content: "";
  position: absolute;
  top: 0.625rem;
  right: -4.1875rem;
  width: 12.6875rem;
  height: 8.75rem;
  background-image: url(../../assets/svg/route-reliable-icon.svg);
  z-index: -1;
}
.route__reliable-block {
  margin-top: 2.5rem;
}
.route__reliable-content {
  display: flex;
  gap: 1.25rem;
}
.route__reliable-content:not(:first-child) {
  margin-top: 1.25rem;
}
.route__reliable-content--three > div {
  width: 33.33%;
}
.route__reliable-content--two > div {
  width: 50%;
}
.route__reliable-item {
  padding: 2.5rem;
  position: relative;
}
.route__reliable-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-03);
  opacity: 0.1;
  z-index: -2;
}
.route__reliable-item-text {
  margin-top: 1.5rem;
}
.route__reliable-item .anim-light__blick {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
.route__reliable-phone {
  display: none;
}
@media (width <= 80.06125rem) {
  .route__slide-left {
    width: calc(50% - 1.6875rem);
  }
  .route__slide-right {
    width: calc(50% - 1.6875rem);
  }
  .route__typical {
    padding-top: 3.75rem;
    padding-bottom: 3.375rem;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
  }
  .route__typical-phone {
    display: block;
  }
  .route__typical .swiper-pagination {
    display: block;
  }
  .route__typical .swiper-pagination span {
    background: var(--blue-03);
  }
  .route__typical-item-title {
    display: flex;
  }
  .route__typical-item-content {
    margin-top: 2rem;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .route__typical-item-content-block {
    padding: 1.5rem;
  }
  .route__typical-item-content-block-text {
    font-size: 1rem;
    line-height: 150%;
  }
  .route__typical-item:not(:first-child) {
    margin-top: 1.375rem;
  }
  .route__typical-content {
    margin-top: 2.5rem;
  }
  .route__typical-content .swiper-wrapper {
    gap: 0rem;
  }
  .route__typical-content .swiper-slide {
    width: auto;
  }
  .route__examples-item-left {
    width: calc(100% - 13.25rem);
  }
  .route__examples-item-img {
    height: 29.375rem;
  }
  .route__examples-item-img img {
    max-height: 95%;
  }
  .route__implemented-left {
    width: calc(100% - 22.875rem);
  }
  .route__reliable-header {
    padding-right: 1.875rem;
  }
}
@media (width <= 63.99875rem) {
  .route__hero {
    height: calc(100vh - 4.375rem);
  }
  .route__hero-img {
    top: -5.375rem;
    width: 100%;
    height: calc(100% + 4.375rem);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .route__hero-text span {
    color: var(--grey-a8);
  }
  .route__pros-content {
    margin-top: -3.125rem;
    flex-direction: column;
  }
  .route__slide-content {
    gap: 2.5rem;
  }
  .route__slide-right-icon img {
    left: -0.875rem;
  }
  .route__examples-item-bottom {
    display: none;
  }
  .route__examples-item-img {
    height: 25rem;
  }
  .route__implemented {
    overflow: hidden;
    height: auto;
  }
  .route__implemented-content {
    flex-direction: column;
    gap: 0;
  }
  .route__implemented-title {
    padding-top: 6.25rem;
    padding-bottom: 0;
    padding-right: 6.25rem;
    position: relative;
    background: none;
  }
  .route__implemented-title::after {
    content: "";
    position: absolute;
    top: 2.25rem;
    right: 0.75rem;
    width: 8.375rem;
    height: 5.75rem;
    background-image: url(../../assets/svg/route-implemented.svg);
    background-size: cover;
    z-index: -1;
  }
  .route__implemented-title--add > *:not(.route__implemented-title-add) {
    margin-right: -0.625rem;
  }
  .route__implemented-left {
    width: 100%;
  }
  .route__implemented-right {
    margin-left: auto;
    padding-top: 2.5rem;
  }
  .route__implemented-right-header {
    padding-top: 0;
  }
  .route__implemented-right-text {
    margin: 0;
  }
  .route__implemented-img {
    display: none;
  }
  .route__implemented-phone {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .route__implemented-item {
    padding-top: 1.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0;
    flex-direction: column;
  }
  .route__implemented-item-content {
    margin-top: 0.75rem;
    width: 100%;
    padding: 0;
  }
  .route__implemented-item-text {
    margin-top: 1rem;
  }
  .route__implemented-item-number {
    padding: 0;
  }
  .route__implemented--next .route__implemented-right-text {
    margin-top: 0;
  }
  .route__reliable {
    overflow: hidden;
    padding-top: 3.75rem;
    padding-bottom: 3.375rem;
  }
  .route__reliable-header {
    padding: 0;
    flex-direction: column;
  }
  .route__reliable-sub-header {
    width: 88%;
    padding-top: 3.0625rem;
    font-size: 1.625rem;
    line-height: 115%;
  }
  .route__reliable-sub-header::after {
    top: 0.875rem;
    right: -1.8125rem;
    width: 7.125rem;
    height: 4.9375rem;
    background-size: cover;
  }
  .route__reliable-block {
    display: none;
  }
  .route__reliable-logo {
    margin: auto;
    width: 12.25rem;
    height: 2.875rem;
  }
  .route__reliable-title {
    margin-top: 5.25rem;
    width: auto;
    padding-left: 6.1875rem;
  }
  .route__reliable-title::before {
    left: 2.5625rem;
  }
  .route__reliable-title::after {
    top: -3.125rem;
  }
  .route__reliable-phone {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .route__reliable-phone .swiper-pagination span {
    background: var(--blue-03);
  }
  .route__reliable-phone .swiper-wrapper {
    align-items: stretch;
  }
  .route__reliable-phone .swiper-slide {
    height: auto;
  }
  .route__reliable-item {
    height: 100%;
    padding: 1.5rem;
  }
  .route__reliable-item .text-normal {
    font-size: 1rem;
  }
  .route__reliable-item-title--two {
    font-size: 1.25rem;
  }
}
@media (width <= 47.99875rem) {
  .route__hero {
    height: auto;
    padding-bottom: 6.875rem;
  }
  .route__hero-img {
    background-position: bottom right;
  }
  .route__hero .container {
    height: 100%;
  }
  .route__hero-content {
    margin-top: 2.1875rem;
    max-width: 100%;
    height: calc(100% - 161px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .route__hero-content-tag {
    display: none;
  }
  .route__hero-title {
    font-size: 3.875rem;
    line-height: 100%;
  }
  .route__hero-title--small {
    font-size: 2.125rem;
    line-height: 100%;
  }
  .route__hero-sub-title {
    padding-top: 1.6875rem;
  }
  .route__hero-text {
    font-size: 0.875rem;
    line-height: 129%;
  }
  .route__hero-btn {
    padding-top: 6.25rem;
    width: 100%;
  }
  .route__hero .route__hero-img {
    background-position: bottom left -249px;
  }
  .route__hero--two {
    height: auto;
  }
  .route__hero--two .route__hero-btn {
    padding-top: 7.9375rem;
  }
  .route__hero--two .route__hero-img {
    background-position: bottom left -284px;
  }
  .route__hero--three .route__hero-content {
    margin-top: 3.125rem;
  }
  .route__hero--three .route__hero-sub-title {
    max-width: 98%;
    padding-top: 2.5rem;
    font-size: 1.25rem;
    line-height: 120%;
  }
  .route__hero--three .route__hero-text {
    padding-top: 1.125rem;
  }
  .route__hero--three .route__hero-btn {
    padding-top: 10.8125rem;
  }
  .route__pros-content {
    padding: 2rem 1.5rem;
    gap: 2.5rem;
  }
  .route__pros-list {
    margin-top: 1rem;
    gap: 0.75rem;
  }
  .route__pros-list li {
    width: 100%;
  }
  .route__slide {
    padding-top: 8.125rem;
    padding-bottom: 2.5rem;
    flex-direction: column;
    background-image: url(../../assets/svg/route-slide-grid.svg);
    background-repeat: no-repeat;
    background-size: 12.6875rem 8rem;
    background-position: top 6.4375rem right 0.5rem;
  }
  .route__slide-left {
    width: 100%;
  }
  .route__slide-left-icon {
    display: none;
  }
  .route__slide-card {
    width: 100%;
    padding: 1.5rem;
  }
  .route__slide-card-text {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 125%;
  }
  .route__slide-right {
    width: 100%;
    background-image: url(../../assets/svg/route-slide-square.svg);
    background-size: 3rem 2.8125rem;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .route__slide-right-icon {
    display: none;
  }
  .route__slide-right-title {
    margin-top: 0;
    min-height: 2.5rem;
    padding-right: 4.8125rem;
    font-size: 1rem;
    line-height: 125%;
  }
  .route__slide-list {
    padding-top: 1rem;
    font-size: 0.875rem;
    line-height: 129%;
  }
  .route__slide-list li:not(:first-child) {
    margin-top: 1rem;
  }
  .route__examples-content {
    margin-top: 2.5rem;
  }
  .route__examples-item:not(:first-child) {
    margin-top: 3.75rem;
  }
  .route__examples-item-content {
    flex-direction: column;
    gap: 1rem;
  }
  .route__examples-item-left {
    width: 100%;
  }
  .route__examples-item-right {
    margin-left: calc(var(--container-padding-x) * -1);
    margin-right: calc(var(--container-padding-x) * -1);
    width: calc(100% + var(--container-padding-x) * 2);
    height: 6.25rem;
    position: relative;
  }
  .route__examples-item-right .swiper-button-prev, .route__examples-item-right .swiper-button-next {
    position: absolute;
    top: 1.375rem;
    width: 1.625rem;
    height: 100%;
  }
  .route__examples-item-right .swiper-button-prev .btn, .route__examples-item-right .swiper-button-next .btn {
    display: none;
  }
  .route__examples-item-right .swiper-button-prev::after, .route__examples-item-right .swiper-button-next::after {
    display: none;
  }
  .route__examples-item-right .swiper-button-prev {
    background: linear-gradient(280deg, rgba(220, 226, 234, 0) 0%, #dce2ea 100%);
  }
  .route__examples-item-right .swiper-button-next {
    left: calc(100% - 1.625rem);
    background: linear-gradient(90deg, rgba(220, 226, 234, 0) 0%, #dce2ea 100%);
  }
  .route__examples-item-button {
    height: 100%;
  }
  .route__examples-item-bottom {
    display: none;
  }
  .route__examples-item-img {
    height: 13.875rem;
  }
  .route__implemented-right {
    max-width: 16.75rem;
  }
  .route__implemented-right-text {
    font-size: 1rem;
    line-height: 125%;
  }
  .route__implemented-item-number {
    font-size: 0.75rem;
    line-height: 133%;
  }
  .route__implemented-item-text {
    font-size: 1rem;
    line-height: 125%;
  }
}
@media (width <= 36.0625rem) {
  .route__implemented-title-add {
    margin-right: -6.25rem;
  }
  .route__implemented-title:not(.route__implemented-title--add) {
    padding-right: 1.25rem;
  }
}

.product__hero {
  min-height: 40.625rem;
  padding-bottom: 5rem;
  position: relative;
}
.product__hero::after {
  top: -6.25rem;
  height: calc(100% + 6.25rem);
  background-color: var(--blue-0F);
}
.product__hero-overflow {
  z-index: -4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.product__hero-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product__hero-banner {
  z-index: -4;
  position: absolute;
  top: -32.75rem;
  left: 0;
  width: 100%;
  height: 42.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 4.6875rem;
  line-height: 109%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: lighten;
  background-size: 120rem;
  background-position: center -10%;
}
.product__hero-block {
  margin-top: 25.5625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.product__hero-block-tag {
  position: absolute;
  top: -2.8125rem;
  width: 100%;
  display: flex;
  justify-content: center;
  color: var(--grey-b9);
}
.product__hero-block-tag span {
  padding: 0.5rem 0.75rem;
  position: relative;
}
.product__hero-block-tag span::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--grey-b9);
  opacity: 0.1;
}
.product__hero-block-tag--center {
  right: 0;
  justify-content: center;
}
.product__hero-title {
  margin-top: 4rem;
}
.product__hero-text {
  margin-top: 4rem;
  text-align: center;
  color: var(--grey-b9);
}
.product__hero-text--one {
  max-width: 45.125rem;
}
.product__hero-btn {
  margin-top: 4rem;
}
.product__hero-blue {
  z-index: -9;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product__hero-blue-one {
  z-index: -8;
  position: absolute;
  top: -37rem;
  left: 4.1875rem;
  width: 66.625rem;
  height: 30.8125rem;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgb(28, 138, 232) 0%, rgb(15, 21, 37) 100%);
  transform: rotate(60.4deg);
  filter: blur(100px);
}
.product__hero-blue-two {
  z-index: -8;
  position: absolute;
  left: -7.3125rem;
  bottom: -25rem;
  width: 75.1875rem;
  height: 38.875rem;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgb(28, 138, 232) 0%, rgb(15, 21, 37) 100%);
  transform: rotate(-64.42deg);
  filter: blur(100px);
}
.product__hero-blue-tree {
  z-index: -8;
  position: absolute;
  right: -44.125rem;
  bottom: -72rem;
  width: 86.6875rem;
  height: 94.075625rem;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgb(28, 138, 232) 0%, rgb(15, 21, 37) 100%);
  transform: rotate(-64.42deg);
  filter: blur(100px);
}
.product__hero--two .product__hero-banner {
  top: -36.75rem;
  background-position: center -87%;
  background-size: 110rem;
}
.product__hero--three .product__hero-banner {
  background-position: center 6.5625rem;
  background-size: 96.875rem;
}
.product__hero--three h1 {
  text-align: center;
}
@media (width <= 63.99875rem) {
  .product__hero-blue-one {
    top: -28rem;
    left: -70%;
  }
  .product__hero-overflow {
    overflow: hidden;
    top: -6.25rem;
    height: calc(100% + 6.25rem);
  }
  .product__hero .container {
    height: 100%;
  }
  .product__hero-block {
    height: calc(100% - 31.375rem);
    justify-content: space-between;
  }
}
@media (width <= 47.99875rem) {
  .product__hero {
    height: auto;
  }
  .product__hero h1 {
    text-align: center;
  }
  .product__hero-block {
    margin-top: 16.875rem;
    height: calc(100% - 16.875rem);
  }
  .product__hero-block-tag {
    position: static;
    right: 0;
    margin-top: 5.5625rem;
    margin-bottom: 0.5625rem;
    justify-content: center;
    font-size: 1rem;
    line-height: 125%;
  }
  .product__hero-block-text {
    margin-top: 1.75rem;
  }
  .product__hero-block--two {
    margin-top: 15.125rem;
  }
  .product__hero-banner {
    overflow: hidden;
    top: -26.375rem;
    margin: 0 calc(var(--container-padding-x) * -1);
    width: calc(100% + var(--container-padding-x) * 2);
    font-size: 3.5rem;
    line-height: 136%;
    background-size: 1328px;
    background-position: center;
    background-position-y: 131px;
  }
  .product__hero-text {
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 125%;
  }
  .product__hero-btn {
    margin-top: 3.3125rem;
    width: 100%;
  }
  .product__hero--two {
    padding-bottom: 3.75rem;
  }
  .product__hero--two .product__hero-banner {
    top: -25.875rem;
    background-position: center 8.5625rem;
    background-size: 87.4375rem;
  }
  .product__hero--two .product__hero-top h1 {
    margin-top: 6.8125rem;
    margin-bottom: 0.375rem;
  }
  .product__hero--two .product__hero-btn {
    margin-top: 4.1875rem;
  }
  .product__hero--three {
    padding-bottom: 3.75rem;
  }
  .product__hero--three .product__hero-banner {
    top: -29.375rem;
    background-position: center 10.1875rem;
    background-size: 77.6875rem;
  }
  .product__hero--three .product__hero-block-tag {
    margin-top: 0.625rem;
    width: 77%;
    text-align: center;
  }
  .product__hero--three .product__hero-btn {
    margin-top: 2.75rem;
  }
}
.product__slide {
  padding-top: 7.5rem;
}
.product__slide-content {
  display: flex;
  gap: 3.75rem;
}
.product__slide-left {
  width: 44.35%;
}
.product__slide-left-text {
  margin-top: 1.5rem;
}
.product__slide-left-img {
  overflow: hidden;
  margin-top: 3.75rem;
  width: 100%;
  height: 45.375rem;
  position: relative;
}
.product__slide-left-img img {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .product__slide-left-img:hover img {
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: 110%;
  }
}
@media (any-hover: none) {
  .product__slide-left-img:active img {
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: 110%;
  }
}
.product__slide-left-img::after {
  z-index: -3;
  content: "";
  position: absolute;
  top: -4.125rem;
  right: -2.875rem;
  width: 8.9375rem;
  height: 6.125rem;
  background-image: url(../../assets/svg/product-slide-left.svg);
}
.product__slide-left-img-block {
  pointer-events: none;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product__slide-left-img-block::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--grey-eb);
  background-image: url(../../assets/svg/product-slide-1.svg);
  background-repeat: no-repeat;
  background-position: top left;
}
.product__slide-left-img-block::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5rem;
  height: 5rem;
  background-color: var(--grey-eb);
  background-image: url(../../assets/svg/product-slide-2.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.product__slide-left-img--two {
  height: 51.3125rem;
}
.product__slide-title {
  padding-top: 2.5rem;
}
.product__slide-title span {
  color: var(--blue-03);
}
.product__slide-right {
  width: 50.8%;
}
.product__slide-right-img {
  width: 100%;
  height: 28.25rem;
  overflow: hidden;
  position: relative;
}
.product__slide-right-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .product__slide-right-img img:hover {
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: 110%;
  }
}
@media (any-hover: none) {
  .product__slide-right-img img:active {
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: 110%;
  }
}
.product__slide-right-img-block {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product__slide-right-img-block::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  background-color: var(--grey-eb);
}
.product__slide-right-img-block::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--grey-eb);
}
.product__slide-right-text {
  margin-top: 4.75rem;
  margin-left: 1.25rem;
}
.product__slide-right-card {
  margin-top: 5rem;
  margin-left: -1.25rem;
  padding: 2.5rem;
  background-color: var(--blue-dc);
  position: relative;
}
.product__slide-right-card span {
  color: var(--grey-6d);
}
.product__slide-right-card::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: -2.6875rem;
  left: -1.75rem;
  width: 12.6875rem;
  height: 8rem;
  background-image: url(../../assets/svg/product-slide-right.svg);
}
.product__slide-right-card-list {
  list-style-type: none;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product__slide-right-card-list li {
  padding-left: 1.5rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 125%;
  position: relative;
}
.product__slide-right-card-list li::after {
  content: "";
  position: absolute;
  top: 0.4525rem;
  left: 0.45125rem;
  width: 0.348125rem;
  height: 0.348125rem;
  border-radius: 50%;
  background: var(--grey-b9);
}
.product__slide-right-add {
  margin-top: 5rem;
  margin-left: 1.25rem;
}
.product__slide-right-add-left {
  flex-shrink: 0;
  width: 23.0625rem;
}
.product__slide-right-add-list {
  list-style-type: none;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 1rem;
  color: var(--grey-6d);
}
.product__slide-right-add-list li {
  width: 9.375rem;
  padding-left: 1.75rem;
  position: relative;
}
.product__slide-right-add-list li::after {
  content: "";
  position: absolute;
  top: 0.5775rem;
  left: 0.57625rem;
  width: 0.348125rem;
  height: 0.348125rem;
  border-radius: 50%;
  background-color: var(--grey-6d);
}
.product__slide-right-add-right {
  margin-top: -4.375rem;
  margin-left: auto;
  max-width: 17.1875rem;
  text-align: right;
}
.product__slide-text span {
  color: var(--grey-6d);
}
@media (width <= 80.06125rem) {
  .product__slide-left {
    flex-shrink: 0;
  }
  .product__slide-right {
    width: 100%;
  }
  .product__slide-right-add {
    margin-top: 0;
    margin-left: 0;
  }
  .product__slide-right-add-right {
    margin-top: -1.875rem;
  }
}
@media (width <= 63.99875rem) {
  .product__slide {
    overflow: hidden;
    padding-top: 3.75rem;
    padding-bottom: 8.5625rem;
  }
  .product__slide-content {
    flex-direction: column;
    gap: 2rem;
  }
  .product__slide-left, .product__slide-right {
    width: 100%;
  }
  .product__slide-title {
    padding: 0;
  }
  .product__slide-left-text {
    margin-top: 2.5rem;
    font-size: 1rem;
    line-height: 125%;
  }
  .product__slide-left-img {
    pointer-events: none;
    margin-top: 5.5625rem;
    margin-left: auto;
    width: 31.25rem;
    height: 70vw;
    max-height: 100vh;
  }
  .product__slide-left-img::after {
    top: -4.9375rem;
    right: 5.3125rem;
  }
  .product__slide-left-img-block::after {
    width: 2.125rem;
    height: 2.125rem;
    background-size: 1rem;
  }
  .product__slide-left-img-block::before {
    width: 4.4375rem;
    height: 4.4375rem;
    background-size: 3.25rem;
  }
  .product__slide-right {
    display: flex;
    flex-direction: column;
  }
  .product__slide-right-img {
    margin-top: 2rem;
    height: auto;
  }
  .product__slide-right-img img {
    pointer-events: none;
  }
  .product__slide-right-img-block::after {
    width: 2.8125rem;
    height: 2.8125rem;
  }
  .product__slide-right-img-block::before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .product__slide-right-text {
    order: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 125%;
  }
  .product__slide-right-card {
    order: 3;
    margin-top: -0.8125rem;
    padding: 1.5rem;
  }
  .product__slide-right-card::after {
    top: auto;
    left: auto;
    right: -1.6875rem;
    bottom: -3.5625rem;
    background-image: url(../../assets/svg/product-slide-right-2.svg);
  }
  .product__slide-right-add-left {
    width: 100%;
  }
  .product__slide-right-add-right {
    margin-top: 1rem;
  }
  .product__slide-right-add-right .product__slide-text {
    font-size: 1rem;
    line-height: 125%;
  }
  .product__slide-right-add-list {
    flex-direction: column;
  }
  .product__slide-right-card-list {
    margin-top: 1rem;
    gap: 1rem;
  }
}
@media (width <= 47.99875rem) {
  .product__slide-left-img {
    margin-left: 3rem;
    width: calc(100% - 2.25rem);
    max-width: 25rem;
    height: 49vh;
  }
  .product__slide-right-img {
    height: 66.7vw;
  }
}
.product__for {
  overflow: hidden;
  padding-top: 7.5rem;
}
.product__for-title span {
  color: var(--blue-03);
}
.product__for-content {
  margin-top: 2.5rem;
}
.product__for-item {
  width: 44.6875rem;
}
.product__for-item:not(:first-child) {
  margin-top: 2.5rem;
}
.product__for-item:nth-child(2) {
  margin-left: auto;
  margin-right: auto;
}
.product__for-item:nth-child(3) {
  margin-left: auto;
}
.product__for-item-name {
  margin-left: 2.5rem;
  margin-bottom: -0.6875rem;
  font-weight: 700;
  font-size: clamp(3.625rem, 3.625rem + 0vw, 3.625rem);
  color: var(--grey-b9);
}
.product__for-item-block {
  padding: 2.375rem;
  border: var(--border);
  border-color: var(--blue-dc);
}
.product__for-item-title {
  color: var(--blue-03);
}
.product__for-item-content {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product__for-item-content span {
  color: var(--grey-6d);
}
.product__for-item-content--small {
  margin-top: 1rem;
}
.product__for-phone {
  display: none;
}
@media (width <= 47.99875rem) {
  .product__for {
    overflow: hidden;
    padding-top: 0;
  }
  .product__for-title {
    max-width: 92%;
    font-size: 2.1875rem;
  }
  .product__for-content {
    display: none;
  }
  .product__for-phone {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .product__for-phone .swiper-wrapper {
    align-items: stretch;
  }
  .product__for-phone .swiper-slide {
    height: auto;
  }
  .product__for-item {
    width: 100%;
    height: 100%;
  }
  .product__for-item-name {
    margin-left: 1.5rem;
    margin-bottom: -0.25rem;
    font-size: 2.8125rem;
  }
  .product__for-item-block {
    height: calc(100% - 3.234375rem);
    padding: 1.5rem;
  }
  .product__for-item-content {
    margin-top: 1.25rem;
    gap: 0.75rem;
  }
  .product__for-item-content h3 {
    font-size: 1rem;
    line-height: 125%;
  }
}
.product__possibilities {
  padding-top: 7.5rem;
}
.product__possibilities-title {
  text-align: center;
}
.product__possibilities-title span {
  color: var(--blue-03);
}
.product__possibilities-content {
  margin-top: 2.5rem;
}
.product__possibilities-list {
  list-style-type: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.product__possibilities-list:not(:first-child) {
  margin-top: 2rem;
}
.product__possibilities-list li {
  display: flex;
  align-items: start;
  gap: 1rem;
}
.product__possibilities-list-left {
  display: flex;
  align-items: center;
  color: var(--blue-03);
  white-space: nowrap;
}
.product__possibilities-list-left span {
  margin-right: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__possibilities-list-right {
  color: var(--grey-6d);
}
.product__possibilities-list-right::before {
  content: "–";
}
.product__possibilities-list--first {
  margin-left: auto;
  width: calc(50% - 0.625rem);
}
.product__possibilities-list--grey .product__possibilities-list-left {
  font-size: 1rem;
  line-height: 150%;
  color: var(--grey-6d);
}
.product__possibilities-list--grey .product__possibilities-list-left {
  align-items: start;
  white-space: normal;
}
.product__possibilities-text {
  max-width: calc(50% - 1.25rem);
}
.product__possibilities-text span {
  color: var(--grey-6d);
}
.product__possibilities-block {
  margin-top: 1.25rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding: 1.25rem 2.5rem 2.5rem;
  display: flex;
  gap: 1.25rem;
  position: relative;
}
.product__possibilities-block::before {
  z-index: -3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
}
.product__possibilities-block::after {
  z-index: -4;
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 1.875rem;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
  opacity: 0.5;
}
.product__possibilities-block-item {
  width: 50%;
}
.product__possibilities-block-item:first-child {
  margin-top: -6.75rem;
}
.product__possibilities-item {
  padding: 2.625rem 1.125rem 2.375rem 2.375rem;
  border: 2px solid var(--blue-dc);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.product__possibilities-item:not(:first-child) {
  margin-top: 1.25rem;
}
.product__possibilities-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--grey-eb);
  z-index: -2;
}
.product__possibilities-item-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.product__possibilities-item-header span {
  margin-left: 0.625rem;
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__possibilities-item-text span {
  color: var(--grey-6d);
}
.product__possibilities-text {
  max-width: 100%;
}
.product__possibilities-phone {
  display: none;
}
@media (width <= 86.75rem) {
  .product__possibilities {
    padding-bottom: 1.25rem;
    overflow: hidden;
  }
}
@media (width <= 80.06125rem) {
  .product__possibilities {
    overflow: hidden;
  }
}
@media (width <= 63.99875rem) {
  .product__possibilities-block {
    margin-left: 0;
    margin-right: 0;
  }
  .product__possibilities-phone {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
    position: relative;
  }
  .product__possibilities-phone .swiper-wrapper {
    align-items: stretch;
  }
  .product__possibilities-phone .swiper-slide {
    height: auto;
  }
  .product__possibilities-phone .swiper-pagination span {
    background: var(--white);
  }
  .product__possibilities-phone::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 1.5rem;
    left: calc(var(--container-padding-x) * -1);
    width: calc(100% + var(--container-padding-x) * 2);
    height: 100%;
    background-color: var(--blue-dc);
  }
  .product__possibilities-block {
    margin-top: 0.625rem;
    padding: 0;
    padding-bottom: 1.5rem;
  }
  .product__possibilities-block::before {
    left: calc(var(--container-padding-x) * -1);
    width: calc(100% + var(--container-padding-x));
  }
  .product__possibilities-block::after {
    top: 0.375rem;
    left: 0.375rem;
  }
  .product__possibilities-block-item {
    width: 100%;
  }
  .product__possibilities-block-item:first-child {
    margin-top: 0;
  }
  .product__possibilities-block-item:last-child {
    display: none;
  }
  .product__possibilities-item {
    width: 100%;
    height: 100%;
    padding: 1.875rem 1.5rem 1.5rem;
  }
  .product__possibilities-item-header span {
    align-items: start;
  }
  .product__possibilities-list--first {
    margin: 0;
    width: 100%;
  }
  .product__possibilities-list--last {
    width: 100%;
  }
  .product__possibilities-list--last li {
    flex-direction: column;
    gap: 0.75rem;
  }
  .product__possibilities-list--last .product__possibilities-list-right {
    padding-left: 2.25rem;
  }
  .product__possibilities-content {
    padding-bottom: 0.375rem;
  }
}
.product__interface {
  margin-top: 7.5rem;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  background-color: var(--blue-dc);
}
.product__interface-header {
  display: flex;
  justify-content: space-between;
}
.product__interface-title {
  max-width: 33rem;
}
.product__interface-title span {
  color: var(--blue-03);
}
.product__interface-text {
  max-width: 31.25rem;
}
.product__interface-text span {
  color: var(--grey-6d);
}
.product__interface-list {
  list-style-type: none;
  padding-top: 2.5rem;
  display: flex;
}
.product__interface-list .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__interface-list li {
  display: flex;
  align-items: start;
  gap: 1rem;
  line-height: 1.4em;
  max-height: 2.8em;
  white-space: normal;
  word-break: break-word;
}
.product__interface-list li:not(:first-child) {
  margin-left: 2.8125rem;
}
.product__interface-list li span {
  white-space: nowrap;
}
.product__interface-content {
  margin-top: 2.5rem;
  display: grid;
}
.product__interface-content--one {
  gap: 1.25rem;
  grid-template-columns: repeat(3, calc(33.33% - 0.833125rem));
  grid-template-rows: 13.5rem 11.375rem;
}
.product__interface-content--two {
  gap: 1.25rem 1rem;
  grid-template-areas: "one two tree" "one four five";
  grid-template-columns: repeat(3, calc(33.33% - 0.833125rem));
  grid-template-rows: 10.0625rem 25.9375rem;
}
.product__interface-content--two > img:first-child {
  grid-area: one;
}
.product__interface-content--tree {
  gap: 1.25rem;
  grid-template-columns: repeat(3, calc(33.33% - 0.833125rem));
  grid-template-rows: 14.8125rem 26.125rem;
  grid-template-areas: "one two tree" "four five  five";
}
.product__interface-content--tree > img:last-child {
  grid-area: five;
}
.product__interface-content > img {
  width: 100%;
  height: 100%;
}
@media (width <= 80.06125rem) {
  .product__interface-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
  }
  .product__interface-list li:not(:first-child) {
    margin: 0;
  }
}
@media (width <= 63.99875rem) {
  .product__interface {
    margin-top: 3.75rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .product__interface-header {
    flex-direction: column;
    gap: 1.5rem;
  }
  .product__interface-title, .product__interface-text {
    max-width: 100%;
  }
  .product__interface-content {
    display: none;
  }
}
@media (width <= 47.99875rem) {
  .product__interface-list {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.product__whom {
  padding-top: 7.5rem;
}
.product__whom-title {
  text-align: center;
}
.product__whom-title span {
  color: var(--blue-03);
}
.product__whom-content {
  margin-top: 3.75rem;
  display: flex;
  gap: 1.25rem;
  position: relative;
}
.product__whom-content::after {
  z-index: -4;
  content: "";
  position: absolute;
  bottom: 2.5rem;
  left: -100%;
  height: 100%;
  width: calc(200% + 2.5rem);
  background-color: var(--blue-dc);
}
.product__whom-content::before {
  z-index: -3;
  content: "";
  position: absolute;
  bottom: 2.5rem;
  left: -12.8125rem;
  width: 74.3125rem;
  height: 100%;
  background-image: url(../../assets/svg/product-whom.svg);
}
.product__whom-item {
  overflow: hidden;
  width: 33.33%;
  height: 33.35vw;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 1.5rem;
  color: var(--white);
  position: relative;
}
.product__whom-item::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0.6;
}
.product__whom-item-img {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition-all);
  object-fit: cover;
  object-position: top;
}
.product__whom-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (any-hover: hover) {
  .product__whom-item:hover .product__whom-item-img {
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
  }
}
@media (any-hover: none) {
  .product__whom-item:active .product__whom-item-img {
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
  }
}
.product__whom-phone {
  display: none;
}
@media (width <= 80.06125rem) {
  .product__whom {
    overflow: hidden;
  }
}
@media (width <= 63.99875rem) {
  .product__whom {
    padding-top: 3.75rem;
  }
  .product__whom-content {
    margin-top: 2.5rem;
    background: none;
  }
  .product__whom-content::after {
    top: auto;
    left: -0.75rem;
    bottom: -2.75rem;
    width: calc(100% - 3.125rem);
  }
  .product__whom-content::before {
    left: -0.75rem;
    bottom: -3.5625rem;
    height: 116%;
    width: calc(100% - 2rem);
    background-image: url(../../assets/svg/product-whom-phone.svg);
    background-repeat: no-repeat;
  }
  .product__whom-phone {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
    position: relative;
  }
  .product__whom-phone .swiper-wrapper {
    align-items: stretch;
  }
  .product__whom-phone .swiper-slide {
    height: auto;
  }
  .product__whom-phone .swiper-pagination span {
    background: var(--white);
  }
  .product__whom-item {
    width: 100%;
    height: 136.2vw;
    max-height: 37.5rem;
    padding: 1.5rem;
  }
}
.product__opportunities {
  padding-top: 7.5rem;
}
.product__opportunities-title span {
  color: var(--blue-03);
}
.product__opportunities-content {
  display: flex;
  gap: 1.25rem;
}
.product__opportunities-main {
  width: 66.66%;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}
.product__opportunities-main-content {
  display: flex;
  gap: 1.25rem;
}
.product__opportunities-main-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.product__opportunities-add {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.product__opportunities-item {
  padding: 3.125rem 2.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}
.product__opportunities-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
  z-index: -2;
}
.product__opportunities-item-icon {
  position: absolute;
  top: 2.625rem;
  right: 1.25rem;
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__opportunities-item .anim-light__blick {
  background: radial-gradient(50% 50% at 50% 50%, #ebedf1 0%, rgba(235, 237, 241, 0) 100%) !important;
}
.product__opportunities-phone {
  display: none;
}
@media (width <= 80.06125rem) {
  .product__opportunities {
    overflow: hidden;
  }
  .product__opportunities-main-content {
    display: none;
  }
  .product__opportunities-add {
    display: none;
  }
  .product__opportunities-content {
    flex-direction: column;
  }
  .product__opportunities-phone {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .product__opportunities-phone .swiper-wrapper {
    align-items: stretch;
  }
  .product__opportunities-phone .swiper-slide {
    height: auto;
  }
  .product__opportunities-item {
    height: 100%;
  }
  .product__opportunities-item h2 {
    padding-right: 1.875rem;
  }
}
@media (width <= 47.99875rem) {
  .product__opportunities {
    padding-top: 3.75rem;
  }
  .product__opportunities-content {
    gap: 2.5rem;
  }
  .product__opportunities-item {
    padding: 1.875rem 1.5rem;
  }
  .product__opportunities-item-icon {
    top: 1.875rem;
    align-items: start;
  }
}

.modal {
  pointer-events: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  transition: var(--transition-all);
}
.modal__item {
  display: none;
  position: relative;
}
.modal__item.is-active {
  display: block;
}
.modal.is-active {
  pointer-events: auto;
  opacity: 1;
}
.modal__call {
  width: 51.25rem;
  padding: 3.75rem 4.375rem;
  position: relative;
}
.modal__call::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
  z-index: -10;
}
.modal__call-title {
  max-width: 90%;
}
.modal__call-title span {
  color: var(--blue-03);
}
.modal__call-form {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
}
.modal__call-form .input {
  width: calc(50% - 1rem);
}
.modal__call-footer {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.modal__call-footer > div {
  max-width: 22.25rem;
}
.modal__call-footer .description {
  color: var(--grey-6d);
}
.modal__call-footer .description a {
  color: var(--black);
}
.modal__call-close {
  z-index: -10;
  position: absolute;
  top: 0;
  right: 1.0625rem;
  transition: var(--transition-all);
}
.modal__call-close span {
  margin-right: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__call.is-active .modal__call-close {
  top: -3.125rem;
}
@media (width <= 63.99875rem) {
  .modal__call {
    width: 100%;
  }
  .modal__call-title {
    max-width: 70%;
  }
}
@media (width <= 47.99875rem) {
  .modal__call {
    padding: 2rem 1.5rem;
  }
  .modal__call-title {
    max-width: 100%;
  }
  .modal__call-form {
    display: block;
  }
  .modal__call-form .input {
    width: 100%;
  }
  .modal__call-form .input:not(:first-child) {
    margin-top: 1rem;
  }
  .modal__call-footer {
    margin-top: 2.5rem;
    flex-direction: column;
    gap: 0.625rem;
    text-align: center;
  }
  .modal__call-footer button {
    width: 100%;
    justify-content: center;
  }
}
.modal__answer {
  width: 51.25rem;
  padding: 3.75rem 4.375rem 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.modal__answer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
  z-index: -10;
}
.modal__answer-title {
  max-width: 26.875rem;
  text-align: center;
}
.modal__answer-title--blue span {
  color: var(--blue-03);
}
.modal__answer-title--red span {
  color: var(--red);
}
.modal__answer-text {
  margin-top: 1rem;
  max-width: 28.125rem;
  color: var(--grey-6d);
  text-align: center;
}
.modal__answer-text a {
  text-decoration: none;
  color: var(--black);
  white-space: nowrap;
}
.modal__answer-btn {
  margin-top: 2.5rem;
}
.modal__answer-btn button {
  width: 18rem;
  justify-content: center;
}
@media (width <= 63.99875rem) {
  .modal__answer {
    width: 100%;
  }
}
@media (width <= 47.99875rem) {
  .modal__answer {
    padding: 2rem 1.5rem;
  }
  .modal__answer-title {
    text-align: start;
  }
  .modal__answer-text {
    text-align: start;
  }
  .modal__answer-btn {
    width: 100%;
  }
  .modal__answer-btn button {
    width: 100%;
  }
}
.modal__details {
  padding: 2.5rem;
  background-color: var(--grey-eb);
}
.modal__details-title {
  text-align: center;
}
.modal__details-list {
  list-style-type: none;
  margin-top: 1.875rem;
  text-align: left;
}
.modal__details-list li:not(:first-child) {
  margin-top: 0.375rem;
}
.modal__details-list span {
  color: var(--grey-6d);
}
@media (width <= 47.99875rem) {
  .modal__details {
    padding: 1.875rem;
  }
}
@media (width <= 63.99875rem) {
  .modal {
    padding: 0 var(--container-padding-x);
  }
}

.industry__hero {
  padding-bottom: 13.25rem;
}
.industry__hero-title span {
  color: var(--grey-6d);
}
.industry__hero-tag {
  top: -2rem;
  right: -4.375rem;
  display: inline-table;
}
.industry__pros {
  overflow: hidden;
  margin-top: -3.875rem;
  position: relative;
}
.industry__pros::after {
  content: "";
  position: absolute;
  top: 3.875rem;
  left: 0;
  width: 44.0625rem;
  height: calc(100% - 6.5625rem);
  background-color: var(--blue-dc);
}
.industry__pros-content {
  display: flex;
}
.industry__pros-content .swiper-wrapper {
  align-items: stretch;
}
.industry__pros-content .swiper-slide {
  height: auto;
}
.industry__pros-content .swiper-pagination {
  display: none;
}
.industry__pros-item {
  height: 100%;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border: var(--border);
  background-color: var(--grey-eb);
}
.industry__pros-controller {
  margin-top: 1.25rem;
  display: flex;
  justify-content: end;
}
.industry__implemented {
  overflow: hidden;
  --height: 35rem;
  padding-top: 11.375rem;
  padding-bottom: 11.25rem;
}
.industry__implemented-content {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.industry__implemented-content .pin-spacer {
  z-index: -1 !important;
}
.industry__implemented-content-shadow {
  z-index: 10;
  content: "";
  position: absolute;
  top: var(--height);
  left: 0;
  width: 100%;
  height: 38.125rem;
  background: linear-gradient(180deg, rgba(235, 237, 241, 0) 0%, #ebedf1 100%);
}
.industry__implemented-content-start {
  z-index: 10;
  content: "";
  position: absolute;
  top: -6.25rem;
  left: 0;
  width: 100%;
  height: 6.25rem;
  background: linear-gradient(0deg, rgba(235, 237, 241, 0) 0%, #ebedf1 100%);
}
.industry__implemented-left {
  width: 33.1875rem;
  height: var(--height);
  padding-top: 3.75rem;
  padding-left: 3.75rem;
  position: relative;
}
.industry__implemented-grey {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--container-width);
  height: var(--height);
}
.industry__implemented-grey::before {
  content: "";
  z-index: -4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-dc);
  background-image: url(../../assets/svg/industry-implemented-1.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.industry__implemented-grey::after {
  content: "";
  z-index: -5;
  position: absolute;
  top: -2.75rem;
  left: 26.0625rem;
  width: 12.6875rem;
  height: 8rem;
  background-image: url(../../assets/svg/industry-implemented.svg);
}
.industry__implemented-grey--two::before {
  background-image: url(../../assets/svg/industry-implemented-2.svg);
  background-position: bottom left 2.6875rem;
}
.industry__implemented-grey--three::before {
  background-image: url(../../assets/svg/industry-implemented-3.svg);
  background-position: bottom left 2.6875rem;
}
.industry__implemented-grey--four::before {
  background-image: url(../../assets/svg/industry-implemented-4.svg);
  background-position: bottom left 3.125rem;
}
.industry__implemented-title span {
  color: var(--blue-03);
}
.industry__implemented-text {
  margin-top: 1.5rem;
  color: var(--grey-6d);
}
.industry__implemented-right {
  width: 40.625rem;
  padding-top: 3.75rem;
  padding-right: 2.5rem;
  padding-bottom: 1.25rem;
  position: relative;
}
.industry__implemented-item {
  display: flex;
  gap: 0.625rem;
}
.industry__implemented-item:not(:first-child) {
  margin-top: 2.5rem;
}
.industry__implemented-item-left {
  flex-shrink: 0;
  width: 3.4375rem;
  color: var(--grey-b9);
}
.industry__implemented-item-left::before {
  content: "#";
}
.industry__implemented-item-right {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
}
.industry__implemented-phone {
  display: none;
}
.industry__examples {
  overflow: hidden;
  padding-top: 7.5rem;
  padding-bottom: 12.875rem;
  color: var(--white);
  position: relative;
}
.industry__examples-background {
  z-index: -10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
}
.industry__examples-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.75rem;
  background: var(--linear-gradient-blue);
  opacity: 0.2;
}
.industry__examples-background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 17.5rem;
  background: var(--linear-gradient-blue);
  opacity: 0.2;
  transform: rotate(180deg);
}
.industry__examples-title span {
  color: var(--blue-03);
}
.industry__examples-button {
  margin-top: 3.75rem;
  display: flex;
  justify-content: end;
  position: relative;
}
.industry__examples-button .btn-slider-wrapper {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
}
.industry__examples-item {
  position: relative;
}
.industry__examples-item-img {
  width: 57.8125rem;
  height: 32.5rem;
  padding: 2.5rem 2.375rem;
  display: flex;
}
.industry__examples-item-img span {
  display: inline-block;
  width: 4.1875rem;
  color: var(--grey-b9);
}
.industry__examples-item-img span::before {
  content: "#";
}
.industry__examples-item-content {
  z-index: 10;
  position: absolute;
  top: 4.625rem;
  right: 0;
  width: 44.6875rem;
}
.industry__examples-toggle {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.industry__examples-toggle::after {
  z-index: -5;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-10);
}
.industry__examples-toggle:not(:last-child)::after {
  border-bottom: var(--border-footer);
}
.industry__examples-toggle:last-child::after {
  background-image: url(../../assets/svg/industry-examples.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
}
.industry__examples-toggle:last-child::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 31.3125rem;
  height: 100%;
  background: radial-gradient(77.05% 100% at 0% 50%, #204266 0%, rgba(17, 24, 33, 0) 100%);
  opacity: 0.3;
}
.industry__examples-toggle-wrapper p {
  padding-top: 1.5rem;
}
.industry__examples-toggle .anim-light__blick {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
@media (width <= 80.06125rem) {
  .industry__implemented-left {
    width: 45%;
  }
  .industry__implemented-right {
    width: 100%;
  }
  .industry__implemented-right-wrapper {
    width: calc(55% - 1.875rem);
  }
  .industry__examples-item-img {
    width: 70%;
  }
  .industry__examples-item-content {
    width: 60%;
  }
}
@media (width <= 63.99875rem) {
  .industry__hero-title span {
    color: var(--grey-a8);
  }
  .industry__implemented {
    height: auto;
    padding-top: 2.8125rem;
    padding-bottom: 2.5rem;
  }
  .industry__implemented-wrapper {
    overflow: hidden;
    height: auto;
  }
  .industry__implemented-phone {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .industry__implemented-content-shadow, .industry__implemented-content-start {
    display: none;
  }
  .industry__implemented-left {
    width: 100%;
    height: auto;
    padding: 1.5rem 1.5rem 6.3125rem 1.5rem;
  }
  .industry__implemented-text {
    margin-top: 1.875rem;
    max-width: 90%;
    font-size: 1rem;
    line-height: 125%;
  }
  .industry__implemented-grey {
    width: 100%;
    height: 100%;
  }
  .industry__implemented-grey::before {
    background-size: 6.5625rem;
  }
  .industry__implemented-grey::after {
    left: auto;
    right: 0;
  }
  .industry__implemented-grey--two::before {
    background-size: 6.5rem;
    background-position: bottom left 1.3125rem;
  }
  .industry__implemented-grey--three::before {
    background-size: 6rem;
    background-position: bottom left 0.8125rem;
  }
  .industry__implemented-grey--four::before {
    background-size: 5.75rem;
    background-position: bottom left 1.5625rem;
  }
  .industry__implemented-right-wrapper {
    display: none;
  }
  .industry__implemented-item-left {
    width: auto;
    font-size: 1rem;
    line-height: 125%;
  }
  .industry__implemented-item-right {
    width: calc(100% - 2.5rem);
  }
  .industry__implemented-item-right span {
    display: inline-block;
  }
  .industry__pros {
    padding-bottom: 3.125rem;
  }
  .industry__pros::after {
    width: calc(100% - 5.3125rem);
    height: calc(100% - 6.75rem);
  }
  .industry__pros-content {
    display: flex;
    flex-direction: column;
    gap: 0.6875rem;
  }
  .industry__pros-content .swiper-pagination {
    display: block;
  }
  .industry__pros-content .swiper-pagination span {
    background-color: var(--white);
  }
  .industry__pros-item {
    padding: 1.375rem;
  }
  .industry__pros-controller {
    display: none;
  }
  .industry__examples {
    padding: 3.75rem 0;
  }
  .industry__examples-button {
    margin-top: 2.8125rem;
  }
  .industry__examples-button .btn-slider-wrapper {
    position: static;
  }
  .industry__examples-content {
    margin-top: 1rem;
  }
  .industry__examples-item-img {
    z-index: -10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 53vw;
    padding-top: 0.5rem;
    padding-left: 3rem;
    padding-right: 0.5rem;
    font-size: 1.625rem;
    line-height: 115%;
    background-size: cover;
    position: relative;
  }
  .industry__examples-item-img span {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5625rem;
    height: 2.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--black);
  }
  .industry__examples-item-content {
    position: static;
    margin-top: -1.875rem;
    margin-left: var(--container-padding-x);
    margin-right: calc(var(--container-padding-x) * -1);
    width: 100%;
  }
  .industry__examples-toggle {
    padding: 1.5rem;
    position: relative;
  }
  .industry__examples-toggle .h3 {
    position: relative;
  }
  .industry__examples-toggle .h3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.75rem;
    height: 100%;
    background-image: url(../../assets/svg/toggle-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--transition-all);
  }
  .industry__examples-toggle-wrapper {
    overflow: hidden;
    height: 0;
    transition: var(--transition-all);
  }
  .industry__examples-toggle.is-active .h3::after {
    transform: scaleY(-1);
  }
  .industry__examples-toggle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/svg/industry-examples.svg);
    background-image: url(../../assets/svg/industry-examples.svg);
    background-repeat: no-repeat;
  }
  .industry__examples-toggle:nth-child(1)::after {
    transform: scaleX(-1);
    background-position: center right;
  }
  .industry__examples-toggle:nth-child(2)::after {
    transform: scaleX(-1);
    background-position: center;
  }
}
@media (width <= 47.99875rem) {
  .industry__hero {
    padding-bottom: 8.4375rem;
  }
  .industry__hero-tag {
    position: relative;
    top: 0;
    right: 0;
    margin: auto;
    display: block;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 133%;
  }
  .industry__hero .industry__hero-title {
    font-size: clamp(1.625rem, 1.5041322314rem + 0.4958677686vw, 2rem);
    line-height: 115%;
  }
  .industry__hero .route__hero-content {
    margin-top: 1.625rem;
  }
  .industry__hero .route__hero-phone {
    margin-top: 0.875rem;
    display: flex;
    flex-direction: column;
  }
  .industry__hero .industry__hero-title {
    margin-top: 0.875rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 19.75rem;
  }
  .industry__hero .route__hero-text {
    font-size: clamp(1rem, 0.8388429752rem + 0.6611570248vw, 1.5rem);
    line-height: 125%;
  }
  .industry__hero .route__hero-img {
    height: calc(100% + 5.375rem);
  }
  .industry__hero .route__hero-img {
    background-position: bottom left -408px;
  }
  .industry__hero--two .route__hero-btn {
    padding-top: 7.1875rem;
  }
  .industry__hero--two .route__hero-img {
    background-position: bottom left -408px;
  }
  .industry__hero--three .route__hero-btn {
    padding-top: 5.9375rem;
  }
  .industry__hero--three .route__hero-img {
    background-position: bottom right;
  }
  .industry__hero--four .industry__hero-title {
    max-width: 100%;
  }
  .industry__hero--four .route__hero-btn {
    padding-top: 7.125rem;
  }
}

.error404 {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
.error404__img {
  width: 20.625rem;
  height: 9.5625rem;
}
.error404__text {
  text-align: center;
}
.error404__text a {
  color: var(--blue-03);
}
@media (width <= 47.99875rem) {
  .error404__title {
    text-align: center;
  }
  .error404__img {
    width: 26.52vh;
    height: 12.25vh;
  }
}

.anim-light {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.anim-light__blick {
  width: 29.625rem;
  height: 29.625rem;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(50% 50% at 50% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.new-map__main {
  position: relative;
}
.new-map__main-img {
  padding-top: 5rem;
}
.new-map__main-item {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.5rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(3, 125, 229, 0.1);
  backdrop-filter: blur(7.5px);
  display: inline-block;
  transition: var(--transition-all);
}
.new-map__main-item-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
}
.new-map__main-item-content {
  margin-top: 0.875rem;
  display: flex;
  gap: 2rem;
}
.new-map__main-item-content-element {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.new-map__main-item-content-title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: var(--grey-b9);
}
.new-map__main-item-content-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--white);
}
.new-map__main-item-content-link {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  text-decoration-line: underline;
  color: var(--white);
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .new-map__main-item-content-link:hover {
    color: var(--blue-03);
  }
}
@media (any-hover: none) {
  .new-map__main-item-content-link:active {
    color: var(--blue-03);
  }
}
.new-map__main-item--region {
  text-align: end;
}
.new-map__main-item.is-active {
  opacity: 1;
  pointer-events: auto;
}
.new-map__region {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -10rem;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-map__region.is-active {
  opacity: 1;
  pointer-events: auto;
}
.new-map__region-item {
  position: relative;
  opacity: 0;
  pointer-events: none;
  padding: 2.5rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(17, 24, 33, 0.7);
  backdrop-filter: blur(7.5px);
  display: flex;
  align-items: start;
  gap: 3.75rem;
  transition: var(--transition-all);
}
.new-map__region-item-img {
  flex-shrink: 0;
}
.new-map__region-item-content {
  display: flex;
  flex-wrap: wrap;
}
.new-map__region-item-two {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.new-map__region-item-two .new-map__region-item-card {
  width: calc(50% - 0.5px);
}
.new-map__region-item-two .new-map__region-item-card:first-child {
  padding-right: 2rem;
}
.new-map__region-item-two .new-map__region-item-card:last-child {
  margin-left: 1px;
  padding-left: 2rem;
  position: relative;
}
.new-map__region-item-two .new-map__region-item-card:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-color: var(--white);
  opacity: 0.1;
}
.new-map__region-item-two:not(:last-child) {
  padding-bottom: 1px;
  position: relative;
}
.new-map__region-item-two:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--white);
  opacity: 0.1;
}
.new-map__region-item-card {
  width: 100%;
  padding: 2rem 0;
}
.new-map__region-item.is-active {
  opacity: 1;
  pointer-events: auto;
}
.new-map__region-item-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-all);
}
@media (any-hover: hover) {
  .new-map__region-item-close:hover {
    opacity: 0.8;
  }
}
@media (any-hover: none) {
  .new-map__region-item-close:active {
    opacity: 0.8;
  }
}
.new-map__mobile {
  display: none;
}
@media (width <= 80.06125rem) {
  .new-map__main {
    display: none;
  }
  .new-map__main-item {
    opacity: 1;
    position: static;
    height: 100%;
    width: 100%;
    padding-top: 2.125rem;
  }
  .new-map__main-item-content {
    margin-top: 1.5rem;
    flex-direction: column;
    gap: 1rem;
  }
  .new-map__mobile {
    overflow: hidden;
    margin: 0 calc(var(--container-padding-x) * -1);
    padding: 0 calc(var(--container-padding-x) * -1);
    display: flex;
    flex-direction: column;
  }
  .new-map__mobile-slider .swiper-slide {
    height: 100%;
  }
  .new-map__mobile-main {
    position: relative;
    padding-top: 3.125rem;
  }
  .new-map__mobile-main-item {
    position: absolute;
    opacity: 0;
  }
  .new-map__mobile-main-item.is-active {
    opacity: 1;
  }
  .new-map__mobile-main-img {
    width: 100%;
  }
}

/*# sourceMappingURL=main.css.map */