@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lexend:300,regular,500,600&display=swap);
@font-face {
  font-family: icons;
  font-display: swap;
  src: url(../fonts/icons.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
}
[class*='icon-']::before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-google:before {
  content: '\e901';
}
.icon-apple:before {
  content: '\e903';
}
.icon-facebook:before {
  content: '\e900';
}
.icon-twitter:before {
  content: '🌲';
}
.icon-linkedin:before {
  content: '\e902';
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
*::after,
*::before {
  display: inline-block;
}
body,
html {
  height: 100%;
  min-width: 320px;
}
body {
  color: #b3b3b3;
  line-height: 1;
  font-family: Lexend;
  font-size: 1.125rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
  font-family: Lexend;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}
input,
textarea {
  width: 100%;
}
label {
  display: inline-block;
}
button,
option,
select {
  cursor: pointer;
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
body {
  background-color: #191919;
  scrollbar-gutter: stable;
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
[class*='__container'] {
  max-width: 101.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
input[type='email'],
input[type='tel'],
input[type='text'],
textarea {
  -webkit-appearance: none;
  appearance: none;
}
.input {
  border-radius: 0 !important;
  width: 100%;
  display: block;
  font-family: Lexend;
  caret-color: inherit;
}
.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
  opacity: 0;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
  opacity: 0;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
  opacity: 0;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}
textarea.input {
  resize: none;
  padding: 0 0;
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ibg--top {
  -o-object-position: top;
  object-position: top;
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom;
}
.ibg--left {
  -o-object-position: left;
  object-position: left;
}
.ibg--right {
  -o-object-position: right;
  object-position: right;
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 101.875em) {
  .top:not(:last-child) {
    margin-bottom: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(2.5rem, 1.8893129771rem + 3.0534351145vw, 5rem)) {
    .top:not(:last-child) {
      margin-bottom: clamp(2.5rem, 1.8893129771rem + 3.0534351145vw, 5rem);
    }
  }
  @supports not (margin-bottom: clamp(2.5rem, 1.8893129771rem + 3.0534351145vw, 5rem)) {
    .top:not(:last-child) {
      margin-bottom: calc(2.5rem + 2.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 101.875em) {
  .top--mb-none:not(:last-child) {
    margin-bottom: 0.0000000625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.0000000625rem, 0.0000000625rem + 0vw, 0.0000000625rem)) {
    .top--mb-none:not(:last-child) {
      margin-bottom: clamp(0.0000000625rem, 0.0000000625rem + 0, 0.0000000625rem);
    }
  }
  @supports not (margin-bottom: clamp(0.0000000625rem, 0.0000000625rem + 0vw, 0.0000000625rem)) {
    .top--mb-none:not(:last-child) {
      margin-bottom: calc(0.0000000625rem + 0 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top--mb-none:not(:last-child) {
    margin-bottom: 0.0000000625rem;
  }
}
.top__subtitle {
  line-height: 150%;
  color: #fff;
}
@media (min-width: 101.875em) {
  .top__subtitle {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top__subtitle {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top__subtitle {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__subtitle {
    font-size: 0.875rem;
  }
}
.top__subtitle:not(:last-child) {
  margin-bottom: 0.25rem;
}
.top__tab-nav {
  border-radius: 82px;
  border: 1px solid #262626;
  background-color: #1c1c1c;
}
@media (min-width: 101.875em) {
  .top__tab-nav {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-top: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__tab-nav {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .top__tab-nav {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__tab-nav {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .top__tab-nav {
    padding-left: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-left: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__tab-nav {
    padding-left: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .top__tab-nav {
    padding-right: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .top__tab-nav {
      padding-right: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__tab-nav {
    padding-right: 0.75rem;
  }
}
.top__ttl {
  color: #fff;
  border-radius: 8.75rem;
  line-height: 150%;
  transition: background-color 0.3s ease;
}
@media (min-width: 101.875em) {
  .top__ttl {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top__ttl {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top__ttl {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl {
      padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl {
      padding-top: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl {
    padding-top: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl {
      padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl {
      padding-bottom: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl {
    padding-bottom: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl {
      padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl {
      padding-right: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl {
    padding-right: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl {
      padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl {
      padding-left: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl {
    padding-left: 1.125rem;
  }
}
@media (any-hover: hover) {
  .top__ttl:hover {
    background-color: #393939;
  }
}
.top__ttl._tab-active {
  line-height: 140%;
  color: #1c1c1c;
  background-color: #b094dd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 101.875em) {
  .top__ttl._tab-active {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top__ttl._tab-active {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top__ttl._tab-active {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl._tab-active {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl._tab-active {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl._tab-active {
      padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl._tab-active {
      padding-top: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl._tab-active {
    padding-top: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl._tab-active {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl._tab-active {
      padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__ttl._tab-active {
      padding-bottom: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl._tab-active {
    padding-bottom: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl._tab-active {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl._tab-active {
      padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl._tab-active {
      padding-right: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl._tab-active {
    padding-right: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .top__ttl._tab-active {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl._tab-active {
      padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .top__ttl._tab-active {
      padding-left: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__ttl._tab-active {
    padding-left: 1.125rem;
  }
}
@media (max-width: 29.99875em) {
  .top {
    text-align: center;
  }
}
.top__lable {
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.3333333333;
  border-radius: 3.8125rem;
  background-color: #262626;
}
@media (min-width: 101.875em) {
  .top__lable {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.75rem, 0.6583969466rem + 0.4580152672vw, 1.125rem)) {
    .top__lable {
      font-size: clamp(0.75rem, 0.6583969466rem + 0.4580152672vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.75rem, 0.6583969466rem + 0.4580152672vw, 1.125rem)) {
    .top__lable {
      font-size: calc(0.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable {
    font-size: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .top__lable {
    padding-right: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.5rem, 0.3167938931rem + 0.9160305344vw, 1.25rem)) {
    .top__lable {
      padding-right: clamp(0.5rem, 0.3167938931rem + 0.9160305344vw, 1.25rem);
    }
  }
  @supports not (padding-right: clamp(0.5rem, 0.3167938931rem + 0.9160305344vw, 1.25rem)) {
    .top__lable {
      padding-right: calc(0.5rem + 0.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable {
    padding-right: 0.5rem;
  }
}
@media (min-width: 101.875em) {
  .top__lable {
    padding-left: 0.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
    .top__lable {
      padding-left: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem);
    }
  }
  @supports not (padding-left: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
    .top__lable {
      padding-left: calc(0.5rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable {
    padding-left: 0.5rem;
  }
}
@media (min-width: 101.875em) {
  .top__lable {
    padding-top: 0.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
    .top__lable {
      padding-top: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem);
    }
  }
  @supports not (padding-top: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
    .top__lable {
      padding-top: calc(0.5rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable {
    padding-top: 0.5rem;
  }
}
@media (min-width: 101.875em) {
  .top__lable {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
    .top__lable {
      padding-bottom: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem);
    }
  }
  @supports not (padding-bottom: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
    .top__lable {
      padding-bottom: calc(0.5rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 101.875em) {
  .top__lable:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.75rem, 0.6278625954rem + 0.6106870229vw, 1.25rem)) {
    .top__lable:not(:last-child) {
      margin-bottom: clamp(0.75rem, 0.6278625954rem + 0.6106870229vw, 1.25rem);
    }
  }
  @supports not (margin-bottom: clamp(0.75rem, 0.6278625954rem + 0.6106870229vw, 1.25rem)) {
    .top__lable:not(:last-child) {
      margin-bottom: calc(0.75rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 101.875em) {
  .top__lable::before {
    width: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .top__lable::before {
      width: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem);
    }
  }
  @supports not (width: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .top__lable::before {
      width: calc(1rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable::before {
    width: 1rem;
  }
}
@media (min-width: 101.875em) {
  .top__lable::before {
    height: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .top__lable::before {
      height: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem);
    }
  }
  @supports not (height: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .top__lable::before {
      height: calc(1rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__lable::before {
    height: 1rem;
  }
}
@media (max-width: 29.99875em) {
  .top__lable {
    font-weight: 300;
    margin: 0 auto;
  }
}
@media (min-width: 101.875em) {
  .top__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__title:not(:last-child) {
      margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .top__title:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .top__text:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .top__text:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (margin-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .top__text:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.title {
  color: #fff;
  font-weight: 500;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .title {
    font-size: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.375rem, 0.9780534351rem + 1.9847328244vw, 3rem)) {
    .title {
      font-size: clamp(1.375rem, 0.9780534351rem + 1.9847328244vw, 3rem);
    }
  }
  @supports not (font-size: clamp(1.375rem, 0.9780534351rem + 1.9847328244vw, 3rem)) {
    .title {
      font-size: calc(1.375rem + 1.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .title {
    font-size: 1.375rem;
  }
}
.title span {
  color: #b094dd;
}
@media (min-width: 101.875em) {
  .title:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .title:not(:last-child) {
      margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .title:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.text {
  font-weight: 300;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .text {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .text {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .text {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .text {
    font-size: 0.875rem;
  }
}
.text--light {
  font-weight: 400;
  color: #d6d6d6;
}
.text--white {
  color: #fff;
}
.text--bold {
  font-weight: 700;
}
@media (max-width: 29.99875em) {
  .text--bold {
    font-weight: 300;
  }
}
.btn {
  line-height: 140%;
  color: #1c1c1c;
  background-color: #b094dd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8.75rem;
  transition: background-color 0.3s ease;
}
@media (min-width: 101.875em) {
  .btn {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .btn {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .btn {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .btn {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .btn {
      padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .btn {
      padding-top: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn {
    padding-top: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .btn {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .btn {
      padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .btn {
      padding-bottom: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn {
    padding-bottom: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .btn {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .btn {
      padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .btn {
      padding-right: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn {
    padding-right: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .btn {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .btn {
      padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .btn {
      padding-left: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn {
    padding-left: 1.125rem;
  }
}
@media (any-hover: hover) {
  .btn:hover {
    background-color: #a7d91d;
  }
}
.btn--long {
  font-size: 1.125rem;
}
@media (min-width: 101.875em) {
  .btn--long {
    padding-top: 0.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .btn--long {
      padding-top: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .btn--long {
      padding-top: calc(0.75rem + 0.125 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .btn--long {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .btn--long {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .btn--long {
      padding-bottom: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .btn--long {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .btn--long {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .btn--long {
    padding-right: 1.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.5rem, 1.01167693rem + 0.8474336883vw, 1.875rem)) {
    .btn--long {
      padding-right: clamp(1.5rem, 1.01167693rem + 0.8474336883vw, 1.875rem);
    }
  }
  @supports not (padding-right: clamp(1.5rem, 1.01167693rem + 0.8474336883vw, 1.875rem)) {
    .btn--long {
      padding-right: calc(1.5rem + 0.375 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .btn--long {
    padding-right: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .btn--long {
    padding-left: 1.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.5rem, 1.01167693rem + 0.8474336883vw, 1.875rem)) {
    .btn--long {
      padding-left: clamp(1.5rem, 1.01167693rem + 0.8474336883vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(1.5rem, 1.01167693rem + 0.8474336883vw, 1.875rem)) {
    .btn--long {
      padding-left: calc(1.5rem + 0.375 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .btn--long {
    padding-left: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .btn--big {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .btn--big {
      padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .btn--big {
      padding-top: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn--big {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .btn--big {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .btn--big {
      padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .btn--big {
      padding-bottom: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn--big {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .btn--big {
    padding-right: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .btn--big {
      padding-right: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (padding-right: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .btn--big {
      padding-right: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn--big {
    padding-right: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .btn--big {
    padding-left: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .btn--big {
      padding-left: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .btn--big {
      padding-left: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .btn--big {
    padding-left: 1.5rem;
  }
}
@media (max-width: 29.99875em) {
  .btn {
    width: 100%;
  }
}
.active-page {
  border-radius: 5.125rem;
  background-color: #262626;
  transition: color 0.3s;
}
@media (any-hover: hover) {
  .active-page:hover {
    color: #fff;
  }
}
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  transition: padding 0.3s;
}
@media (min-width: 101.875em) {
  .header {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .header {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .header {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .header._header-scroll {
    padding-top: 0.3125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem)) {
    .header._header-scroll {
      padding-top: clamp(0.3125rem, 0.3125rem + 0, 0.3125rem);
    }
  }
  @supports not (padding-top: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem)) {
    .header._header-scroll {
      padding-top: calc(0.3125rem + 0 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header._header-scroll {
    padding-top: 0.3125rem;
  }
}
.header__container {
  border: 1px solid #262626;
  background-color: #1c1c1c;
  border-radius: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 101.875em) {
  .header__container {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem)) or
      (column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem))
  ) {
    .header__container {
      -webkit-column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem);
      -moz-column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem);
      column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem)) or
      (column-gap: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem))
  ) {
    .header__container {
      -webkit-column-gap: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 81.875);
      -moz-column-gap: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 81.875);
      column-gap: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__container {
    -webkit-column-gap: 0.9375rem;
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
  }
}
@media (min-width: 101.875em) {
  .header__container {
    min-height: 5.875rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 101.875em) {
  @supports (min-height: clamp(4.1875rem, 2.6840937565rem + 3.1321779077vw, 5.875rem)) {
    .header__container {
      min-height: clamp(4.1875rem, 2.6840937565rem + 3.1321779077vw, 5.875rem);
    }
  }
  @supports not (min-height: clamp(4.1875rem, 2.6840937565rem + 3.1321779077vw, 5.875rem)) {
    .header__container {
      min-height: calc(4.1875rem + 1.6875 * (100vw - 47.99875rem) / 53.87625);
    }
  }
}
@media (max-width: 47.99875em) {
  .header__container {
    min-height: 4.1875rem;
  }
}
@media (min-width: 101.875em) {
  .header__container {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.875rem, 0.7223282443rem + 0.7633587786vw, 1.5rem)) {
    .header__container {
      padding-right: clamp(0.875rem, 0.7223282443rem + 0.7633587786vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(0.875rem, 0.7223282443rem + 0.7633587786vw, 1.5rem)) {
    .header__container {
      padding-right: calc(0.875rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__container {
    padding-right: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .header__container {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.875rem, 0.7223282443rem + 0.7633587786vw, 1.5rem)) {
    .header__container {
      padding-left: clamp(0.875rem, 0.7223282443rem + 0.7633587786vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(0.875rem, 0.7223282443rem + 0.7633587786vw, 1.5rem)) {
    .header__container {
      padding-left: calc(0.875rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__container {
    padding-left: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .header__container {
    padding-top: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .header__container {
      padding-top: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .header__container {
      padding-top: calc(0.875rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__container {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .header__container {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .header__container {
      padding-bottom: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .header__container {
      padding-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__container {
    padding-bottom: 0.875rem;
  }
}
.header__logo {
  z-index: 15;
  padding-left: 5px;
}
@media (min-width: 101.875em) {
  .header__logo {
    width: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(6.33125rem, 5.4991889313rem + 4.1603053435vw, 5rem)) {
    .header__logo {
      width: clamp(6.33125rem, 5.4991889313rem + 4.1603053435vw, 5rem);
    }
  }
  @supports not (width: clamp(6.33125rem, 5.4991889313rem + 4.1603053435vw, 5rem)) {
    .header__logo {
      width: calc(6.33125rem + 3.40625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__logo {
    width: 6.33125rem;
  }
}
.header__logo img {
  z-index: 5;
}
@media (min-width: 101.875em) {
  .header__logo img {
    width: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(6.33125rem, 5.4991889313rem + 4.1603053435vw, 5rem)) {
    .header__logo img {
      width: clamp(6.33125rem, 5.4991889313rem + 4.1603053435vw, 5rem);
    }
  }
  @supports not (width: clamp(6.33125rem, 5.4991889313rem + 4.1603053435vw, 5rem)) {
    .header__logo img {
      width: calc(6.33125rem + 3.40625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .header__logo img {
    width: 6.33125rem;
    padding-left: 5px;
  }
}
@media (max-width: 29.99875em) {
  .menu__body {
    display: grid;
    row-gap: 2.1875rem;
    grid-template-rows: 1fr auto;
  }
}
@media (max-width: 61.99875em) {
  .menu__body {
    position: fixed;
    background-color: #1c1c1c;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: left 0.3s ease 0s;
    padding: 6.25rem 0.9375rem 1.875rem 0.9375rem;
  }
  .menu__body::before {
    content: '';
    position: fixed;
    background-color: #1c1c1c;
    top: 0;
    left: -100%;
    transition: left 0.3s ease 0s;
    width: 100%;
    min-height: 5.625rem;
    z-index: 2;
  }
  .menu-open .menu__body {
    left: 0;
  }
  .menu-open .menu__body::before {
    left: 0;
  }
}
.menu__list {
  row-gap: 0.3125rem;
}
@media (min-width: 61.99875em) {
  .menu__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.menu__item {
  text-align: center;
}
@media (max-width: 61.99875em) {
  .menu__item:not(:last-child) {
    margin-bottom: 1.6875rem;
  }
}
.menu__link {
  color: #fff;
  transition: color 0.3s ease 0s;
}
@media (min-width: 101.875em) {
  .menu__link {
    padding-right: 1.5rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.125rem, 0.63667693rem + 0.8474336883vw, 1.5rem)) {
    .menu__link {
      padding-right: clamp(1.125rem, 0.63667693rem + 0.8474336883vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.125rem, 0.63667693rem + 0.8474336883vw, 1.5rem)) {
    .menu__link {
      padding-right: calc(1.125rem + 0.375 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .menu__link {
    padding-right: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .menu__link {
    padding-left: 1.5rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.125rem, 0.63667693rem + 0.8474336883vw, 1.5rem)) {
    .menu__link {
      padding-left: clamp(1.125rem, 0.63667693rem + 0.8474336883vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.125rem, 0.63667693rem + 0.8474336883vw, 1.5rem)) {
    .menu__link {
      padding-left: calc(1.125rem + 0.375 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .menu__link {
    padding-left: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .menu__link {
    padding-top: 0.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.625rem, 0.2994512867rem + 0.5649557922vw, 0.875rem)) {
    .menu__link {
      padding-top: clamp(0.625rem, 0.2994512867rem + 0.5649557922vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.625rem, 0.2994512867rem + 0.5649557922vw, 0.875rem)) {
    .menu__link {
      padding-top: calc(0.625rem + 0.25 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .menu__link {
    padding-top: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .menu__link {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.625rem, 0.2994512867rem + 0.5649557922vw, 0.875rem)) {
    .menu__link {
      padding-bottom: clamp(0.625rem, 0.2994512867rem + 0.5649557922vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.625rem, 0.2994512867rem + 0.5649557922vw, 0.875rem)) {
    .menu__link {
      padding-bottom: calc(0.625rem + 0.25 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .menu__link {
    padding-bottom: 0.625rem;
  }
}
@media (any-hover: hover) {
  .menu__link:hover {
    color: #b094dd;
  }
}
@media (max-width: 61.99875em) {
  .menu__link {
    font-size: 1.875rem;
  }
}
.menu__link.active-page {
  cursor: none;
  pointer-events: none;
}
.action-header {
  z-index: 5;
  display: flex;
  align-items: center;
}
@media (max-width: 61.99875em) and (min-width: 101.875em) {
  .action-header__links:not(:last-child) {
    margin-right: 1.25rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-right: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem)) {
    .action-header__links:not(:last-child) {
      margin-right: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem);
    }
  }
  @supports not (margin-right: clamp(0.9375rem, 0.8611641221rem + 0.3816793893vw, 1.25rem)) {
    .action-header__links:not(:last-child) {
      margin-right: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 61.99875em) and (max-width: 20em) {
  .action-header__links:not(:last-child) {
    margin-right: 0.9375rem;
  }
}
@media (max-width: 29.99875em) {
  .action-header__links {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    text-align: center;
  }
}
@media (min-width: 101.875em) {
  .action-header__button {
    padding-top: 0.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .action-header__button {
      padding-top: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .action-header__button {
      padding-top: calc(0.75rem + 0.125 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .action-header__button {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .action-header__button {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .action-header__button {
      padding-bottom: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.5872256433rem + 0.2824778961vw, 0.875rem)) {
    .action-header__button {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .action-header__button {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .action-header__button {
    padding-right: 1.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.9375rem, -0.2833076749rem + 2.1185842208vw, 1.875rem)) {
    .action-header__button {
      padding-right: clamp(0.9375rem, -0.2833076749rem + 2.1185842208vw, 1.875rem);
    }
  }
  @supports not (padding-right: clamp(0.9375rem, -0.2833076749rem + 2.1185842208vw, 1.875rem)) {
    .action-header__button {
      padding-right: calc(0.9375rem + 0.9375 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .action-header__button {
    padding-right: 0.9375rem;
  }
}
@media (min-width: 101.875em) {
  .action-header__button {
    padding-left: 1.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.9375rem, -0.2833076749rem + 2.1185842208vw, 1.875rem)) {
    .action-header__button {
      padding-left: clamp(0.9375rem, -0.2833076749rem + 2.1185842208vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(0.9375rem, -0.2833076749rem + 2.1185842208vw, 1.875rem)) {
    .action-header__button {
      padding-left: calc(0.9375rem + 0.9375 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .action-header__button {
    padding-left: 0.9375rem;
  }
}
@media (max-width: 29.99875em) {
  .action-header__button {
    font-size: 1.5rem;
  }
}
.action-header__button--sign-up {
  color: #fff;
  transition: color 0.3s;
}
@media (any-hover: hover) {
  .action-header__button--sign-up:hover {
    color: #b094dd;
  }
}
.action-header__burger-row {
  z-index: 5;
}
@media (max-width: 61.99875em) {
  .action-header__burger-row {
    padding: 0.75rem 1.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5.125rem;
    background-color: #b094dd;
    transition: background-color 0.3s;
  }
}
.icon-menu {
  display: none;
}
@media (max-width: 61.99875em) {
  .icon-menu {
    display: block;
    position: relative;
    width: 1.3125rem;
    height: 0.875rem;
    font-weight: 400;
    z-index: 5;
  }
}
@media (max-width: 61.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}
@media (max-width: 61.99875em) {
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: '';
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    height: 0.125rem;
    width: 100%;
    background-color: #333;
  }
  .icon-menu::before {
    top: 0;
  }
  .icon-menu::after {
    width: 60%;
    bottom: 0;
  }
  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }
  .menu-open .icon-menu span {
    width: 0;
  }
  .menu-open .icon-menu::after,
  .menu-open .icon-menu::before {
    width: 100%;
  }
  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.footer {
  background-color: #1c1c1c;
}
@media (min-width: 101.875em) {
  .footer {
    padding-top: 6.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(3.125rem, 2.3616412214rem + 3.8167938931vw, 6.25rem)) {
    .footer {
      padding-top: clamp(3.125rem, 2.3616412214rem + 3.8167938931vw, 6.25rem);
    }
  }
  @supports not (padding-top: clamp(3.125rem, 2.3616412214rem + 3.8167938931vw, 6.25rem)) {
    .footer {
      padding-top: calc(3.125rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .footer {
    padding-top: 3.125rem;
  }
}
@media (min-width: 101.875em) {
  .footer {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .footer {
      padding-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .footer {
      padding-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .footer {
    padding-bottom: 1.875rem;
  }
}
.footer__container {
  display: grid;
}
@media (min-width: 101.875em) {
  .footer__container {
    row-gap: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .footer__container {
      row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .footer__container {
      row-gap: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .footer__container {
    row-gap: 1.875rem;
  }
}
.footer__middle {
  border-bottom: 1px solid #262626;
  border-top: 1px solid #262626;
}
.top-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #d6d6d6;
  transition: color 0.3s;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .top-footer {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top-footer {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .top-footer {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top-footer {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .top-footer {
    row-gap: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .top-footer {
      row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .top-footer {
      row-gap: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top-footer {
    row-gap: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .top-footer__logo {
    width: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(8.25rem, 7.9751908397rem + 1.3740458015vw, 9.375rem)) {
    .top-footer__logo {
      width: clamp(8.25rem, 7.9751908397rem + 1.3740458015vw, 9.375rem);
    }
  }
  @supports not (width: clamp(8.25rem, 7.9751908397rem + 1.3740458015vw, 9.375rem)) {
    .top-footer__logo {
      width: calc(8.25rem + 1.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top-footer__logo {
    width: 8.25rem;
  }
}
.top-footer__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.375rem;
}
@media (min-width: 101.875em) {
  .top-footer__list {
    -webkit-column-gap: 1.5625rem;
    -moz-column-gap: 1.5625rem;
    column-gap: 1.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem)) or
      (column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem))
  ) {
    .top-footer__list {
      -webkit-column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem);
      -moz-column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem);
      column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem)) or
      (column-gap: clamp(0.875rem, 0.7070610687rem + 0.8396946565vw, 1.5625rem))
  ) {
    .top-footer__list {
      -webkit-column-gap: calc(0.875rem + 0.6875 * (100vw - 20rem) / 81.875);
      -moz-column-gap: calc(0.875rem + 0.6875 * (100vw - 20rem) / 81.875);
      column-gap: calc(0.875rem + 0.6875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .top-footer__list {
    -webkit-column-gap: 0.875rem;
    -moz-column-gap: 0.875rem;
    column-gap: 0.875rem;
  }
}
.top-footer__item {
  transition: color 0.3s;
  cursor: pointer;
}
@media (any-hover: hover) {
  .top-footer__item:hover {
    color: #a7d91d;
  }
}
@media (min-width: 101.875em) {
  .address {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .address {
      padding-top: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .address {
      padding-top: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address {
    padding-top: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .address {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .address {
      padding-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .address {
      padding-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address {
    padding-bottom: 1.875rem;
  }
}
.address__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 1.25rem;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
.address__item {
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.375rem;
  -moz-column-gap: 0.375rem;
  column-gap: 0.375rem;
  white-space: nowrap;
  line-height: 150%;
  color: #d6d6d6;
  transition: color 0.3s;
  font-style: normal;
}
@media (min-width: 101.875em) {
  .address__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .address__item {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .address__item {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item {
    font-size: 0.875rem;
  }
}
.address__item:nth-child(1):before {
  content: '';
  background: url(../img/icons/mail.svg) left center/contain no-repeat;
}
@media (min-width: 101.875em) {
  .address__item:nth-child(1):before {
    height: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(1):before {
      height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(1):before {
      height: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item:nth-child(1):before {
    height: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .address__item:nth-child(1):before {
    width: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(1):before {
      width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(1):before {
      width: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item:nth-child(1):before {
    width: 1.25rem;
  }
}
.address__item:nth-child(2):before {
  content: '';
  background: url(../img/icons/phone.svg) left center/contain no-repeat;
}
@media (min-width: 101.875em) {
  .address__item:nth-child(2):before {
    height: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(2):before {
      height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(2):before {
      height: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item:nth-child(2):before {
    height: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .address__item:nth-child(2):before {
    width: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(2):before {
      width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(2):before {
      width: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item:nth-child(2):before {
    width: 1.25rem;
  }
}
.address__item:nth-child(3):before {
  content: '';
  background: url(../img/icons/location.svg) left center/contain no-repeat;
}
@media (min-width: 101.875em) {
  .address__item:nth-child(3):before {
    height: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(3):before {
      height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (height: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(3):before {
      height: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item:nth-child(3):before {
    height: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .address__item:nth-child(3):before {
    width: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(3):before {
      width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (width: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .address__item:nth-child(3):before {
      width: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .address__item:nth-child(3):before {
    width: 1.25rem;
  }
}
@media (any-hover: hover) {
  .address__item:hover {
    color: #fff;
  }
}
.bottom-footer {
  border-radius: 6.25rem;
  border: 1px solid #262626;
  background-color: #1a1a1a;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
}
@media (min-width: 101.875em) {
  .bottom-footer {
    padding-top: 1rem;
  }
}
@media (min-width: 29.99875em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1rem, 4.0119041408rem + -2.9564703223vw, 3.125rem)) {
    .bottom-footer {
      padding-top: clamp(1rem, 4.0119041408rem + -2.9564703223vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1rem, 4.0119041408rem + -2.9564703223vw, 3.125rem)) {
    .bottom-footer {
      padding-top: calc(3.125rem + -2.125 * (100vw - 29.99875rem) / 71.87625);
    }
  }
}
@media (max-width: 29.99875em) {
  .bottom-footer {
    padding-top: 3.125rem;
  }
}
@media (min-width: 101.875em) {
  .bottom-footer {
    padding-bottom: 1rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1rem, 3.6440839695rem + -2.5954198473vw, 3.125rem)) {
    .bottom-footer {
      padding-bottom: clamp(1rem, 3.6440839695rem + -2.5954198473vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1rem, 3.6440839695rem + -2.5954198473vw, 3.125rem)) {
    .bottom-footer {
      padding-bottom: calc(3.125rem + -2.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .bottom-footer {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 101.875em) {
  .bottom-footer {
    padding-right: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.9375rem, 0.7084923664rem + 1.1450381679vw, 1.875rem)) {
    .bottom-footer {
      padding-right: clamp(0.9375rem, 0.7084923664rem + 1.1450381679vw, 1.875rem);
    }
  }
  @supports not (padding-right: clamp(0.9375rem, 0.7084923664rem + 1.1450381679vw, 1.875rem)) {
    .bottom-footer {
      padding-right: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .bottom-footer {
    padding-right: 0.9375rem;
  }
}
@media (min-width: 101.875em) {
  .bottom-footer {
    padding-left: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.9375rem, 0.7084923664rem + 1.1450381679vw, 1.875rem)) {
    .bottom-footer {
      padding-left: clamp(0.9375rem, 0.7084923664rem + 1.1450381679vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(0.9375rem, 0.7084923664rem + 1.1450381679vw, 1.875rem)) {
    .bottom-footer {
      padding-left: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .bottom-footer {
    padding-left: 0.9375rem;
  }
}
@media (max-width: 47.99875em) {
  .bottom-footer {
    flex-direction: column;
    border-radius: 0.75rem;
    margin-top: 2.0625rem;
  }
}
.bottom-footer__copy {
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 101.875em) {
  .bottom-footer__copy {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .bottom-footer__copy {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .bottom-footer__copy {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .bottom-footer__copy {
    font-size: 0.875rem;
  }
}
.media {
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.875rem;
  -moz-column-gap: 0.875rem;
  column-gap: 0.875rem;
  row-gap: 0.3125rem;
}
@media (max-width: 47.99875em) {
  .media {
    margin-top: -4.375rem;
  }
}
.media__item--facebook .icon-facebook {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #262626;
  background-color: #b094dd;
  transition: background-color 0.3s;
}
@media (min-width: 101.875em) {
  .media__item--facebook .icon-facebook {
    width: 3.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem)) {
    .media__item--facebook .icon-facebook {
      width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem);
    }
  }
  @supports not (width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem)) {
    .media__item--facebook .icon-facebook {
      width: calc(2.75rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--facebook .icon-facebook {
    width: 2.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--facebook .icon-facebook {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .media__item--facebook .icon-facebook {
      font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .media__item--facebook .icon-facebook {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--facebook .icon-facebook {
    font-size: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--facebook .icon-facebook {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-top: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--facebook .icon-facebook {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--facebook .icon-facebook {
    padding-left: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-left: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--facebook .icon-facebook {
    padding-left: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--facebook .icon-facebook {
    padding-right: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-right: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--facebook .icon-facebook {
    padding-right: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--facebook .icon-facebook {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--facebook .icon-facebook {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--facebook .icon-facebook {
    padding-bottom: 0.75rem;
  }
}
@media (any-hover: hover) {
  .media__item--facebook .icon-facebook:hover {
    background-color: #a7d91d;
  }
}
.media__item--twitter .icon-twitter {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #262626;
  background-color: #b094dd;
  transition: background-color 0.3s;
}
@media (min-width: 101.875em) {
  .media__item--twitter .icon-twitter {
    width: 3.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem)) {
    .media__item--twitter .icon-twitter {
      width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem);
    }
  }
  @supports not (width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem)) {
    .media__item--twitter .icon-twitter {
      width: calc(2.75rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--twitter .icon-twitter {
    width: 2.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--twitter .icon-twitter {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .media__item--twitter .icon-twitter {
      font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .media__item--twitter .icon-twitter {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--twitter .icon-twitter {
    font-size: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--twitter .icon-twitter {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-top: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--twitter .icon-twitter {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--twitter .icon-twitter {
    padding-left: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-left: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--twitter .icon-twitter {
    padding-left: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--twitter .icon-twitter {
    padding-right: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-right: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--twitter .icon-twitter {
    padding-right: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--twitter .icon-twitter {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--twitter .icon-twitter {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--twitter .icon-twitter {
    padding-bottom: 0.75rem;
  }
}
@media (any-hover: hover) {
  .media__item--twitter .icon-twitter:hover {
    background-color: #a7d91d;
  }
}
.media__item--linkedin .icon-linkedin {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #262626;
  background-color: #b094dd;
  transition: background-color 0.3s;
}
@media (min-width: 101.875em) {
  .media__item--linkedin .icon-linkedin {
    width: 3.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem)) {
    .media__item--linkedin .icon-linkedin {
      width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem);
    }
  }
  @supports not (width: clamp(2.75rem, 2.6278625954rem + 0.6106870229vw, 3.25rem)) {
    .media__item--linkedin .icon-linkedin {
      width: calc(2.75rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--linkedin .icon-linkedin {
    width: 2.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--linkedin .icon-linkedin {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .media__item--linkedin .icon-linkedin {
      font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .media__item--linkedin .icon-linkedin {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--linkedin .icon-linkedin {
    font-size: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--linkedin .icon-linkedin {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-top: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--linkedin .icon-linkedin {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--linkedin .icon-linkedin {
    padding-left: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-left: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--linkedin .icon-linkedin {
    padding-left: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--linkedin .icon-linkedin {
    padding-right: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-right: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--linkedin .icon-linkedin {
    padding-right: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .media__item--linkedin .icon-linkedin {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .media__item--linkedin .icon-linkedin {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .media__item--linkedin .icon-linkedin {
    padding-bottom: 0.75rem;
  }
}
@media (any-hover: hover) {
  .media__item--linkedin .icon-linkedin:hover {
    background-color: #a7d91d;
  }
}
.policy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -webkit-column-gap: 0.4375rem;
  -moz-column-gap: 0.4375rem;
  column-gap: 0.4375rem;
}
.policy__item {
  line-height: 150%;
  font-weight: 300;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .policy__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .policy__item {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .policy__item {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .policy__item {
    font-size: 0.875rem;
  }
}
@media (any-hover: hover) {
  .policy__item:hover {
    color: #fff;
  }
}
.hero {
  position: relative;
}
@media (min-width: 101.875em) {
  .hero {
    padding-top: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem)) {
    .hero {
      padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem);
    }
  }
  @supports not (padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem)) {
    .hero {
      padding-top: calc(6.875rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero {
    padding-top: 6.875rem;
  }
}
@media (min-width: 101.875em) {
  .hero {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .hero {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .hero {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 101.875em) {
  .hero::before {
    width: 47.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(28.75rem, 24.1698473282rem + 22.9007633588vw, 47.5rem)) {
    .hero::before {
      width: clamp(28.75rem, 24.1698473282rem + 22.9007633588vw, 47.5rem);
    }
  }
  @supports not (width: clamp(28.75rem, 24.1698473282rem + 22.9007633588vw, 47.5rem)) {
    .hero::before {
      width: calc(28.75rem + 18.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero::before {
    width: 28.75rem;
  }
}
@media (min-width: 101.875em) {
  .hero::before {
    height: 38.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(19.375rem, 14.7948473282rem + 22.9007633588vw, 38.125rem)) {
    .hero::before {
      height: clamp(19.375rem, 14.7948473282rem + 22.9007633588vw, 38.125rem);
    }
  }
  @supports not (height: clamp(19.375rem, 14.7948473282rem + 22.9007633588vw, 38.125rem)) {
    .hero::before {
      height: calc(19.375rem + 18.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero::before {
    height: 19.375rem;
  }
}
.hero__container {
  display: grid;
  grid-template-columns: 1fr 36.875%;
  row-gap: 4.1875rem;
  align-items: start;
}
@media (min-width: 101.875em) {
  .hero__container {
    -webkit-column-gap: 3.75rem;
    -moz-column-gap: 3.75rem;
    column-gap: 3.75rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem)) or
      (column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem))
  ) {
    .hero__container {
      -webkit-column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem);
      -moz-column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem);
      column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem)) or
      (column-gap: clamp(2.1875rem, -0.2418419485rem + 3.9183724648vw, 3.75rem))
  ) {
    .hero__container {
      -webkit-column-gap: calc(2.1875rem + 1.5625 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(2.1875rem + 1.5625 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(2.1875rem + 1.5625 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .hero__container {
    -webkit-column-gap: 2.1875rem;
    -moz-column-gap: 2.1875rem;
    column-gap: 2.1875rem;
  }
}
@media (max-width: 73.125em) {
  .hero__container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 57.62375em) {
  .hero__container {
    grid-template-columns: 1fr;
  }
}
.hero__top {
  display: grid;
  justify-items: start;
  max-width: 51.5625rem;
}
.hero__image {
  position: relative;
  padding-bottom: 102.3728813559%;
}
.hero__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 106.875em) {
  .hero__image {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
}
@media (min-width: 101.875em) {
  .products {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .products {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .products {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .products {
    padding-bottom: 2.5rem;
  }
}
.products__top {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  row-gap: 1.25rem;
}
@media (min-width: 101.875em) {
  .products__top {
    -webkit-column-gap: 18.75rem;
    -moz-column-gap: 18.75rem;
    column-gap: 18.75rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem)) or
      (column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem))
  ) {
    .products__top {
      -webkit-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem);
      -moz-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem);
      column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem)) or
      (column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem))
  ) {
    .products__top {
      -webkit-column-gap: calc(2.1875rem + 16.5625 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(2.1875rem + 16.5625 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(2.1875rem + 16.5625 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .products__top {
    -webkit-column-gap: 2.1875rem;
    -moz-column-gap: 2.1875rem;
    column-gap: 2.1875rem;
  }
}
@media (max-width: 47.99875em) {
  .products__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.top__inner {
  max-width: 56.875rem;
}
.top__tab-nav {
  justify-self: end;
}
.col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
}
@media (max-width: 61.99875em) {
  .col {
    grid-template-columns: 1fr;
  }
}
.col__body {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
}
@media (min-width: 101.875em) {
  .col__body {
    padding-right: 3.125rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.875rem, -0.0684735588rem + 3.1346979719vw, 3.125rem)) {
    .col__body {
      padding-right: clamp(1.875rem, -0.0684735588rem + 3.1346979719vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.875rem, -0.0684735588rem + 3.1346979719vw, 3.125rem)) {
    .col__body {
      padding-right: calc(1.875rem + 1.25 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .col__body {
    padding-right: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .col__body {
    padding-left: 3.125rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.875rem, -0.0684735588rem + 3.1346979719vw, 3.125rem)) {
    .col__body {
      padding-left: clamp(1.875rem, -0.0684735588rem + 3.1346979719vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.875rem, -0.0684735588rem + 3.1346979719vw, 3.125rem)) {
    .col__body {
      padding-left: calc(1.875rem + 1.25 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .col__body {
    padding-left: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .col__body:not(:first-child) {
    padding-top: 1.875rem;
  }
}
.col__body:not(:last-child)::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #262626;
  right: 0;
}
@media (max-width: 61.99875em) {
  .col__body:not(:last-child)::before {
    right: none;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
}
.col__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 101.875em) {
  .col__icon {
    width: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .col__icon {
      width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .col__icon {
      width: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__icon {
    width: 4.375rem;
  }
}
@media (min-width: 101.875em) {
  .col__icon {
    height: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .col__icon {
      height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .col__icon {
      height: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__icon {
    height: 4.375rem;
  }
}
.col__icon::after,
.col__icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.col__icon::before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 3.125rem;
  border: 5px solid
    linear-gradient(180deg, rgba(202, 255, 51, 0.1) -66.22%, rgba(202, 255, 51, 0.2) 85.46%);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 51, 0.1) -66.22%,
    rgba(202, 255, 51, 0) 85.46%
  );
  z-index: -1;
}
.col__icon::after {
  content: '';
  width: 72px;
  height: 72px;
  padding: 0.5rem;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0, rgba(202, 255, 51, 0) 100%);
  z-index: -2;
}
@media (min-width: 101.875em) {
  .col__icon img {
    width: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .col__icon img {
      width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .col__icon img {
      width: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__icon img {
    width: 1.75rem;
  }
}
@media (min-width: 101.875em) {
  .col__icon img {
    height: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .col__icon img {
      height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .col__icon img {
      height: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__icon img {
    height: 1.75rem;
  }
}
@media (min-width: 101.875em) {
  .col__icon:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .col__icon:not(:last-child) {
      margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .col__icon:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__icon:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.col__title {
  text-align: center;
  color: #fff;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .col__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .col__title {
      font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .col__title {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .col__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.75rem, 0.6278625954rem + 0.6106870229vw, 1.25rem)) {
    .col__title:not(:last-child) {
      margin-bottom: clamp(0.75rem, 0.6278625954rem + 0.6106870229vw, 1.25rem);
    }
  }
  @supports not (margin-bottom: clamp(0.75rem, 0.6278625954rem + 0.6106870229vw, 1.25rem)) {
    .col__title:not(:last-child) {
      margin-bottom: calc(0.75rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col__title:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.col__link {
  transition: color 0.3s;
}
@media (any-hover: hover) {
  .col__link:hover {
    color: #b094dd;
  }
}
.col__text {
  text-align: center;
}
@media (max-width: 61.99875em) {
  .col__text {
    max-width: 700px;
  }
}
@media (min-width: 101.875em) {
  .cases {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .cases {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .cases {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .cases {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 61.99875em) {
  .cases__top {
    text-align: center;
  }
}
.cases__content {
  display: grid;
}
@media (min-width: 101.875em) {
  .cases__content {
    row-gap: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(2.5rem, 2.1946564885rem + 1.5267175573vw, 3.75rem)) {
    .cases__content {
      row-gap: clamp(2.5rem, 2.1946564885rem + 1.5267175573vw, 3.75rem);
    }
  }
  @supports not (row-gap: clamp(2.5rem, 2.1946564885rem + 1.5267175573vw, 3.75rem)) {
    .cases__content {
      row-gap: calc(2.5rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .cases__content {
    row-gap: 2.5rem;
  }
}
.cases__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  row-gap: 1.875rem;
}
@media (min-width: 101.875em) {
  .cases__wrapper {
    -webkit-column-gap: 6.25rem;
    -moz-column-gap: 6.25rem;
    column-gap: 6.25rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem)) or
      (column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem))
  ) {
    .cases__wrapper {
      -webkit-column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem);
      -moz-column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem);
      column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem)) or
      (column-gap: clamp(1.875rem, -4.9271574559rem + 10.9714429015vw, 6.25rem))
  ) {
    .cases__wrapper {
      -webkit-column-gap: calc(1.875rem + 4.375 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(1.875rem + 4.375 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(1.875rem + 4.375 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .cases__wrapper {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }
}
@media (max-width: 75em) {
  .cases__wrapper {
    grid-template-columns: 40% 1fr;
  }
}
@media (max-width: 61.99875em) {
  .cases__wrapper {
    grid-template-columns: 1fr;
  }
}
.cases__wrapper:nth-child(2) .cases__advantages::before {
  content: '';
  display: none;
}
.cases__wrapper:nth-child(2) .cases__advantages::after {
  content: '';
  right: 0;
  top: 0;
  rotate: 90deg;
  z-index: -1;
  position: absolute;
  background: url(../img/icons/decor-case.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .cases__wrapper:nth-child(2) .cases__advantages::after {
    width: 14rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(7.375rem, 5.7566793893rem + 8.0916030534vw, 14rem)) {
    .cases__wrapper:nth-child(2) .cases__advantages::after {
      width: clamp(7.375rem, 5.7566793893rem + 8.0916030534vw, 14rem);
    }
  }
  @supports not (width: clamp(7.375rem, 5.7566793893rem + 8.0916030534vw, 14rem)) {
    .cases__wrapper:nth-child(2) .cases__advantages::after {
      width: calc(7.375rem + 6.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .cases__wrapper:nth-child(2) .cases__advantages::after {
    width: 7.375rem;
  }
}
@media (min-width: 101.875em) {
  .cases__wrapper:nth-child(2) .cases__advantages::after {
    height: 13.3125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(7rem, 5.4580152672rem + 7.7099236641vw, 13.3125rem)) {
    .cases__wrapper:nth-child(2) .cases__advantages::after {
      height: clamp(7rem, 5.4580152672rem + 7.7099236641vw, 13.3125rem);
    }
  }
  @supports not (height: clamp(7rem, 5.4580152672rem + 7.7099236641vw, 13.3125rem)) {
    .cases__wrapper:nth-child(2) .cases__advantages::after {
      height: calc(7rem + 6.3125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .cases__wrapper:nth-child(2) .cases__advantages::after {
    height: 7rem;
  }
}
@media (max-width: 75em) {
  .cases__wrapper:nth-child(2) {
    grid-template-columns: 1fr 40%;
  }
}
@media (max-width: 61.99875em) {
  .cases__wrapper:nth-child(2) {
    grid-template-columns: 1fr;
  }
  .cases__wrapper:nth-child(2) .cases__advantages {
    order: -1;
  }
}
.advantages {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.125rem, 1fr));
  border-radius: 1.25rem;
  background-color: #1c1c1c;
}
.advantages::before {
  content: '';
  z-index: -1;
  position: absolute;
  background: url(../img/icons/decor-case.svg) 0 0 / contain no-repeat;
  left: 0;
  top: 0;
}
@media (min-width: 101.875em) {
  .advantages::before {
    width: 14rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(7.375rem, 5.7566793893rem + 8.0916030534vw, 14rem)) {
    .advantages::before {
      width: clamp(7.375rem, 5.7566793893rem + 8.0916030534vw, 14rem);
    }
  }
  @supports not (width: clamp(7.375rem, 5.7566793893rem + 8.0916030534vw, 14rem)) {
    .advantages::before {
      width: calc(7.375rem + 6.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages::before {
    width: 7.375rem;
  }
}
@media (min-width: 101.875em) {
  .advantages::before {
    height: 13.3125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(7rem, 5.4580152672rem + 7.7099236641vw, 13.3125rem)) {
    .advantages::before {
      height: clamp(7rem, 5.4580152672rem + 7.7099236641vw, 13.3125rem);
    }
  }
  @supports not (height: clamp(7rem, 5.4580152672rem + 7.7099236641vw, 13.3125rem)) {
    .advantages::before {
      height: calc(7rem + 6.3125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages::before {
    height: 7rem;
  }
}
@media (min-width: 101.875em) {
  .advantages {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .advantages {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .advantages {
    padding-right: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages {
    padding-right: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .advantages {
    padding-left: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .advantages {
      padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .advantages {
    gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .advantages {
      gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
    }
  }
  @supports not (gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .advantages {
      gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages {
    gap: 0.625rem;
  }
}
@media (max-width: 47.99875em) {
  .advantages {
    grid-template-columns: repeat(auto-fit, minmax(9.6875rem, 1fr));
  }
}
.advantages__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  border-radius: 1rem;
  border: 1px solid #262626;
  background-color: #1a1a1a;
}
@media (min-width: 101.875em) {
  .advantages__item {
    padding-right: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.875rem, 0.6307251908rem + 1.2213740458vw, 1.875rem)) {
    .advantages__item {
      padding-right: clamp(0.875rem, 0.6307251908rem + 1.2213740458vw, 1.875rem);
    }
  }
  @supports not (padding-right: clamp(0.875rem, 0.6307251908rem + 1.2213740458vw, 1.875rem)) {
    .advantages__item {
      padding-right: calc(0.875rem + 1 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__item {
    padding-right: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .advantages__item {
    padding-left: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.875rem, 0.6307251908rem + 1.2213740458vw, 1.875rem)) {
    .advantages__item {
      padding-left: clamp(0.875rem, 0.6307251908rem + 1.2213740458vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(0.875rem, 0.6307251908rem + 1.2213740458vw, 1.875rem)) {
    .advantages__item {
      padding-left: calc(0.875rem + 1 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__item {
    padding-left: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .advantages__item {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .advantages__item {
      padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .advantages__item {
      padding-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__item {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .advantages__item {
    padding-top: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .advantages__item {
      padding-top: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .advantages__item {
      padding-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__item {
    padding-top: 1.25rem;
  }
}
.advantages__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 101.875em) {
  .advantages__icon {
    width: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .advantages__icon {
      width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .advantages__icon {
      width: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__icon {
    width: 4.375rem;
  }
}
@media (min-width: 101.875em) {
  .advantages__icon {
    height: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .advantages__icon {
      height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .advantages__icon {
      height: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__icon {
    height: 4.375rem;
  }
}
.advantages__icon::after,
.advantages__icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.advantages__icon::before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 3.125rem;
  border: 5px solid
    linear-gradient(180deg, rgba(202, 255, 51, 0.1) -66.22%, rgba(202, 255, 51, 0.2) 85.46%);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 51, 0.1) -66.22%,
    rgba(202, 255, 51, 0) 85.46%
  );
}
.advantages__icon::after {
  content: '';
  width: 72px;
  height: 72px;
  padding: 0.5rem;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0, rgba(202, 255, 51, 0) 100%);
}
@media (min-width: 101.875em) {
  .advantages__icon img {
    width: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .advantages__icon img {
      width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .advantages__icon img {
      width: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__icon img {
    width: 1.75rem;
  }
}
@media (min-width: 101.875em) {
  .advantages__icon img {
    height: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .advantages__icon img {
      height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .advantages__icon img {
      height: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__icon img {
    height: 1.75rem;
  }
}
@media (min-width: 101.875em) {
  .advantages__icon:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .advantages__icon:not(:last-child) {
      margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .advantages__icon:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__icon:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.advantages__title {
  flex: 1 1 auto;
  color: #fff;
  line-height: 150%;
  text-align: center;
}
@media (min-width: 101.875em) {
  .advantages__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .advantages__title {
      font-size: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .advantages__title {
      font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .advantages__title {
    font-size: 0.875rem;
  }
}
@media (max-width: 61.99875em) {
  .inner {
    text-align: center;
  }
}
.inner__title {
  color: #fff;
  font-weight: 500;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .inner__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .inner__title {
      font-size: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .inner__title {
      font-size: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .inner__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .inner__title:not(:last-child) {
      margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem);
    }
  }
  @supports not (margin-bottom: clamp(0.625rem, 0.5639312977rem + 0.3053435115vw, 0.875rem)) {
    .inner__title:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .inner__text:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(2.1875rem, 1.8058206107rem + 1.9083969466vw, 3.75rem)) {
    .inner__text:not(:last-child) {
      margin-bottom: clamp(2.1875rem, 1.8058206107rem + 1.9083969466vw, 3.75rem);
    }
  }
  @supports not (margin-bottom: clamp(2.1875rem, 1.8058206107rem + 1.9083969466vw, 3.75rem)) {
    .inner__text:not(:last-child) {
      margin-bottom: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__text:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}
@media (min-width: 101.875em) {
  .inner__statistics:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(2.1875rem, 1.8058206107rem + 1.9083969466vw, 3.75rem)) {
    .inner__statistics:not(:last-child) {
      margin-bottom: clamp(2.1875rem, 1.8058206107rem + 1.9083969466vw, 3.75rem);
    }
  }
  @supports not (margin-bottom: clamp(2.1875rem, 1.8058206107rem + 1.9083969466vw, 3.75rem)) {
    .inner__statistics:not(:last-child) {
      margin-bottom: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__statistics:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}
.inner__btn {
  border-radius: 5.125rem;
  color: #fff;
  border: 1px solid #262626;
  background-color: #1c1c1c;
  transition: border 0.3s;
}
@media (min-width: 101.875em) {
  .inner__btn {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .inner__btn {
      padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .inner__btn {
      padding-top: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__btn {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .inner__btn {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .inner__btn {
      padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .inner__btn {
      padding-bottom: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__btn {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .inner__btn {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .inner__btn {
      padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .inner__btn {
      padding-right: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__btn {
    padding-right: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .inner__btn {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .inner__btn {
      padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .inner__btn {
      padding-left: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__btn {
    padding-left: 1.25rem;
  }
}
@media (any-hover: hover) {
  .inner__btn:hover {
    border: 1px solid #fff;
  }
}
.statistics {
  display: grid;
  align-items: center;
  row-gap: 1.875rem;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
}
@media (min-width: 101.875em) {
  .statistics {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem)) or
      (column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem))
  ) {
    .statistics {
      -webkit-column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem);
      -moz-column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem);
      column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem)) or
      (column-gap: clamp(1.875rem, 0.9032632206rem + 1.5673489859vw, 2.5rem))
  ) {
    .statistics {
      -webkit-column-gap: calc(1.875rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(1.875rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(1.875rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .statistics {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }
}
@media (max-width: 29.99875em) {
  .statistics {
    grid-template-columns: 1fr;
  }
}
.statistics__item {
  max-width: 16.125rem;
  min-height: 100%;
}
@media (max-width: 29.99875em) {
  .statistics__item {
    margin: 0 auto;
  }
}
.statistics__item--border {
  position: relative;
}
@media (min-width: 101.875em) {
  .statistics__item--border {
    padding-right: 2.5rem;
  }
}
@media (min-width: 29.99875em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.875rem, 1.6141458409rem + 0.8695500948vw, 2.5rem)) {
    .statistics__item--border {
      padding-right: clamp(1.875rem, 1.6141458409rem + 0.8695500948vw, 2.5rem);
    }
  }
  @supports not (padding-right: clamp(1.875rem, 1.6141458409rem + 0.8695500948vw, 2.5rem)) {
    .statistics__item--border {
      padding-right: calc(1.875rem + 0.625 * (100vw - 29.99875rem) / 71.87625);
    }
  }
}
@media (min-width: 101.875em) {
  .statistics__item--border {
    padding-left: 2.5rem;
  }
}
@media (min-width: 29.99875em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.875rem, 1.6141458409rem + 0.8695500948vw, 2.5rem)) {
    .statistics__item--border {
      padding-left: clamp(1.875rem, 1.6141458409rem + 0.8695500948vw, 2.5rem);
    }
  }
  @supports not (padding-left: clamp(1.875rem, 1.6141458409rem + 0.8695500948vw, 2.5rem)) {
    .statistics__item--border {
      padding-left: calc(1.875rem + 0.625 * (100vw - 29.99875rem) / 71.87625);
    }
  }
}
@media (max-width: 29.99875em) {
  .statistics__item--border {
    padding: 1.875rem 0;
  }
}
.statistics__item--border::after,
.statistics__item--border::before {
  content: '';
  position: absolute;
}
@media (min-width: 29.99875em) {
  .statistics__item--border::after,
  .statistics__item--border::before {
    width: 2px;
    height: 100%;
    background: url(../img/icons/border.svg) 0 0 / contain no-repeat;
  }
}
@media (max-width: 29.99875em) {
  .statistics__item--border::after,
  .statistics__item--border::before {
    width: 100%;
    height: 2px;
    background: url(../img/icons/border-vert.svg) 0 0 / contain no-repeat;
  }
}
.statistics__item--border::before {
  content: '';
  left: 0;
  top: 0;
}
.statistics__item--border::after {
  content: '';
  right: 0;
}
@media (min-width: 29.99875em) {
  .statistics__item--border::after {
    top: 0;
  }
}
@media (max-width: 29.99875em) {
  .statistics__item--border::after {
    bottom: 0;
  }
}
.statistics__row {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.statistics__num {
  flex: 1 1 auto;
  color: #b094dd;
  font-weight: 500;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .statistics__num {
    font-size: 3.625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(2.5rem, 2.2251908397rem + 1.3740458015vw, 3.625rem)) {
    .statistics__num {
      font-size: clamp(2.5rem, 2.2251908397rem + 1.3740458015vw, 3.625rem);
    }
  }
  @supports not (font-size: clamp(2.5rem, 2.2251908397rem + 1.3740458015vw, 3.625rem)) {
    .statistics__num {
      font-size: calc(2.5rem + 1.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .statistics__num {
    font-size: 2.5rem;
  }
}
.statistics__decs {
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 101.875em) {
  .statistics__decs {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .statistics__decs {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .statistics__decs {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .statistics__decs {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .features {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .features {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .features {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .features {
    padding-bottom: 2.5rem;
  }
}
.features__top {
  max-width: 81rem;
}
@media (max-width: 61.99875em) {
  .features__top {
    margin: 0 auto;
    text-align: center;
  }
}
.features__tabs {
  display: grid;
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  align-items: start;
  row-gap: 1.25rem;
}
@media (min-width: 61.99875em) {
  .features__tabs {
    grid-template-columns: minmax(308px, auto) 1fr;
  }
}
.features__nav {
  display: grid;
  row-gap: 1.5rem;
  overflow-x: auto;
  border-radius: 0.75rem;
  background-color: #1c1c1c;
}
@media (min-width: 101.875em) {
  .features__nav {
    padding-top: 3.125rem;
  }
}
@media (min-width: 48.06125em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-top: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-top: calc(1.25rem + 1.875 * (100vw - 48.06125rem) / 53.81375);
    }
  }
}
@media (max-width: 48.06125em) {
  .features__nav {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .features__nav {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 48.06125em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-bottom: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 48.06125rem) / 53.81375);
    }
  }
}
@media (max-width: 48.06125em) {
  .features__nav {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .features__nav {
    padding-left: 3.125rem;
  }
}
@media (min-width: 48.06125em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-left: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-left: calc(1.25rem + 1.875 * (100vw - 48.06125rem) / 53.81375);
    }
  }
}
@media (max-width: 48.06125em) {
  .features__nav {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .features__nav {
    padding-right: 3.125rem;
  }
}
@media (min-width: 48.06125em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-right: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, -0.4245691157rem + 3.4842396228vw, 3.125rem)) {
    .features__nav {
      padding-right: calc(1.25rem + 1.875 * (100vw - 48.06125rem) / 53.81375);
    }
  }
}
@media (max-width: 48.06125em) {
  .features__nav {
    padding-right: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .features__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
.features__ttl {
  color: #fff;
  white-space: nowrap;
  line-height: 150%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
  border: 1px solid #262626;
  transition: all 0.3s;
}
@media (min-width: 101.875em) {
  .features__ttl {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .features__ttl {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .features__ttl {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .features__ttl {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .features__ttl {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .features__ttl {
      padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .features__ttl {
      padding-top: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .features__ttl {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .features__ttl {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .features__ttl {
      padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .features__ttl {
      padding-left: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .features__ttl {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .features__ttl {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .features__ttl {
      padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .features__ttl {
      padding-right: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .features__ttl {
    padding-right: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .features__ttl {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .features__ttl {
      padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .features__ttl {
      padding-bottom: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .features__ttl {
    padding-bottom: 0.875rem;
  }
}
@media (any-hover: hover) {
  .features__ttl:hover {
    color: #d6d6d6;
    opacity: 0.8;
  }
}
.features__ttl._tab-active {
  color: #a7d91d;
  border: 1px solid #262626;
  background-color: #1a1a1a;
  pointer-events: none;
  cursor: default;
}
@media (max-width: 61.99875em) {
  .features__ttl {
    display: flex;
  }
}
.col-features {
  display: grid;
  row-gap: 1.875rem;
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  grid-template-columns: repeat(auto-fit, minmax(28.125rem, 1fr));
}
@media (max-width: 29.99875em) {
  .col-features {
    grid-template-columns: 1fr;
  }
}
.col-features__item {
  display: flex;
  flex-direction: column;
  border-radius: 0.625rem;
  border: 1px solid #262626;
  background-color: #1c1c1c;
}
@media (min-width: 101.875em) {
  .col-features__item {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__item {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .col-features__item {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__item {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .col-features__item {
    padding-left: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__item {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .col-features__item {
    padding-right: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .col-features__item {
      padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__item {
    padding-right: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .col-features__title:not(:last-child) {
    margin-bottom: 1.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.25rem, 1.0820610687rem + 0.8396946565vw, 1.9375rem)) {
    .col-features__title:not(:last-child) {
      margin-bottom: clamp(1.25rem, 1.0820610687rem + 0.8396946565vw, 1.9375rem);
    }
  }
  @supports not (margin-bottom: clamp(1.25rem, 1.0820610687rem + 0.8396946565vw, 1.9375rem)) {
    .col-features__title:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.6875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.col-features__link {
  display: block;
  line-height: 150%;
  color: #fff;
  padding-right: 1.75rem;
  position: relative;
}
@media (min-width: 101.875em) {
  .col-features__link {
    font-size: 1.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.0639312977rem + 0.3053435115vw, 1.375rem)) {
    .col-features__link {
      font-size: clamp(1.125rem, 1.0639312977rem + 0.3053435115vw, 1.375rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.0639312977rem + 0.3053435115vw, 1.375rem)) {
    .col-features__link {
      font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__link {
    font-size: 1.125rem;
  }
}

@media (min-width: 101.875em) {
  .col-features__link::after {
    width: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .col-features__link::after {
      width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .col-features__link::after {
      width: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__link::after {
    width: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .col-features__link::after {
    height: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .col-features__link::after {
      height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .col-features__link::after {
      height: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .col-features__link::after {
    height: 0.875rem;
  }
}
@media (any-hover: hover) {
  .col-features__link:hover::after {
    content: '';
    rotate: 45deg;
  }
}
@media (min-width: 101.875em) {
  .faq {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .faq {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .faq {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .faq {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 61.99875em) {
  .faq__top {
    text-align: center;
  }
}
.faq__columns {
  position: relative;
}
.faq__columns::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 17.1875rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0, #191919 100%);
  opacity: 0;
}
.faq__columns.show-cols::before {
  content: '';
  display: none;
  transition-behavior: allow-discrete;
  transition-duration: 1s;
  opacity: 0;
}
.faq__columns .additional-column {
  display: none;
}
.faq__columns.show-cols .additional-column {
  display: block;
}
.faq__btn-load {
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 150%;
  border-radius: 100px;
  border: 1px solid #262626;
  background-color: #1c1c1c;
  padding: 1.125rem 1.5rem;
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.5625rem;
  -moz-column-gap: 0.5625rem;
  column-gap: 0.5625rem;
  transition: border 0.3s;
}
@media (min-width: 101.875em) {
  .faq__btn-load {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .faq__btn-load {
      padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .faq__btn-load {
      padding-top: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .faq__btn-load {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .faq__btn-load {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .faq__btn-load {
      padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .faq__btn-load {
      padding-bottom: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .faq__btn-load {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .faq__btn-load {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .faq__btn-load {
      padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .faq__btn-load {
      padding-right: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .faq__btn-load {
    padding-right: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .faq__btn-load {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .faq__btn-load {
      padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .faq__btn-load {
      padding-left: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .faq__btn-load {
    padding-left: 1.25rem;
  }
}
.faq__btn-load::after {
  content: '';
  transition: all 0.3s;
  width: 0.8125rem;
  height: 0.4375rem;
  background: url(../img/icons/arrow-mini.svg) 0 0 / contain no-repeat;
}
@media (any-hover: hover) {
  .faq__btn-load:hover {
    border: 1px solid #fff;
  }
  .faq__btn-load:hover::after {
    content: '';
    rotate: 360deg;
  }
}
.column {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(34.375rem, 1fr));
}
@media (min-width: 101.875em) {
  .column {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem)) or
      (column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem))
  ) {
    .column {
      -webkit-column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem);
      -moz-column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem);
      column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem)) or
      (column-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem))
  ) {
    .column {
      -webkit-column-gap: calc(1.25rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(1.25rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(1.25rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .column {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .column {
    row-gap: 1.875rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem)) {
    .column {
      row-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem);
    }
  }
  @supports not (row-gap: clamp(1.25rem, 0.2782632206rem + 1.5673489859vw, 1.875rem)) {
    .column {
      row-gap: calc(1.25rem + 0.625 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .column {
    row-gap: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .column {
    grid-template-columns: 1fr;
  }
}
.column__body {
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 14px;
  border: 1px solid #262626;
}
@media (min-width: 101.875em) {
  .column__body {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__body {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .column__body {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__body {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .column__body {
    padding-left: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__body {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .column__body {
    padding-right: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .column__body {
      padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__body {
    padding-right: 1.25rem;
  }
}
.column__title {
  font-weight: 500;
  color: #fff;
  border-bottom: 1px solid #262626;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .column__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.0944656489rem + 0.1526717557vw, 1.25rem)) {
    .column__title {
      font-size: clamp(1.125rem, 1.0944656489rem + 0.1526717557vw, 1.25rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.0944656489rem + 0.1526717557vw, 1.25rem)) {
    .column__title {
      font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__title {
    font-size: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .column__title {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .column__title {
      padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .column__title {
      padding-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__title {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .column__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .column__title:not(:last-child) {
      margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .column__title:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .column__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .testimonials {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .testimonials {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .testimonials {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .testimonials {
    padding-bottom: 2.5rem;
  }
}
.testimonials__top {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  row-gap: 1.25rem;
}
@media (min-width: 101.875em) {
  .testimonials__top {
    -webkit-column-gap: 18.75rem;
    -moz-column-gap: 18.75rem;
    column-gap: 18.75rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem)) or
      (column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem))
  ) {
    .testimonials__top {
      -webkit-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem);
      -moz-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem);
      column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem)) or
      (column-gap: clamp(2.1875rem, -23.5635246544rem + 41.534748127vw, 18.75rem))
  ) {
    .testimonials__top {
      -webkit-column-gap: calc(2.1875rem + 16.5625 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(2.1875rem + 16.5625 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(2.1875rem + 16.5625 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .testimonials__top {
    -webkit-column-gap: 2.1875rem;
    -moz-column-gap: 2.1875rem;
    column-gap: 2.1875rem;
  }
}
@media (max-width: 47.99875em) {
  .testimonials__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.testimonials__body {
  position: relative;
}
@media (min-width: 101.875em) {
  .testimonials__body {
    padding-left: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(2.8125rem, 1.7313508065rem + 4.435483871vw, 6.25rem)) {
    .testimonials__body {
      padding-left: clamp(2.8125rem, 1.7313508065rem + 4.435483871vw, 6.25rem);
    }
  }
  @supports not (padding-left: clamp(2.8125rem, 1.7313508065rem + 4.435483871vw, 6.25rem)) {
    .testimonials__body {
      padding-left: calc(2.8125rem + 3.4375 * (100vw - 24.375rem) / 77.5);
    }
  }
}
@media (min-width: 101.875em) {
  .testimonials__body {
    padding-right: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(2.8125rem, 1.7313508065rem + 4.435483871vw, 6.25rem)) {
    .testimonials__body {
      padding-right: clamp(2.8125rem, 1.7313508065rem + 4.435483871vw, 6.25rem);
    }
  }
  @supports not (padding-right: clamp(2.8125rem, 1.7313508065rem + 4.435483871vw, 6.25rem)) {
    .testimonials__body {
      padding-right: calc(2.8125rem + 3.4375 * (100vw - 24.375rem) / 77.5);
    }
  }
}
.testimonials__body::before {
  content: '';
  height: 100%;
  width: 300px;
  width: 39.714286%;
  left: 0;
  z-index: 5;
  bottom: 0;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  position: absolute;
  background: linear-gradient(270deg, rgba(25, 25, 25, 0) 0, #191919 105.84%);
}
.testimonials__body::after {
  content: '';
  height: 100%;
  width: 39.714286%;
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
  right: 0;
  z-index: 5;
  bottom: 0;
  position: absolute;
  background: linear-gradient(270deg, #191919 10.8%, rgba(25, 25, 25, 0) 105.84%);
}
@media (max-width: 29.99875em) {
  .testimonials__content {
    padding: 1.25rem;
    border-radius: 0.75rem;
    border: 1px solid #262626;
  }
}
.testimonials__row {
  display: grid;
  justify-items: center;
  position: relative;
}
@media (min-width: 101.875em) {
  .testimonials__row {
    row-gap: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .testimonials__row {
      row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (row-gap: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .testimonials__row {
      row-gap: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .testimonials__row {
    row-gap: 1.875rem;
  }
}
.testimonials__row::after,
.testimonials__row::before {
  content: '';
  position: absolute;
  width: 35%;
  height: 2px;
  background-color: #262626;
}
.testimonials__row::before {
  content: '';
  top: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.testimonials__row::after {
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 25px;
  right: 0;
}
.testimonials__icon {
  z-index: 3;
}
@media (min-width: 101.875em) {
  .testimonials__icon {
    width: 3.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(2.75rem, 2.5820610687rem + 0.8396946565vw, 3.4375rem)) {
    .testimonials__icon {
      width: clamp(2.75rem, 2.5820610687rem + 0.8396946565vw, 3.4375rem);
    }
  }
  @supports not (width: clamp(2.75rem, 2.5820610687rem + 0.8396946565vw, 3.4375rem)) {
    .testimonials__icon {
      width: calc(2.75rem + 0.6875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .testimonials__icon {
    width: 2.75rem;
  }
}
@media (min-width: 101.875em) {
  .testimonials__icon {
    height: 3.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(2.75rem, 2.5820610687rem + 0.8396946565vw, 3.4375rem)) {
    .testimonials__icon {
      height: clamp(2.75rem, 2.5820610687rem + 0.8396946565vw, 3.4375rem);
    }
  }
  @supports not (height: clamp(2.75rem, 2.5820610687rem + 0.8396946565vw, 3.4375rem)) {
    .testimonials__icon {
      height: calc(2.75rem + 0.6875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .testimonials__icon {
    height: 2.75rem;
  }
}
.testimonials__text {
  text-align: center;
}
.testimonials__name {
  font-weight: 500;
  line-height: 150%;
  color: #b094dd;
  text-align: center;
}
@media (min-width: 101.875em) {
  .testimonials__name {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .testimonials__name {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .testimonials__name {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .testimonials__name {
    font-size: 0.875rem;
  }
}
.testimonials__buttons {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
@media (max-width: 29.99875em) {
  .testimonials__buttons {
    margin-top: 1.875rem;
  }
}
.button__left {
  display: flex;
  z-index: 6;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
  border: 1px solid #262626;
  background: #1c1c1c;
  transition: border 0.3s;
}
.button__left.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}
@media (min-width: 29.99875em) {
  .button__left {
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 15px;
  }
}
@media (min-width: 101.875em) {
  .button__left {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-top: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__left {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .button__left {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__left {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .button__left {
    padding-left: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-left: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__left {
    padding-left: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .button__left {
    padding-right: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__left {
      padding-right: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__left {
    padding-right: 0.75rem;
  }
}
.button__left::before {
  content: '';
  background: url(../img/icons/swiper-arr.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .button__left::before {
    width: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__left::before {
      width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__left::before {
      width: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__left::before {
    width: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .button__left::before {
    height: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__left::before {
      height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__left::before {
      height: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__left::before {
    height: 0.875rem;
  }
}
@media (any-hover: hover) {
  .button__left:hover {
    border: 1px solid #b094dd;
  }
}
.button__right {
  z-index: 6;
  rotate: 180deg;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
  border: 1px solid #262626;
  background: #1c1c1c;
  transition: border 0.3s;
}
.button__right.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}
@media (min-width: 29.99875em) {
  .button__right {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 101.875em) {
  .button__right {
    padding-top: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-top: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-top: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__right {
    padding-top: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .button__right {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-bottom: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-bottom: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__right {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .button__right {
    padding-left: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-left: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__right {
    padding-left: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .button__right {
    padding-right: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.7194656489rem + 0.1526717557vw, 0.875rem)) {
    .button__right {
      padding-right: calc(0.75rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__right {
    padding-right: 0.75rem;
  }
}
.button__right::before {
  content: '';
  background: url(../img/icons/swiper-arr.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .button__right::before {
    width: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__right::before {
      width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (width: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__right::before {
      width: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__right::before {
    width: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .button__right::before {
    height: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__right::before {
      height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (height: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .button__right::before {
      height: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .button__right::before {
    height: 0.875rem;
  }
}
@media (any-hover: hover) {
  .button__right:hover {
    border: 1px solid #b094dd;
  }
}
.financial {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
@media (min-width: 101.875em) {
  .financial {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .financial {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .financial {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial {
    padding-bottom: 2.5rem;
  }
}
.financial__container {
  border: 1px solid #262626;
  background-color: #1c1c1c;
  background-blend-mode: normal, screen, normal;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}
@media (min-width: 101.875em) {
  .financial__container {
    padding-right: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-right: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem);
    }
  }
  @supports not (padding-right: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-right: calc(1.875rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial__container {
    padding-right: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .financial__container {
    padding-left: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-left: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem);
    }
  }
  @supports not (padding-left: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-left: calc(1.875rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial__container {
    padding-left: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .financial__container {
    padding-top: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-top: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem);
    }
  }
  @supports not (padding-top: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-top: calc(1.875rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial__container {
    padding-top: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .financial__container {
    padding-bottom: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem);
    }
  }
  @supports not (padding-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .financial__container {
      padding-bottom: calc(1.875rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial__container {
    padding-bottom: 1.875rem;
  }
}
.financial__container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../img/icons/decor-case.svg) 0 0 / cover no-repeat;
}
@media (min-width: 101.875em) {
  .financial__container::before {
    width: 18.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(10rem, 7.8625954198rem + 10.6870229008vw, 18.75rem)) {
    .financial__container::before {
      width: clamp(10rem, 7.8625954198rem + 10.6870229008vw, 18.75rem);
    }
  }
  @supports not (width: clamp(10rem, 7.8625954198rem + 10.6870229008vw, 18.75rem)) {
    .financial__container::before {
      width: calc(10rem + 8.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial__container::before {
    width: 10rem;
  }
}
@media (min-width: 101.875em) {
  .financial__container::before {
    height: 18.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(10rem, 7.9236641221rem + 10.3816793893vw, 18.5rem)) {
    .financial__container::before {
      height: clamp(10rem, 7.9236641221rem + 10.3816793893vw, 18.5rem);
    }
  }
  @supports not (height: clamp(10rem, 7.9236641221rem + 10.3816793893vw, 18.5rem)) {
    .financial__container::before {
      height: calc(10rem + 8.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .financial__container::before {
    height: 10rem;
  }
}
.financial__content {
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  -webkit-column-gap: 2.8125rem;
  -moz-column-gap: 2.8125rem;
  column-gap: 2.8125rem;
  row-gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .financial__content {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
  }
}
.financial__top {
  z-index: 2;
  max-width: 65.625rem;
}
.financial__btn {
  z-index: 2;
}
.hero-block {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
@media (min-width: 101.875em) {
  .hero-block {
    padding-top: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem)) {
    .hero-block {
      padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem);
    }
  }
  @supports not (padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem)) {
    .hero-block {
      padding-top: calc(6.875rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero-block {
    padding-top: 6.875rem;
  }
}
@media (min-width: 101.875em) {
  .hero-block {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .hero-block {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .hero-block {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero-block {
    padding-bottom: 2.5rem;
  }
}
.hero-block__container {
  border-radius: 1.25rem;
  background: #1c1c1c;
  position: relative;
  overflow: hidden;
}
@media (min-width: 101.875em) {
  .hero-block__container {
    padding-top: 3.125rem;
  }
}
@media (min-width: 22.5em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-top: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-top: calc(0.875rem + 2.25 * (100vw - 22.5rem) / 79.375);
    }
  }
}
@media (min-width: 101.875em) {
  .hero-block__container {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 22.5em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-bottom: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-bottom: calc(0.875rem + 2.25 * (100vw - 22.5rem) / 79.375);
    }
  }
}
@media (min-width: 101.875em) {
  .hero-block__container {
    padding-left: 3.125rem;
  }
}
@media (min-width: 22.5em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-left: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-left: calc(0.875rem + 2.25 * (100vw - 22.5rem) / 79.375);
    }
  }
}
@media (min-width: 101.875em) {
  .hero-block__container {
    padding-right: 3.125rem;
  }
}
@media (min-width: 22.5em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-right: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(0.875rem, 0.2372047244rem + 2.8346456693vw, 3.125rem)) {
    .hero-block__container {
      padding-right: calc(0.875rem + 2.25 * (100vw - 22.5rem) / 79.375);
    }
  }
}
@media (max-width: 22.5em) {
  .hero-block__container {
    margin: 0 -15px;
  }
}
.hero-block__container::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  background: url(../img/icons/decor-hero.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .hero-block__container::after {
    width: 31.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(12.5rem, 7.8435114504rem + 23.2824427481vw, 31.5625rem)) {
    .hero-block__container::after {
      width: clamp(12.5rem, 7.8435114504rem + 23.2824427481vw, 31.5625rem);
    }
  }
  @supports not (width: clamp(12.5rem, 7.8435114504rem + 23.2824427481vw, 31.5625rem)) {
    .hero-block__container::after {
      width: calc(12.5rem + 19.0625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero-block__container::after {
    width: 12.5rem;
  }
}
@media (min-width: 101.875em) {
  .hero-block__container::after {
    height: 30rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(11.5625rem, 7.0586832061rem + 22.5190839695vw, 30rem)) {
    .hero-block__container::after {
      height: clamp(11.5625rem, 7.0586832061rem + 22.5190839695vw, 30rem);
    }
  }
  @supports not (height: clamp(11.5625rem, 7.0586832061rem + 22.5190839695vw, 30rem)) {
    .hero-block__container::after {
      height: calc(11.5625rem + 18.4375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .hero-block__container::after {
    height: 11.5625rem;
  }
}
.hero-block__content {
  position: relative;
}
@media (min-width: 101.875em) {
  .hero-block__content {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(3.6875rem, -5.1553046926rem + 14.2628757719vw, 9.375rem)) {
    .hero-block__content {
      padding-bottom: clamp(3.6875rem, -5.1553046926rem + 14.2628757719vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(3.6875rem, -5.1553046926rem + 14.2628757719vw, 9.375rem)) {
    .hero-block__content {
      padding-bottom: calc(3.6875rem + 5.6875 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}
@media (max-width: 61.99875em) {
  .hero-block__content {
    padding-top: 14.375rem;
  }
}
.hero-block__content::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  max-width: 60.5rem;
  height: 100%;
  border-radius: 1.25rem;
}
@media (max-width: 37.5em) {
  .hero-block__content::after {
    max-width: none;
    height: 80%;
    aspect-ratio: 329/253;
  }
}
.hero-block__content--welcom::after {
  content: '';
  background: url(../img/careers/hero-block/bg.webp) 0 0 / cover no-repeat;
}
@media (max-width: 47.99875em) {
  .hero-block__content--welcom::after {
    background: url(../img/careers/hero-block/bg.webp) 0 0 / contain no-repeat;
  }
}
.hero-block__content--meets::after {
  content: '';
  background: url(../img/careers/hero-block/bg-2.webp) 0 0 / cover no-repeat;
}
@media (max-width: 47.99875em) {
  .hero-block__content--meets::after {
    background: url(../img/careers/hero-block/bg-2.webp) 0 0 / contain no-repeat;
  }
}
.hero-block__content--security::after {
  content: '';
  background: url(../img/careers/hero-block/bg-3.webp) 0 0 / cover no-repeat;
}
@media (max-width: 47.99875em) {
  .hero-block__content--security::after {
    background: url(../img/careers/hero-block/bg-3.webp) 0 0 / contain no-repeat;
  }
}
.hero-block__top {
  position: relative;
  z-index: 3;
  border-radius: 20px 0 80px 20px;
  background-color: #1a1a1a;
}
@media (min-width: 101.875em) {
  .hero-block__top {
    padding-top: 5rem;
  }
}
@media (min-width: 21.875em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.224609375rem + 4.6875vw, 5rem)) {
    .hero-block__top {
      padding-top: clamp(1.25rem, 0.224609375rem + 4.6875vw, 5rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.224609375rem + 4.6875vw, 5rem)) {
    .hero-block__top {
      padding-top: calc(1.25rem + 3.75 * (100vw - 21.875rem) / 80);
    }
  }
}
@media (max-width: 21.875em) {
  .hero-block__top {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .hero-block__top {
    padding-bottom: 5rem;
  }
}
@media (min-width: 21.875em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.224609375rem + 4.6875vw, 5rem)) {
    .hero-block__top {
      padding-bottom: clamp(1.25rem, 0.224609375rem + 4.6875vw, 5rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.224609375rem + 4.6875vw, 5rem)) {
    .hero-block__top {
      padding-bottom: calc(1.25rem + 3.75 * (100vw - 21.875rem) / 80);
    }
  }
}
@media (max-width: 21.875em) {
  .hero-block__top {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .hero-block__top {
    padding-left: 5rem;
  }
}
@media (min-width: 21.875em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.5rem, 0.54296875rem + 4.375vw, 5rem)) {
    .hero-block__top {
      padding-left: clamp(1.5rem, 0.54296875rem + 4.375vw, 5rem);
    }
  }
  @supports not (padding-left: clamp(1.5rem, 0.54296875rem + 4.375vw, 5rem)) {
    .hero-block__top {
      padding-left: calc(1.5rem + 3.5 * (100vw - 21.875rem) / 80);
    }
  }
}
@media (min-width: 101.875em) {
  .hero-block__top {
    padding-right: 5rem;
  }
}
@media (min-width: 21.875em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.5rem, 0.54296875rem + 4.375vw, 5rem)) {
    .hero-block__top {
      padding-right: clamp(1.5rem, 0.54296875rem + 4.375vw, 5rem);
    }
  }
  @supports not (padding-right: clamp(1.5rem, 0.54296875rem + 4.375vw, 5rem)) {
    .hero-block__top {
      padding-right: calc(1.5rem + 3.5 * (100vw - 21.875rem) / 80);
    }
  }
}
@media (min-width: 61.99875em) {
  .hero-block__top {
    max-width: 49.4375rem;
  }
}
@media (max-width: 61.99875em) {
  .hero-block__top {
    border-radius: 1.25rem;
    text-align: center;
  }
}
@media (max-width: 24.375em) {
  .hero-block__top {
    margin-top: -10%;
  }
}
@media (min-width: 101.875em) {
  .job {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .job {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .job {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .job {
    padding-bottom: 2.5rem;
  }
}
.job__top {
  max-width: 81rem;
}
@media (max-width: 61.99875em) {
  .job__top {
    text-align: center;
    margin: 0 auto;
  }
}
.job__blocks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(34.375rem, 1fr));
}
@media (min-width: 101.875em) {
  .job__blocks {
    gap: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .job__blocks {
      gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .job__blocks {
      gap: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .job__blocks {
    gap: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .job__blocks {
    grid-template-columns: 1fr;
  }
}
.job__block {
  border-radius: 1rem;
  border: 1px solid #262626;
  background-color: #1c1c1c;
}
@media (min-width: 101.875em) {
  .job__block {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .job__block {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .job__block {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .job__block {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .job__block {
    padding-left: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .job__block {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .job__block {
    padding-right: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .job__block {
      padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .job__block {
    padding-right: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .block__head:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5625rem, 1.1808206107rem + 1.9083969466vw, 3.125rem)) {
    .block__head:not(:last-child) {
      margin-bottom: clamp(1.5625rem, 1.1808206107rem + 1.9083969466vw, 3.125rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5625rem, 1.1808206107rem + 1.9083969466vw, 3.125rem)) {
    .block__head:not(:last-child) {
      margin-bottom: calc(1.5625rem + 1.5625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block__head:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.block__title {
  color: #fff;
  font-weight: 600;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .block__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .block__title {
      font-size: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .block__title {
      font-size: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .block__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.6875rem, 0.5500954198rem + 0.6870229008vw, 1.25rem)) {
    .block__title:not(:last-child) {
      margin-bottom: clamp(0.6875rem, 0.5500954198rem + 0.6870229008vw, 1.25rem);
    }
  }
  @supports not (margin-bottom: clamp(0.6875rem, 0.5500954198rem + 0.6870229008vw, 1.25rem)) {
    .block__title:not(:last-child) {
      margin-bottom: calc(0.6875rem + 0.5625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block__title:not(:last-child) {
    margin-bottom: 0.6875rem;
  }
}
.block__location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 101.875em) {
  .block__location {
    gap: 0.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .block__location {
      gap: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem);
    }
  }
  @supports not (gap: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .block__location {
      gap: calc(0.375rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block__location {
    gap: 0.375rem;
  }
}
@media (min-width: 101.875em) {
  .block__about:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem)) {
    .block__about:not(:last-child) {
      margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem)) {
    .block__about:not(:last-child) {
      margin-bottom: calc(1.5625rem + 0.9375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block__about:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 101.875em) {
  .block__requirements:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.875rem, 1.7223282443rem + 0.7633587786vw, 2.5rem)) {
    .block__requirements:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.7223282443rem + 0.7633587786vw, 2.5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.875rem, 1.7223282443rem + 0.7633587786vw, 2.5rem)) {
    .block__requirements:not(:last-child) {
      margin-bottom: calc(1.875rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block__requirements:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.location__item {
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .location__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .location__item {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .location__item {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .location__item {
    font-size: 0.875rem;
  }
}
.location__link {
  border-radius: 68px;
  border: 1px solid #262626;
  background-color: #1a1a1a;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .location__link {
    padding-top: 0.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .location__link {
      padding-top: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem);
    }
  }
  @supports not (padding-top: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .location__link {
      padding-top: calc(0.375rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .location__link {
    padding-top: 0.375rem;
  }
}
@media (min-width: 101.875em) {
  .location__link {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .location__link {
      padding-bottom: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem);
    }
  }
  @supports not (padding-bottom: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .location__link {
      padding-bottom: calc(0.375rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .location__link {
    padding-bottom: 0.375rem;
  }
}
@media (min-width: 101.875em) {
  .location__link {
    padding-left: 1rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.625rem, 0.5333969466rem + 0.4580152672vw, 1rem)) {
    .location__link {
      padding-left: clamp(0.625rem, 0.5333969466rem + 0.4580152672vw, 1rem);
    }
  }
  @supports not (padding-left: clamp(0.625rem, 0.5333969466rem + 0.4580152672vw, 1rem)) {
    .location__link {
      padding-left: calc(0.625rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .location__link {
    padding-left: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .location__link {
    padding-right: 1rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.625rem, 0.5333969466rem + 0.4580152672vw, 1rem)) {
    .location__link {
      padding-right: clamp(0.625rem, 0.5333969466rem + 0.4580152672vw, 1rem);
    }
  }
  @supports not (padding-right: clamp(0.625rem, 0.5333969466rem + 0.4580152672vw, 1rem)) {
    .location__link {
      padding-right: calc(0.625rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .location__link {
    padding-right: 0.625rem;
  }
}
@media (any-hover: hover) {
  .location__link:hover {
    color: #fff;
  }
}
.req__item {
  font-weight: 300;
  line-height: 150%;
  color: #d6d6d6;
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media (min-width: 101.875em) {
  .req__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .req__item {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .req__item {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .req__item {
    font-size: 0.875rem;
  }
}
.req__item::before {
  content: '';
  flex: 0 0 24px;
  background: url(../img/icons/porfolio-ico.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .req__item::before {
    width: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .req__item::before {
      width: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem);
    }
  }
  @supports not (width: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .req__item::before {
      width: calc(1rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .req__item::before {
    width: 1rem;
  }
}
@media (min-width: 101.875em) {
  .req__item::before {
    height: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .req__item::before {
      height: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem);
    }
  }
  @supports not (height: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
    .req__item::before {
      height: calc(1rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .req__item::before {
    height: 1rem;
  }
}
@media (min-width: 101.875em) {
  .req__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .req__item:not(:last-child) {
      margin-bottom: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem);
    }
  }
  @supports not (margin-bottom: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
    .req__item:not(:last-child) {
      margin-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .req__item:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .values {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .values {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .values {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .values {
    padding-bottom: 2.5rem;
  }
}
.values__top {
  max-width: 81rem;
}
@media (max-width: 61.99875em) {
  .values__top {
    text-align: center;
    margin: 0 auto;
  }
}
.text-values__title {
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 101.875em) {
  .text-values__title {
    font-size: 3.625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.875rem, 1.447519084rem + 2.1374045802vw, 3.625rem)) {
    .text-values__title {
      font-size: clamp(1.875rem, 1.447519084rem + 2.1374045802vw, 3.625rem);
    }
  }
  @supports not (font-size: clamp(1.875rem, 1.447519084rem + 2.1374045802vw, 3.625rem)) {
    .text-values__title {
      font-size: calc(1.875rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .text-values__title {
    font-size: 1.875rem;
  }
}
.block-values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(34.375rem, 1fr));
}
@media (min-width: 101.875em) {
  .block-values {
    gap: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(3.125rem, 2.6669847328rem + 2.2900763359vw, 5rem)) {
    .block-values {
      gap: clamp(3.125rem, 2.6669847328rem + 2.2900763359vw, 5rem);
    }
  }
  @supports not (gap: clamp(3.125rem, 2.6669847328rem + 2.2900763359vw, 5rem)) {
    .block-values {
      gap: calc(3.125rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block-values {
    gap: 3.125rem;
  }
}
@media (max-width: 47.99875em) {
  .block-values {
    grid-template-columns: 1fr;
  }
}
.item-values {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 101.875em) {
  .item-values {
    padding-left: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .item-values {
      padding-left: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .item-values {
      padding-left: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .item-values {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .item-values {
    row-gap: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .item-values {
      row-gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (row-gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .item-values {
      row-gap: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .item-values {
    row-gap: 1.25rem;
  }
}
.item-values::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #b094dd;
}
.item-values__title {
  color: #4c4c4d;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 101.875em) {
  .item-values__title {
    font-size: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .item-values__title {
      font-size: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem);
    }
  }
  @supports not (font-size: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
    .item-values__title {
      font-size: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .item-values__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .benefits {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .benefits {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .benefits {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefits {
    padding-bottom: 2.5rem;
  }
}
.benefits__top {
  max-width: 81rem;
}
@media (max-width: 61.99875em) {
  .benefits__top {
    margin: 0 auto;
    text-align: center;
  }
}
.benefit-card {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31.25rem, 1fr));
}
@media (min-width: 101.875em) {
  .benefit-card {
    gap: 5rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (gap: clamp(2.5rem, -0.7554871331rem + 5.6495579221vw, 5rem)) {
    .benefit-card {
      gap: clamp(2.5rem, -0.7554871331rem + 5.6495579221vw, 5rem);
    }
  }
  @supports not (gap: clamp(2.5rem, -0.7554871331rem + 5.6495579221vw, 5rem)) {
    .benefit-card {
      gap: calc(2.5rem + 2.5 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .benefit-card {
    gap: 2.5rem;
  }
}
@media (max-width: 47.99875em) {
  .benefit-card {
    grid-template-columns: 1fr;
  }
}
.benefit-card__body {
  display: grid;
  overflow: hidden;
  grid-template-rows: auto 1fr;
  border-radius: 3.125rem 1.25rem;
  border: 1px solid rgba(202, 255, 51, 0.1);
  background: url(../img/icons/card-bg.svg) 0 0 / cover no-repeat;
}
@media (min-width: 101.875em) {
  .benefit-card__body {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__body {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .benefit-card__body {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__body {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .benefit-card__body {
    padding-left: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__body {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .benefit-card__body {
    padding-right: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .benefit-card__body {
      padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__body {
    padding-right: 1.25rem;
  }
}
@media (min-width: 47.99875em) {
  .benefit-card__body:nth-child(even) {
    border-radius: 20px 50px;
  }
  .benefit-card__body:nth-child(odd) {
    border-radius: 50px 20px;
  }
}
@media (max-width: 47.99875em) {
  .benefit-card__body {
    border-radius: 40px 40px 14px 14px;
  }
}
.benefit-card__head {
  display: flex;
  align-items: center;
}
@media (min-width: 101.875em) {
  .benefit-card__head {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) or
      (column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem))
  ) {
    .benefit-card__head {
      -webkit-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
      -moz-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
      column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) or
      (column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem))
  ) {
    .benefit-card__head {
      -webkit-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
      -moz-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
      column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__head {
    -webkit-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
  }
}
.benefit-card__head:not(:last-child) {
  margin-bottom: 1.875rem;
}
.benefit-card__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 101.875em) {
  .benefit-card__icon {
    width: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .benefit-card__icon {
      width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .benefit-card__icon {
      width: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__icon {
    width: 4.375rem;
  }
}
@media (min-width: 101.875em) {
  .benefit-card__icon {
    height: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .benefit-card__icon {
      height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .benefit-card__icon {
      height: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__icon {
    height: 4.375rem;
  }
}
.benefit-card__icon::after,
.benefit-card__icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.benefit-card__icon::before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 3.125rem;
  border: 5px solid
    linear-gradient(180deg, rgba(202, 255, 51, 0.1) -66.22%, rgba(202, 255, 51, 0.2) 85.46%);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 51, 0.1) -66.22%,
    rgba(202, 255, 51, 0) 85.46%
  );
  z-index: -1;
}
.benefit-card__icon::after {
  content: '';
  width: 72px;
  height: 72px;
  padding: 0.5rem;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0, rgba(202, 255, 51, 0) 100%);
  z-index: -2;
}
@media (min-width: 101.875em) {
  .benefit-card__icon img {
    width: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .benefit-card__icon img {
      width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .benefit-card__icon img {
      width: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__icon img {
    width: 1.75rem;
  }
}
@media (min-width: 101.875em) {
  .benefit-card__icon img {
    height: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .benefit-card__icon img {
      height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .benefit-card__icon img {
      height: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__icon img {
    height: 1.75rem;
  }
}
.benefit-card__title {
  color: #fff;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .benefit-card__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .benefit-card__title {
      font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .benefit-card__title {
      font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .benefit-card__title {
    font-size: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .releases {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .releases {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .releases {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases {
    padding-bottom: 2.5rem;
  }
}
.releases__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 101.875em) {
  .releases__items {
    gap: 3.1875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.25rem, 0.7767175573rem + 2.3664122137vw, 3.1875rem)) {
    .releases__items {
      gap: clamp(1.25rem, 0.7767175573rem + 2.3664122137vw, 3.1875rem);
    }
  }
  @supports not (gap: clamp(1.25rem, 0.7767175573rem + 2.3664122137vw, 3.1875rem)) {
    .releases__items {
      gap: calc(1.25rem + 1.9375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases__items {
    gap: 1.25rem;
  }
}
@media (max-width: 981px) {
  .releases__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.releases-item__item {
  display: flex;
  flex-direction: column;
  max-width: 783px;
  border-radius: 40px 40px 16px 16px;
  border: 1px solid #262626;
  background: #1c1c1c;
}
@media (min-width: 101.875em) {
  .releases-item__item {
    gap: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.875rem, 1.7223282443rem + 0.7633587786vw, 2.5rem)) {
    .releases-item__item {
      gap: clamp(1.875rem, 1.7223282443rem + 0.7633587786vw, 2.5rem);
    }
  }
  @supports not (gap: clamp(1.875rem, 1.7223282443rem + 0.7633587786vw, 2.5rem)) {
    .releases-item__item {
      gap: calc(1.875rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-item__item {
    gap: 1.875rem;
  }
}
@media (min-width: 101.875em) {
  .releases-item__item {
    padding: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .releases-item__item {
      padding: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) {
    .releases-item__item {
      padding: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-item__item {
    padding: 1.25rem;
  }
}
@media (max-width: 981px) {
  .releases-item__item {
    margin: 0 auto;
  }
}
.releases-item__img {
  max-width: 100%;
}
@media (min-width: 101.875em) {
  .releases-text {
    padding-left: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.0000000625rem, -0.366412136rem + 1.8320609924vw, 1.5rem)) {
    .releases-text {
      padding-left: clamp(0.0000000625rem, -0.366412136rem + 1.8320609924vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(0.0000000625rem, -0.366412136rem + 1.8320609924vw, 1.5rem)) {
    .releases-text {
      padding-left: calc(0.0000000625rem + 1.4999999375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-text {
    padding-left: 0.0000000625rem;
  }
}
@media (min-width: 101.875em) {
  .releases-text {
    padding-right: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.0000000625rem, -0.366412136rem + 1.8320609924vw, 1.5rem)) {
    .releases-text {
      padding-right: clamp(0.0000000625rem, -0.366412136rem + 1.8320609924vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(0.0000000625rem, -0.366412136rem + 1.8320609924vw, 1.5rem)) {
    .releases-text {
      padding-right: calc(0.0000000625rem + 1.4999999375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-text {
    padding-right: 0.0000000625rem;
  }
}
.releases-text__title {
  color: #fff;
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 101.875em) {
  .releases-text__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .releases-text__title {
      font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .releases-text__title {
      font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-text__title {
    font-size: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .releases-text__title {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .releases-text__title {
      padding-bottom: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem);
    }
  }
  @supports not (padding-bottom: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .releases-text__title {
      padding-bottom: calc(1rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-text__title {
    padding-bottom: 1rem;
  }
}
.releases-text__about {
  display: flex;
}
.releases-text__paragraph {
  color: #b3b3b3;
  font-weight: 300;
  line-height: 1.5;
}
@media (min-width: 101.875em) {
  .releases-text__paragraph {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .releases-text__paragraph {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .releases-text__paragraph {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases-text__paragraph {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .about-releases {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .about-releases {
      padding-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (padding-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .about-releases {
      padding-bottom: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .about-releases {
    padding-bottom: 1.5rem;
  }
}
.about-release {
  display: flex;
  gap: 10px;
}
.about-release__item {
  border-radius: 68px;
  border: 1px solid #262626;
  background: #1a1a1a;
  padding: 8px 16px;
  color: #b3b3b3;
  font-weight: 300;
  line-height: 1.5;
}
@media (min-width: 101.875em) {
  .about-release__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .about-release__item {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .about-release__item {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .about-release__item {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .releases {
    padding-top: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .releases {
      padding-top: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-top: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .releases {
      padding-top: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases {
    padding-top: 2.5rem;
  }
}
@media (max-width: 61.99875em) {
  .releases__top {
    margin: 0 auto;
    text-align: center;
  }
}
.releases__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(34.375rem, 1fr));
}
@media (min-width: 101.875em) {
  .releases__content {
    gap: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .releases__content {
      gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .releases__content {
      gap: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .releases__content {
    gap: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .releases__content {
    grid-template-columns: 1fr;
  }
}
.card-item {
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 2.5rem 2.5rem 1rem 1rem;
  border: 1px solid #262626;
  background-color: #1c1c1c;
}
@media (min-width: 101.875em) {
  .card-item {
    row-gap: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(1.5625rem, 1.1808206107rem + 1.9083969466vw, 3.125rem)) {
    .card-item {
      row-gap: clamp(1.5625rem, 1.1808206107rem + 1.9083969466vw, 3.125rem);
    }
  }
  @supports not (row-gap: clamp(1.5625rem, 1.1808206107rem + 1.9083969466vw, 3.125rem)) {
    .card-item {
      row-gap: calc(1.5625rem + 1.5625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item {
    row-gap: 1.5625rem;
  }
}
@media (min-width: 101.875em) {
  .card-item {
    padding-top: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-top: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .card-item {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .card-item {
    padding-left: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-left: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-left: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .card-item {
    padding-right: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-right: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item {
      padding-right: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item {
    padding-right: 1.25rem;
  }
}
.card-item__img {
  /* aspect-ratio: 582/277; */
  border-radius: 1.875rem 1.875rem 0.75rem 0.75rem;
}
.card-item__title {
  line-height: 150%;
  color: #fff;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .card-item__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .card-item__title {
      font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .card-item__title {
      font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item__title {
    font-size: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .card-item__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .card-item__title:not(:last-child) {
      margin-bottom: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
    }
  }
  @supports not (margin-bottom: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .card-item__title:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
@media (any-hover: hover) {
  .card-item__title:hover {
    color: #a7d91d;
  }
}
@media (min-width: 101.875em) {
  .card-item__info:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item__info:not(:last-child) {
      margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (margin-bottom: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .card-item__info:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .card-item__info:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 101.875em) {
  .info {
    gap: 0.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .info {
      gap: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem);
    }
  }
  @supports not (gap: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .info {
      gap: calc(0.375rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .info {
    gap: 0.375rem;
  }
}
.info__item {
  line-height: 150%;
  border-radius: 4.25rem;
  border: 1px solid #262626;
  background-color: #1a1a1a;
}
@media (min-width: 101.875em) {
  .info__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .info__item {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .info__item {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .info__item {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .info__item {
    padding-top: 0.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .info__item {
      padding-top: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem);
    }
  }
  @supports not (padding-top: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .info__item {
      padding-top: calc(0.375rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .info__item {
    padding-top: 0.375rem;
  }
}
@media (min-width: 101.875em) {
  .info__item {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .info__item {
      padding-bottom: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem);
    }
  }
  @supports not (padding-bottom: clamp(0.375rem, 0.3444656489rem + 0.1526717557vw, 0.5rem)) {
    .info__item {
      padding-bottom: calc(0.375rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .info__item {
    padding-bottom: 0.375rem;
  }
}
@media (min-width: 101.875em) {
  .info__item {
    padding-right: 1rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.75rem, 0.6889312977rem + 0.3053435115vw, 1rem)) {
    .info__item {
      padding-right: clamp(0.75rem, 0.6889312977rem + 0.3053435115vw, 1rem);
    }
  }
  @supports not (padding-right: clamp(0.75rem, 0.6889312977rem + 0.3053435115vw, 1rem)) {
    .info__item {
      padding-right: calc(0.75rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .info__item {
    padding-right: 0.75rem;
  }
}
@media (min-width: 101.875em) {
  .info__item {
    padding-left: 1rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.75rem, 0.6889312977rem + 0.3053435115vw, 1rem)) {
    .info__item {
      padding-left: clamp(0.75rem, 0.6889312977rem + 0.3053435115vw, 1rem);
    }
  }
  @supports not (padding-left: clamp(0.75rem, 0.6889312977rem + 0.3053435115vw, 1rem)) {
    .info__item {
      padding-left: calc(0.75rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .info__item {
    padding-left: 0.75rem;
  }
}
.vision__top {
  max-width: 81rem;
}
@media (max-width: 61.99875em) {
  .vision__top {
    margin: 0 auto;
    text-align: center;
  }
}
.vision__content {
  display: grid;
  row-gap: 2.8125rem;
}
.block-vision {
  display: flex;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .block-vision {
    flex-direction: column;
  }
}
@media (min-width: 61.99875em) {
  .block-vision:nth-child(even) {
    margin-top: -6%;
    flex-direction: row-reverse;
  }
}
.block-vision__img-row {
  background: url(../img/about/vision/v-bg.svg) 0 0 / cover no-repeat;
}
@media (min-width: 101.875em) {
  .block-vision__img-row {
    padding-top: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem)) {
    .block-vision__img-row {
      padding-top: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem);
    }
  }
  @supports not (padding-top: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem)) {
    .block-vision__img-row {
      padding-top: calc(0.9375rem + 2.8125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block-vision__img-row {
    padding-top: 0.9375rem;
  }
}
@media (min-width: 101.875em) {
  .block-vision__img-row {
    padding-left: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem)) {
    .block-vision__img-row {
      padding-left: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem);
    }
  }
  @supports not (padding-left: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem)) {
    .block-vision__img-row {
      padding-left: calc(0.9375rem + 2.8125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block-vision__img-row {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 101.875em) {
  .block-vision__img-row {
    padding-right: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem)) {
    .block-vision__img-row {
      padding-right: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem);
    }
  }
  @supports not (padding-right: clamp(0.9375rem, 0.2504770992rem + 3.4351145038vw, 3.75rem)) {
    .block-vision__img-row {
      padding-right: calc(0.9375rem + 2.8125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .block-vision__img-row {
    padding-right: 0.9375rem;
  }
}
.block-vision__img {
  overflow: hidden;
  border-radius: 3.125rem 3.125rem 0 0;
  aspect-ratio: 425/440;
  min-width: 18.75rem;
}
.inner {
  max-width: 57.5rem;
}
@media (min-width: 61.99875em) {
  .inner {
    padding-right: 2.5rem;
    border-right: 1px solid #b094dd;
    border-left: none;
    padding-left: 0;
  }
}
@media (max-width: 61.99875em) {
  .inner {
    padding-top: 1.875rem;
    border-top: 1px solid #b094dd;
  }
}
@media (min-width: 61.99875em) {
  .inner--rev {
    border-left: 1px solid #b094dd;
    padding-left: 2.5rem;
    border-right: none;
    padding-right: 0;
  }
}
.inner__title {
  font-weight: 500;
  line-height: 150%;
  color: #fff;
}
@media (min-width: 101.875em) {
  .inner__title {
    font-size: 2.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.625rem, 1.4417938931rem + 0.9160305344vw, 2.375rem)) {
    .inner__title {
      font-size: clamp(1.625rem, 1.4417938931rem + 0.9160305344vw, 2.375rem);
    }
  }
  @supports not (font-size: clamp(1.625rem, 1.4417938931rem + 0.9160305344vw, 2.375rem)) {
    .inner__title {
      font-size: calc(1.625rem + 0.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .inner__title {
    font-size: 1.625rem;
  }
}
@media (min-width: 101.875em) {
  .how {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .how {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .how {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how {
    padding-bottom: 2.5rem;
  }
}
.how__top {
  max-width: 81rem;
}
@media (max-width: 61.99875em) {
  .how__top {
    margin: 0 auto;
    text-align: center;
  }
}
.how-card {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31.25rem, 1fr));
  position: relative;
}
@media (min-width: 101.875em) {
  .how-card {
    gap: 1.875rem;
  }
}
@media (min-width: 57.62375em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.25rem, 0.4361282167rem + 1.4123894805vw, 1.875rem)) {
    .how-card {
      gap: clamp(1.25rem, 0.4361282167rem + 1.4123894805vw, 1.875rem);
    }
  }
  @supports not (gap: clamp(1.25rem, 0.4361282167rem + 1.4123894805vw, 1.875rem)) {
    .how-card {
      gap: calc(1.25rem + 0.625 * (100vw - 57.62375rem) / 44.25125);
    }
  }
}
@media (max-width: 57.62375em) {
  .how-card {
    gap: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .how-card {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 101.875em) {
  .how-card {
    padding-right: 4.375rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.875rem, -0.3522685089rem + 4.640263567vw, 4.375rem)) {
    .how-card {
      padding-right: clamp(1.875rem, -0.3522685089rem + 4.640263567vw, 4.375rem);
    }
  }
  @supports not (padding-right: clamp(1.875rem, -0.3522685089rem + 4.640263567vw, 4.375rem)) {
    .how-card {
      padding-right: calc(1.875rem + 2.5 * (100vw - 47.99875rem) / 53.87625);
    }
  }
}
@media (min-width: 101.875em) {
  .how-card {
    padding-left: 4.375rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.875rem, -0.3522685089rem + 4.640263567vw, 4.375rem)) {
    .how-card {
      padding-left: clamp(1.875rem, -0.3522685089rem + 4.640263567vw, 4.375rem);
    }
  }
  @supports not (padding-left: clamp(1.875rem, -0.3522685089rem + 4.640263567vw, 4.375rem)) {
    .how-card {
      padding-left: calc(1.875rem + 2.5 * (100vw - 47.99875rem) / 53.87625);
    }
  }
}
@media (min-width: 101.875em) {
  .how-card {
    padding-top: 3.75rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.875rem, 0.2045486184rem + 3.4801976752vw, 3.75rem)) {
    .how-card {
      padding-top: clamp(1.875rem, 0.2045486184rem + 3.4801976752vw, 3.75rem);
    }
  }
  @supports not (padding-top: clamp(1.875rem, 0.2045486184rem + 3.4801976752vw, 3.75rem)) {
    .how-card {
      padding-top: calc(1.875rem + 1.875 * (100vw - 47.99875rem) / 53.87625);
    }
  }
}
.how-card::before {
  content: '';
  border-radius: 50px 50px 20px 20px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 90%;
  z-index: -1;
  background: url(../img/icons/how-bg.svg) 0 0 / cover no-repeat;
}
@media (max-width: 47.99875em) {
  .how-card::before {
    display: none;
  }
}
.how-card__body {
  display: grid;
  overflow: hidden;
  grid-template-rows: auto 1fr;
  border-radius: 3.125rem 1.25rem;
  border: 1px solid rgba(202, 255, 51, 0.1);
  background: url(../img/icons/card-bg.svg) 0 0 / cover no-repeat;
  border-radius: 1.25rem;
  border: 1px solid #262626;
}
@media (min-width: 101.875em) {
  .how-card__body {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__body {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .how-card__body {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__body {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .how-card__body {
    padding-left: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__body {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .how-card__body {
    padding-right: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 0.7919847328rem + 2.2900763359vw, 3.125rem)) {
    .how-card__body {
      padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__body {
    padding-right: 1.25rem;
  }
}
.how-card__head {
  display: flex;
  align-items: center;
}
@media (min-width: 101.875em) {
  .how-card__head {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) or
      (column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem))
  ) {
    .how-card__head {
      -webkit-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
      -moz-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
      column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) or
      (column-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem))
  ) {
    .how-card__head {
      -webkit-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
      -moz-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
      column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__head {
    -webkit-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
  }
}
.how-card__head:not(:last-child) {
  margin-bottom: 1.875rem;
}
.how-card__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 101.875em) {
  .how-card__icon {
    width: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .how-card__icon {
      width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (width: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .how-card__icon {
      width: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__icon {
    width: 4.375rem;
  }
}
@media (min-width: 101.875em) {
  .how-card__icon {
    height: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .how-card__icon {
      height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem);
    }
  }
  @supports not (height: clamp(4.375rem, 3.947519084rem + 2.1374045802vw, 6.125rem)) {
    .how-card__icon {
      height: calc(4.375rem + 1.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__icon {
    height: 4.375rem;
  }
}
.how-card__icon::after,
.how-card__icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.how-card__icon::before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 3.125rem;
  border: 5px solid
    linear-gradient(180deg, rgba(202, 255, 51, 0.1) -66.22%, rgba(202, 255, 51, 0.2) 85.46%);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 51, 0.1) -66.22%,
    rgba(202, 255, 51, 0) 85.46%
  );
  z-index: -1;
}
.how-card__icon::after {
  content: '';
  width: 72px;
  height: 72px;
  padding: 0.5rem;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0, rgba(202, 255, 51, 0) 100%);
  z-index: -2;
}
@media (min-width: 101.875em) {
  .how-card__icon img {
    width: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .how-card__icon img {
      width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (width: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .how-card__icon img {
      width: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__icon img {
    width: 1.75rem;
  }
}
@media (min-width: 101.875em) {
  .how-card__icon img {
    height: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .how-card__icon img {
      height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem);
    }
  }
  @supports not (height: clamp(1.75rem, 1.6583969466rem + 0.4580152672vw, 2.125rem)) {
    .how-card__icon img {
      height: calc(1.75rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__icon img {
    height: 1.75rem;
  }
}
.how-card__title {
  color: #fff;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .how-card__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .how-card__title {
      font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
    .how-card__title {
      font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .how-card__title {
    font-size: 1.125rem;
  }
}
@media (min-width: 101.875em) {
  .login {
    padding-top: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem)) {
    .login {
      padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem);
    }
  }
  @supports not (padding-top: clamp(6.875rem, 4.8902671756rem + 9.9236641221vw, 15rem)) {
    .login {
      padding-top: calc(6.875rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login {
    padding-top: 6.875rem;
  }
}
@media (min-width: 101.875em) {
  .login {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .login {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .login {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login {
    padding-bottom: 2.5rem;
  }
}
.login__wrapper {
  display: grid;
  border-radius: 1.75rem;
  border: 1px solid #262626;
  background: url(../img/login/login-bg.webp) 0 0 / cover no-repeat;
  position: relative;
}
@media (min-width: 101.875em) {
  .login__wrapper {
    padding-top: 6.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .login__wrapper {
      padding-top: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .login__wrapper {
      padding-top: calc(1.25rem + 5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__wrapper {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .login__wrapper {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .login__wrapper {
      padding-bottom: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .login__wrapper {
      padding-bottom: calc(1.25rem + 5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__wrapper {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .login__wrapper {
    padding-left: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .login__wrapper {
      padding-left: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .login__wrapper {
      padding-left: calc(1.25rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__wrapper {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .login__wrapper {
    padding-right: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .login__wrapper {
      padding-right: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .login__wrapper {
      padding-right: calc(1.25rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__wrapper {
    padding-right: 1.25rem;
  }
}
.login__wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/icons/user-action-decor.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .login__wrapper::after {
    width: 19.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(8.75rem, 6.2309160305rem + 12.5954198473vw, 19.0625rem)) {
    .login__wrapper::after {
      width: clamp(8.75rem, 6.2309160305rem + 12.5954198473vw, 19.0625rem);
    }
  }
  @supports not (width: clamp(8.75rem, 6.2309160305rem + 12.5954198473vw, 19.0625rem)) {
    .login__wrapper::after {
      width: calc(8.75rem + 10.3125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__wrapper::after {
    width: 8.75rem;
  }
}
@media (min-width: 101.875em) {
  .login__wrapper::after {
    height: 18.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(9.9375rem, 7.7848282443rem + 10.7633587786vw, 18.75rem)) {
    .login__wrapper::after {
      height: clamp(9.9375rem, 7.7848282443rem + 10.7633587786vw, 18.75rem);
    }
  }
  @supports not (height: clamp(9.9375rem, 7.7848282443rem + 10.7633587786vw, 18.75rem)) {
    .login__wrapper::after {
      height: calc(9.9375rem + 8.8125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__wrapper::after {
    height: 9.9375rem;
  }
}
.login__top {
  text-align: center;
  display: grid;
}
@media (min-width: 101.875em) {
  .login__top {
    row-gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .login__top {
      row-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
    }
  }
  @supports not (row-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .login__top {
      row-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__top {
    row-gap: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .login__top:not(:last-child) {
    margin-bottom: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .login__top:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .login__top:not(:last-child) {
      margin-bottom: calc(1.875rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .login__top:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.user-action__forms {
  max-width: 64.125rem;
  margin: 0 auto;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(21.25rem, 1fr));
}
@media (max-width: 47.99875em) {
  .user-action__forms {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 101.875em) {
  .user-action__forms {
    gap: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .user-action__forms {
      gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .user-action__forms {
      gap: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__forms {
    gap: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__forms:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5rem, 1.2557251908rem + 1.2213740458vw, 2.5rem)) {
    .user-action__forms:not(:last-child) {
      margin-bottom: clamp(1.5rem, 1.2557251908rem + 1.2213740458vw, 2.5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5rem, 1.2557251908rem + 1.2213740458vw, 2.5rem)) {
    .user-action__forms:not(:last-child) {
      margin-bottom: calc(1.5rem + 1 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__forms:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.user-action__form {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 0.375rem;
  -moz-column-gap: 0.375rem;
  column-gap: 0.375rem;
  border-radius: 88px;
  border: 1px solid #262626;
  background-color: #1a1a1a;
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-top: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-top: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem);
    }
  }
  @supports not (padding-top: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-top: calc(1rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-top: 1rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-bottom: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem);
    }
  }
  @supports not (padding-bottom: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-bottom: calc(1rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-bottom: 1rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-left: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-left: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem);
    }
  }
  @supports not (padding-left: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-left: calc(1rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-left: 1rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-right: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-right: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem);
    }
  }
  @supports not (padding-right: clamp(1rem, 0.9389312977rem + 0.3053435115vw, 1.25rem)) {
    .user-action__form {
      padding-right: calc(1rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-right: 1rem;
  }
}
.user-action__input {
  width: 100%;
  padding: 0.25rem;
}
.user-action__input ::-webkit-input-placeholder {
  font-weight: 300;
  line-height: 150%;
}
.user-action__input :-ms-input-placeholder {
  font-weight: 300;
  line-height: 150%;
}
.user-action__input ::-ms-input-placeholder {
  font-weight: 300;
  line-height: 150%;
}
.user-action__input ::placeholder {
  font-weight: 300;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .user-action__input ::-webkit-input-placeholder {
    font-size: 1.125rem;
  }
  .user-action__input :-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .user-action__input ::-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .user-action__input ::placeholder {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__input ::-webkit-input-placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
    .user-action__input :-ms-input-placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
    .user-action__input ::-ms-input-placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
    .user-action__input ::placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__input ::-webkit-input-placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
    .user-action__input :-ms-input-placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
    .user-action__input ::-ms-input-placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
    .user-action__input ::placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__input ::-webkit-input-placeholder {
    font-size: 1rem;
  }
  .user-action__input :-ms-input-placeholder {
    font-size: 1rem;
  }
  .user-action__input ::-ms-input-placeholder {
    font-size: 1rem;
  }
  .user-action__input ::placeholder {
    font-size: 1rem;
  }
}
.user-action__see-pass {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  justify-content: center;
}
.user-action__bottom {
  max-width: 30rem;
  display: grid;
  margin: 0 auto;
}
.user-action__pass-recovery {
  text-align: center;
  color: #fff;
  line-height: 150%;
  text-decoration: underline;
}
@media (min-width: 101.875em) {
  .user-action__pass-recovery {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__pass-recovery {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__pass-recovery {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__pass-recovery {
    font-size: 0.875rem;
  }
}
@media (any-hover: hover) {
  .user-action__pass-recovery:hover {
    text-decoration: none;
  }
}
@media (min-width: 101.875em) {
  .user-action__pass-recovery:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem)) {
    .user-action__pass-recovery:not(:last-child) {
      margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem)) {
    .user-action__pass-recovery:not(:last-child) {
      margin-bottom: calc(1.5625rem + 0.9375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__pass-recovery:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.user-action__buttons:not(:last-child) {
  margin-bottom: 1.5rem;
}
.user-action__text {
  width: 100%;
  -webkit-column-gap: 0.3125rem;
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  line-height: 150%;
  position: relative;
}
@media (min-width: 101.875em) {
  .user-action__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__text {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__text {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .user-action__text:not(:last-child) {
      margin-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .user-action__text:not(:last-child) {
      margin-bottom: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__text:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.user-action__text::after,
.user-action__text::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25%;
  height: 0.0625rem;
  background-color: #fff;
}
.user-action__text::after {
  content: '';
  right: 0;
}
.user-action__text::before {
  content: '';
  left: 0;
}
.form-btn {
  display: grid;
  row-gap: 1.5rem;
}
.form-btn__item {
  text-align: center;
  border-radius: 3.9375rem;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-top: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-bottom: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-right: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-right: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-right: calc(1.5rem + -0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-right: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-left: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-left: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-left: calc(1.5rem + -0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-left: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.2805343511rem + -0.1526717557vw, 1.25rem)) {
    .form-btn__item {
      font-size: clamp(1.125rem, 1.2805343511rem + -0.1526717557vw, 1.25rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.2805343511rem + -0.1526717557vw, 1.25rem)) {
    .form-btn__item {
      font-size: calc(1.25rem + -0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    font-size: 1.25rem;
  }
}
.form-btn__item--log {
  color: #1c1c1c;
  background: #b094dd;
  transition: background-color 0.3s;
  border: 1px solid transparent;
}
@media (any-hover: hover) {
  .form-btn__item--log:hover {
    background-color: #a7d91d;
  }
}
.form-btn__item--reg {
  color: #fff;
  border: 1px solid #333;
  background-color: #262626;
  transition: border 0.3s;
}
@media (any-hover: hover) {
  .form-btn__item--reg:hover {
    border: 1px solid #fff;
  }
}
.method {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 0.4375rem;
}
@media (min-width: 101.875em) {
  .method {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) or
      (column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem))
  ) {
    .method {
      -webkit-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
      -moz-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
      column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) or
      (column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem))
  ) {
    .method {
      -webkit-column-gap: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
      -moz-column-gap: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
      column-gap: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
.method__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 101.875em) {
  .method__item {
    width: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      width: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem);
    }
  }
  @supports not (width: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      width: calc(4.0625rem + 2.0625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item {
    width: 4.0625rem;
  }
}
@media (min-width: 101.875em) {
  .method__item {
    height: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      height: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem);
    }
  }
  @supports not (height: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      height: calc(4.0625rem + 2.0625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item {
    height: 4.0625rem;
  }
}
.method__item::after,
.method__item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.method__item::before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 3.125rem;
  border: 5px solid
    linear-gradient(180deg, rgba(202, 255, 51, 0.1) -66.22%, rgba(202, 255, 51, 0.2) 85.46%);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 51, 0.1) -66.22%,
    rgba(202, 255, 51, 0) 85.46%
  );
}
.method__item::after {
  content: '';
  width: 72px;
  height: 72px;
  padding: 0.5rem;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0, rgba(202, 255, 51, 0) 100%);
}
.method__item--google .icon-google {
  z-index: 3;
  color: #b094dd;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .method__item--google .icon-google {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--google .icon-google {
      font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--google .icon-google {
      font-size: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item--google .icon-google {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .method__item--google .icon-google:hover {
    color: #a7d91d;
  }
}
.method__item--facebook .icon-facebook {
  z-index: 3;
  color: #b094dd;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .method__item--facebook .icon-facebook {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--facebook .icon-facebook {
      font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--facebook .icon-facebook {
      font-size: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item--facebook .icon-facebook {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .method__item--facebook .icon-facebook:hover {
    color: #a7d91d;
  }
}
.method__item--apple .icon-apple {
  z-index: 3;
  color: #b094dd;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .method__item--apple .icon-apple {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--apple .icon-apple {
      font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--apple .icon-apple {
      font-size: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item--apple .icon-apple {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .method__item--apple .icon-apple:hover {
    color: #a7d91d;
  }
}
@media (min-width: 101.875em) {
  .reg {
    padding-top: 15.625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(6.875rem, 4.7375954198rem + 10.6870229008vw, 15.625rem)) {
    .reg {
      padding-top: clamp(6.875rem, 4.7375954198rem + 10.6870229008vw, 15.625rem);
    }
  }
  @supports not (padding-top: clamp(6.875rem, 4.7375954198rem + 10.6870229008vw, 15.625rem)) {
    .reg {
      padding-top: calc(6.875rem + 8.75 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg {
    padding-top: 6.875rem;
  }
}
@media (min-width: 101.875em) {
  .reg {
    padding-bottom: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .reg {
      padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem);
    }
  }
  @supports not (padding-bottom: clamp(2.5rem, 0.820610687rem + 8.3969465649vw, 9.375rem)) {
    .reg {
      padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg {
    padding-bottom: 2.5rem;
  }
}
.reg__wrapper {
  display: grid;
  border-radius: 1.75rem;
  border: 1px solid #262626;
  background: url(../img/login/login-bg.webp) 0 0 / cover no-repeat;
  position: relative;
  overflow: hidden;
}
@media (min-width: 101.875em) {
  .reg__wrapper {
    padding-top: 6.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .reg__wrapper {
      padding-top: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem);
    }
  }
  @supports not (padding-top: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .reg__wrapper {
      padding-top: calc(1.25rem + 5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__wrapper {
    padding-top: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .reg__wrapper {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .reg__wrapper {
      padding-bottom: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem);
    }
  }
  @supports not (padding-bottom: clamp(1.25rem, 0.0286259542rem + 6.106870229vw, 6.25rem)) {
    .reg__wrapper {
      padding-bottom: calc(1.25rem + 5 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__wrapper {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .reg__wrapper {
    padding-left: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .reg__wrapper {
      padding-left: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .reg__wrapper {
      padding-left: calc(1.25rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__wrapper {
    padding-left: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .reg__wrapper {
    padding-right: 9.375rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .reg__wrapper {
      padding-right: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, -0.7347328244rem + 9.9236641221vw, 9.375rem)) {
    .reg__wrapper {
      padding-right: calc(1.25rem + 8.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__wrapper {
    padding-right: 1.25rem;
  }
}
.reg__wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  -webkit-transform: translateX(12%);
  transform: translateX(12%);
  right: 0;
  background: url(../img/icons/user-action-decor.svg) 0 0 / contain no-repeat;
}
@media (min-width: 101.875em) {
  .reg__wrapper::after {
    width: 19.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(8.75rem, 6.2309160305rem + 12.5954198473vw, 19.0625rem)) {
    .reg__wrapper::after {
      width: clamp(8.75rem, 6.2309160305rem + 12.5954198473vw, 19.0625rem);
    }
  }
  @supports not (width: clamp(8.75rem, 6.2309160305rem + 12.5954198473vw, 19.0625rem)) {
    .reg__wrapper::after {
      width: calc(8.75rem + 10.3125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__wrapper::after {
    width: 8.75rem;
  }
}
@media (min-width: 101.875em) {
  .reg__wrapper::after {
    height: 18.75rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(9.9375rem, 7.7848282443rem + 10.7633587786vw, 18.75rem)) {
    .reg__wrapper::after {
      height: clamp(9.9375rem, 7.7848282443rem + 10.7633587786vw, 18.75rem);
    }
  }
  @supports not (height: clamp(9.9375rem, 7.7848282443rem + 10.7633587786vw, 18.75rem)) {
    .reg__wrapper::after {
      height: calc(9.9375rem + 8.8125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__wrapper::after {
    height: 9.9375rem;
  }
}
.reg__top {
  text-align: center;
  display: grid;
}
@media (min-width: 101.875em) {
  .reg__top {
    row-gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (row-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .reg__top {
      row-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem);
    }
  }
  @supports not (row-gap: clamp(0.625rem, 0.4723282443rem + 0.7633587786vw, 1.25rem)) {
    .reg__top {
      row-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__top {
    row-gap: 0.625rem;
  }
}
@media (min-width: 101.875em) {
  .reg__top:not(:last-child) {
    margin-bottom: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .reg__top:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.875rem, 1.1116412214rem + 3.8167938931vw, 5rem)) {
    .reg__top:not(:last-child) {
      margin-bottom: calc(1.875rem + 3.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .reg__top:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.user-action__forms {
  max-width: 64.125rem;
  margin: 0 auto;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(21.25rem, 1fr));
}
@media (max-width: 47.99875em) {
  .user-action__forms {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 101.875em) {
  .user-action__forms {
    gap: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .user-action__forms {
      gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem);
    }
  }
  @supports not (gap: clamp(1.25rem, 1.0973282443rem + 0.7633587786vw, 1.875rem)) {
    .user-action__forms {
      gap: calc(1.25rem + 0.625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__forms {
    gap: 1.25rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__forms:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5rem, 1.2557251908rem + 1.2213740458vw, 2.5rem)) {
    .user-action__forms:not(:last-child) {
      margin-bottom: clamp(1.5rem, 1.2557251908rem + 1.2213740458vw, 2.5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5rem, 1.2557251908rem + 1.2213740458vw, 2.5rem)) {
    .user-action__forms:not(:last-child) {
      margin-bottom: calc(1.5rem + 1 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__forms:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.user-action__form {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  border-radius: 88px;
  border: 1px solid #262626;
  background-color: #1a1a1a;
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__form {
      padding-top: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__form {
      padding-top: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-top: 1rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__form {
      padding-bottom: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__form {
      padding-bottom: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-bottom: 1rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-left: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(0.9375rem, 0.8916984733rem + 0.2290076336vw, 1.125rem)) {
    .user-action__form {
      padding-left: clamp(0.9375rem, 0.8916984733rem + 0.2290076336vw, 1.125rem);
    }
  }
  @supports not (padding-left: clamp(0.9375rem, 0.8916984733rem + 0.2290076336vw, 1.125rem)) {
    .user-action__form {
      padding-left: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__form {
    padding-right: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(0.9375rem, 0.8916984733rem + 0.2290076336vw, 1.125rem)) {
    .user-action__form {
      padding-right: clamp(0.9375rem, 0.8916984733rem + 0.2290076336vw, 1.125rem);
    }
  }
  @supports not (padding-right: clamp(0.9375rem, 0.8916984733rem + 0.2290076336vw, 1.125rem)) {
    .user-action__form {
      padding-right: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__form {
    padding-right: 0.9375rem;
  }
}
.user-action__form.visibility {
  position: relative;
  background: 0 0;
  border: none;
  cursor: pointer;
}
.user-action__form:hover .user-action__input::-webkit-input-placeholder {
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #b094dd;
}
.user-action__form:hover .user-action__input:-ms-input-placeholder {
  -ms-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #b094dd;
}
.user-action__form:hover .user-action__input::-ms-input-placeholder {
  -ms-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #b094dd;
}
.user-action__form:hover .user-action__input::placeholder {
  transition: color 0.3s linear;
  color: #b094dd;
}
.user-action__input {
  width: 100%;
  padding: 0.5rem;
}
.user-action__input ::-webkit-input-placeholder {
  font-weight: 300;
  line-height: 150%;
}
.user-action__input :-ms-input-placeholder {
  font-weight: 300;
  line-height: 150%;
}
.user-action__input ::-ms-input-placeholder {
  font-weight: 300;
  line-height: 150%;
}
.user-action__input ::placeholder {
  font-weight: 300;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .user-action__input ::-webkit-input-placeholder {
    font-size: 1.125rem;
  }
  .user-action__input :-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .user-action__input ::-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .user-action__input ::placeholder {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__input ::-webkit-input-placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
    .user-action__input :-ms-input-placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
    .user-action__input ::-ms-input-placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
    .user-action__input ::placeholder {
      font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(1rem, 0.9694656489rem + 0.1526717557vw, 1.125rem)) {
    .user-action__input ::-webkit-input-placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
    .user-action__input :-ms-input-placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
    .user-action__input ::-ms-input-placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
    .user-action__input ::placeholder {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__input ::-webkit-input-placeholder {
    font-size: 1rem;
  }
  .user-action__input :-ms-input-placeholder {
    font-size: 1rem;
  }
  .user-action__input ::-ms-input-placeholder {
    font-size: 1rem;
  }
  .user-action__input ::placeholder {
    font-size: 1rem;
  }
}
.user-action__see-pass {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  justify-content: center;
  position: relative;
}
.user-action__see-pass.crossed::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #b3b3b3;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 50%;
}
.user-action__bottom {
  max-width: 30rem;
  display: grid;
  margin: 0 auto;
}
.user-action__pass-recovery {
  text-align: center;
  color: #fff;
  line-height: 150%;
  text-decoration: underline;
}
@media (min-width: 101.875em) {
  .user-action__pass-recovery {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__pass-recovery {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__pass-recovery {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__pass-recovery {
    font-size: 0.875rem;
  }
}
@media (any-hover: hover) {
  .user-action__pass-recovery:hover {
    text-decoration: none;
  }
}
@media (min-width: 101.875em) {
  .user-action__pass-recovery:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem)) {
    .user-action__pass-recovery:not(:last-child) {
      margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5625rem, 1.3334923664rem + 1.1450381679vw, 2.5rem)) {
    .user-action__pass-recovery:not(:last-child) {
      margin-bottom: calc(1.5625rem + 0.9375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__pass-recovery:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.user-action__buttons:not(:last-child) {
  margin-bottom: 1.5rem;
}
.user-action__text {
  width: 100%;
  -webkit-column-gap: 0.3125rem;
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  line-height: 150%;
  position: relative;
}
@media (min-width: 101.875em) {
  .user-action__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__text {
      font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (font-size: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .user-action__text {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .user-action__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (margin-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .user-action__text:not(:last-child) {
      margin-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (margin-bottom: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .user-action__text:not(:last-child) {
      margin-bottom: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .user-action__text:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.user-action__text::after,
.user-action__text::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25%;
  height: 0.0625rem;
  background-color: #fff;
}
.user-action__text::after {
  content: '';
  right: 0;
}
.user-action__text::before {
  content: '';
  left: 0;
}
.form-btn {
  display: grid;
  row-gap: 1.5rem;
}
.form-btn__item {
  border-radius: 3.9375rem;
  line-height: 150%;
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-top: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-top: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-top: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-top: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-bottom: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem);
    }
  }
  @supports not (padding-bottom: clamp(0.875rem, 0.8139312977rem + 0.3053435115vw, 1.125rem)) {
    .form-btn__item {
      padding-bottom: calc(0.875rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-right: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-right: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-right: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-right: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-right: calc(1.5rem + -0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-right: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    padding-left: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (padding-left: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-left: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem);
    }
  }
  @supports not (padding-left: clamp(1.25rem, 1.5610687023rem + -0.3053435115vw, 1.5rem)) {
    .form-btn__item {
      padding-left: calc(1.5rem + -0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    padding-left: 1.5rem;
  }
}
@media (min-width: 101.875em) {
  .form-btn__item {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.125rem, 1.2805343511rem + -0.1526717557vw, 1.25rem)) {
    .form-btn__item {
      font-size: clamp(1.125rem, 1.2805343511rem + -0.1526717557vw, 1.25rem);
    }
  }
  @supports not (font-size: clamp(1.125rem, 1.2805343511rem + -0.1526717557vw, 1.25rem)) {
    .form-btn__item {
      font-size: calc(1.25rem + -0.125 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .form-btn__item {
    font-size: 1.25rem;
  }
}
.form-btn__item--log {
  color: #1c1c1c;
  background: #b094dd;
  transition: background-color 0.3s;
  border: 1px solid transparent;
}
@media (any-hover: hover) {
  .form-btn__item--log:hover {
    background-color: #a7d91d;
  }
}
.form-btn__item--reg {
  color: #fff;
  border: 1px solid #333;
  background-color: #262626;
  transition: border 0.3s;
}
@media (any-hover: hover) {
  .form-btn__item--reg:hover {
    border: 1px solid #fff;
  }
}
.method {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 0.4375rem;
}
@media (min-width: 101.875em) {
  .method {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (
    (-moz-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) or
      (column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem))
  ) {
    .method {
      -webkit-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
      -moz-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
      column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem);
    }
  }
  @supports not (
    (-moz-column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem)) or
      (column-gap: clamp(1.25rem, 1.1889312977rem + 0.3053435115vw, 1.5rem))
  ) {
    .method {
      -webkit-column-gap: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
      -moz-column-gap: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
      column-gap: calc(1.25rem + 0.25 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}
.method__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 101.875em) {
  .method__item {
    width: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (width: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      width: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem);
    }
  }
  @supports not (width: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      width: calc(4.0625rem + 2.0625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item {
    width: 4.0625rem;
  }
}
@media (min-width: 101.875em) {
  .method__item {
    height: 6.125rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (height: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      height: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem);
    }
  }
  @supports not (height: clamp(4.0625rem, 3.5586832061rem + 2.5190839695vw, 6.125rem)) {
    .method__item {
      height: calc(4.0625rem + 2.0625 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item {
    height: 4.0625rem;
  }
}
.method__item::after,
.method__item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.method__item::before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 3.125rem;
  border: 5px solid
    linear-gradient(180deg, rgba(202, 255, 51, 0.1) -66.22%, rgba(202, 255, 51, 0.2) 85.46%);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 51, 0.1) -66.22%,
    rgba(202, 255, 51, 0) 85.46%
  );
}
.method__item::after {
  content: '';
  width: 72px;
  height: 72px;
  padding: 0.5rem;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0, rgba(202, 255, 51, 0) 100%);
}
.method__item--google .icon-google {
  z-index: 3;
  color: #b094dd;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .method__item--google .icon-google {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--google .icon-google {
      font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--google .icon-google {
      font-size: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item--google .icon-google {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .method__item--google .icon-google:hover {
    color: #a7d91d;
  }
}
.method__item--facebook .icon-facebook {
  z-index: 3;
  color: #b094dd;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .method__item--facebook .icon-facebook {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--facebook .icon-facebook {
      font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--facebook .icon-facebook {
      font-size: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item--facebook .icon-facebook {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .method__item--facebook .icon-facebook:hover {
    color: #a7d91d;
  }
}
.method__item--apple .icon-apple {
  z-index: 3;
  color: #b094dd;
  transition: color 0.3s;
}
@media (min-width: 101.875em) {
  .method__item--apple .icon-apple {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--apple .icon-apple {
      font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem);
    }
  }
  @supports not (font-size: clamp(1.5rem, 1.4083969466rem + 0.4580152672vw, 1.875rem)) {
    .method__item--apple .icon-apple {
      font-size: calc(1.5rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }
}
@media (max-width: 20em) {
  .method__item--apple .icon-apple {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .method__item--apple .icon-apple:hover {
    color: #a7d91d;
  }
}
.swiper {
  overflow: hidden;
}
.swiper-initialized {
  touch-action: pan-y;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}
.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}
.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-button-lock {
  display: none !important;
}