@charset "UTF-8";
:root {
  --color-black--rgb: 0, 0, 0;
  --color-black: #000000;
  --color-white--rgb: 255, 255, 255;
  --color-white: #ffffff;
  --color-grey-100--rgb: 235, 235, 235;
  --color-grey-100: #EBEBEB;
  --color-green-100--rgb: 15, 170, 137;
  --color-green-100: #0FAA89;
  --color-green-200--rgb: 12, 158, 146;
  --color-green-200: #0C9E92;
  --color-green-300--rgb: 0, 140, 110;
  --color-green-300: #008C6E;
  --color-blue-100--rgb: 2, 126, 167;
  --color-blue-100: #027EA7;
}

* {
  -webkit-tap-highlight-color: transparent;
}

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

* {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
@media (max-width: 899px) {
  * {
    outline: none;
  }
}

/* ===== Scrollbar (Chrome, Edge, Safari) ===== */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-white);
}

::-webkit-scrollbar-thumb {
  background: #0C9E92;
  border-radius: 20px;
  border: 2px solid #0f0f0f;
  -webkit-transition: background 0.3s ease, -webkit-transform 0.2s ease;
  transition: background 0.3s ease, -webkit-transform 0.2s ease;
  transition: background 0.3s ease, transform 0.2s ease;
  transition: background 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: #11b8aa;
}

::-webkit-scrollbar-thumb:active {
  background: #08877d;
}

/* Убираем стрелки */
::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* ===== Firefox ===== */
* {
  scrollbar-width: thin;
  scrollbar-color: #0C9E92 var(--color-white);
}

body,
input,
textarea,
button,
select {
  font-family: "Archivo", sans-serif;
}

body {
  --header: 0;
  --footer: 0;
}
body._lock {
  overflow: hidden;
}

a {
  text-decoration: none;
}

p {
  margin: 0;
}

ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

strong {
  font-weight: 500;
}

html,
body {
  position: relative;
  color: var(--color-black);
  background-color: var(--color-grey-100);
  font-family: "Archivo", sans-serif;
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}
@media (max-width: 1023px) {
  html,
  body {
    font-size: 2.083vw;
  }
}
@media (max-width: 767px) {
  html,
  body {
    font-size: 3.733vw;
    line-height: 115%;
  }
}

.container {
  max-width: 59.896vw;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1023px) {
  .container {
    padding: 0 45px;
    max-width: 100vw;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 12vw;
  }
}
.container.container-header {
  max-width: 100vw;
  padding: 0 3.125vw;
}
@media (max-width: 1023px) {
  .container.container-header {
    padding: 0 5vw;
  }
}
@media (max-width: 767px) {
  .container.container-header {
    padding: 0 12vw;
  }
}

section {
  padding: 3.333vw 0;
}
@media (max-width: 1023px) {
  section {
    padding: 5.859vw 0;
  }
}
@media (max-width: 767px) {
  section {
    padding: 12vw 0;
  }
}
section._white {
  background-color: var(--color-white);
}

h1,
.h1 {
  font-family: "Lato", sans-serif;
  margin: 0;
  font-size: 3.333vw;
  line-height: 115%;
  font-weight: 700;
}
@media (max-width: 1023px) {
  h1,
  .h1 {
    font-size: 5.469vw;
  }
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 8.533vw;
  }
}

h2,
.h2 {
  font-family: "Lato", sans-serif;
  margin: 0;
  font-size: 2.083vw;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1023px) {
  h2,
  .h2 {
    font-size: 3.646vw;
  }
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 6.4vw;
  }
}

h3,
.h3 {
  margin: 0;
  font-weight: 400;
  line-height: 115%;
  font-size: 1.25vw;
}
@media (max-width: 1023px) {
  h3,
  .h3 {
    font-size: 2.5vw;
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: 6.4vw;
  }
}

strong {
  color: var(--color-green-200);
  font-weight: 700;
}

.btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.521vw;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 6.25vw;
  background: var(--color-white);
  border: 1px solid var(--color-black);
  border-radius: 1.563vw;
  color: var(--color-black);
  font-size: 0.625vw;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0em;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .btn {
    font-size: 1.8vw;
    padding: 1vw;
    border-radius: 3vw;
    min-width: 16.276vw;
  }
}
@media (max-width: 767px) {
  .btn {
    font-size: 3.2vw;
    padding: 2.4vw;
    border-radius: 8vw;
    min-width: 33.333vw;
  }
}
html:not(.v-mobile) .btn:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
html:not(.v-mobile) .btn:focus-visible {
  background-color: var(--color-black);
  color: var(--color-white);
}

.btn.btn-bg {
  background: linear-gradient(287.77deg, #027EA7 0%, #0FAA89 100%);
  border: 1px solid var(--color-green-300);
  color: var(--color-white);
  overflow: hidden;
}
.btn.btn-bg:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(287.77deg, #027EA7, #0FAA89, #027EA7);
  background-size: 200% 200%;
  background-position: 0% 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 0;
}
html:not(.v-mobile) .btn.btn-bg:hover:before {
  opacity: 1;
  -webkit-animation: gradient-flow 6s linear infinite;
          animation: gradient-flow 6s linear infinite;
}
html:not(.v-mobile) .btn.btn-bg:focus-visible:before {
  opacity: 1;
  -webkit-animation: gradient-flow 6s linear infinite;
          animation: gradient-flow 6s linear infinite;
}

.btn.btn-2 {
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  color: var(--color-green-300);
}
html:not(.v-mobile) .btn.btn-2:hover {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  color: var(--color-white);
}
html:not(.v-mobile) .btn.btn-2:focus-visible {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  color: var(--color-white);
}

.btn.btn-3 {
  background-color: transparent;
  border: 1px solid var(--color-green-200);
  color: var(--color-black);
}
html:not(.v-mobile) .btn.btn-3:hover {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  color: var(--color-white);
}
html:not(.v-mobile) .btn.btn-3:focus-visible {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  color: var(--color-white);
}

.btn span {
  position: relative;
  z-index: 1;
}
.btn svg {
  width: 30px;
  height: auto;
}

.mix-blend-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: plus-lighter;
  background-color: var(--color-white);
  pointer-events: none;
  opacity: 0.1;
}
.mix-blend-screen._grey {
  background-color: var(--color-grey-100);
}

.animated-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  will-change: transform;
}
.animated-title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.animated-title > span > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
  -webkit-transform: translateY(110%);
          transform: translateY(110%);
}

.title-with-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.042vw;
}
@media (max-width: 1023px) {
  .title-with-icon {
    gap: 1.5vw;
  }
}
@media (max-width: 767px) {
  .title-with-icon {
    gap: 4.8vw;
  }
}
.title-with-icon:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='34' viewBox='0 0 32 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2204 24.7946C11.2204 24.7946 14.9479 24.7946 15.8095 24.7946H20.0501C22.3679 25.1431 23.7055 27.7926 23.7055 27.7926C23.7055 27.7926 23.9318 25.9671 24.5229 25.3403C25.5295 24.2727 28.61 23.7054 28.61 23.7054C28.61 23.7054 24.3391 22.1707 24.5229 20.4357C24.6513 19.2239 27.7926 18.8008 27.7926 18.8008C27.7926 18.8008 26.8471 17.2006 26.9752 16.3485C27.3237 14.0306 31.0623 10.6266 31.0623 10.6266C31.0623 10.6266 27.022 11.5266 25.3403 10.6266C24.4741 10.163 23.7055 8.17429 23.7055 8.17429C23.7055 8.17429 21.0708 12.4106 19.6183 11.444C17.9669 10.3451 21.2532 5.72201 21.2532 5.72201C21.2532 5.72201 19.5079 6.13227 18.8009 5.72201C16.9009 4.61938 15.5312 0 15.5312 0C15.5312 0 14.1615 4.61938 12.2614 5.72201C11.5544 6.13227 9.80915 5.72201 9.80915 5.72201C9.80915 5.72201 13.0954 10.3451 11.444 11.444C9.99154 12.4106 7.35687 8.17429 7.35687 8.17429C7.35687 8.17429 6.58819 10.163 5.72201 10.6266C4.04036 11.5266 0 10.6266 0 10.6266C0 10.6266 3.73861 14.0306 4.08715 16.3485C4.21527 17.2006 3.26972 18.8008 3.26972 18.8008C3.26972 18.8008 6.41106 19.2239 6.53944 20.4357C6.72324 22.1707 2.45229 23.7054 2.45229 23.7054C2.45229 23.7054 5.5328 24.2727 6.53944 25.3403C7.13055 25.9671 7.35687 27.7926 7.35687 27.7926C7.35687 27.7926 8.90256 25.1431 11.2204 24.7946Z' fill='%23008C6E'/%3E%3Crect x='14.0957' y='28.3974' width='5.36586' height='1.37773' transform='rotate(90 14.0957 28.3974)' fill='%23008C6E'/%3E%3Crect x='19.9023' y='27.0574' width='8.74223' height='1.12836' transform='rotate(-180 19.9023 27.0574)' fill='%23008C6E'/%3E%3Crect x='16.2207' y='28.3974' width='5.36586' height='1.37773' transform='rotate(90 16.2207 28.3974)' fill='%23008C6E'/%3E%3Crect x='18.3438' y='28.3974' width='5.36586' height='1.37773' transform='rotate(90 18.3438 28.3974)' fill='%23008C6E'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: 0.5vw;
  display: block;
  width: 1.667vw;
  height: 1.771vw;
}
@media (max-width: 1023px) {
  .title-with-icon:before {
    width: 4.167vw;
    height: 4.427vw;
  }
}
@media (max-width: 767px) {
  .title-with-icon:before {
    width: 8.535vw;
    height: 9.067vw;
  }
}
.title-with-icon > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.title-with-icon > span > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.604vw;
}
@media (max-width: 767px) {
  .section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3.733vw;
  }
}
@media (max-width: 1023px) {
  .section-header > * {
    width: 100%;
  }
}
.section-header-subtitle {
  text-align: right;
}
@media (max-width: 767px) {
  .section-header-subtitle {
    max-width: 54.667vw;
    margin-left: auto;
    line-height: 160%;
  }
}
.section-header-subtitle > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.section-header-subtitle > span > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gradient-hover {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.gradient-hover:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(287.77deg, #027EA7, #0FAA89, #027EA7);
  background-size: 200% 200%;
  background-position: 0% 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 0;
}
html:not(.v-mobile) .gradient-hover:hover {
  color: var(--color-white);
}
html:not(.v-mobile) .gradient-hover:hover:before {
  opacity: 1;
  -webkit-animation: gradient-flow 6s linear infinite;
          animation: gradient-flow 6s linear infinite;
}
html:not(.v-mobile) .gradient-hover:focus-visible {
  color: var(--color-white);
}
html:not(.v-mobile) .gradient-hover:focus-visible:before {
  opacity: 1;
  -webkit-animation: gradient-flow 6s linear infinite;
          animation: gradient-flow 6s linear infinite;
}

.gradient-hover.active {
  color: var(--color-white);
}
.gradient-hover.active:before {
  opacity: 1;
  -webkit-animation: gradient-flow 6s linear infinite;
          animation: gradient-flow 6s linear infinite;
}
.gradient-hover > * {
  position: relative;
  z-index: 1;
}

@-webkit-keyframes gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

@keyframes gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.563vw 0;
  z-index: 2;
}
.header::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(0);
  background: rgba(var(--color-white--rgb), 1);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  z-index: -1;
}
.header.home::before {
  backdrop-filter: blur(2px);
  background: rgba(var(--color-white--rgb), 0.48);
}
.header.scrolled::before {
  backdrop-filter: blur(0);
  background: rgba(var(--color-white--rgb), 1);
}
@media (max-width: 1023px) {
  .header {
    backdrop-filter: unset;
  }
}
@media (max-width: 767px) {
  .header {
    padding: 4.267vw 0;
  }
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.25vw;
}
@media (max-width: 1023px) {
  .header__wrapper {
    gap: 4vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .header__wrapper {
    gap: 8.533vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 10.833vw;
  width: 100%;
}
@media (max-width: 1023px) {
  .header__logo {
    max-width: 12vw;
  }
}
@media (max-width: 1023px) {
  .header__logo {
    max-width: 22vw;
  }
}
@media (max-width: 767px) {
  .header__logo {
    max-width: 35.467vw;
  }
}
.header__logo svg,
.header__logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .header__menu {
    position: fixed;
    top: 0;
    left: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    padding: 1.563vw 5vw;
    background-color: var(--color-white);
    border-radius: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .header__menu {
    padding: 4.267vw 12vw;
  }
}
@media (max-width: 1023px) {
  .header__menu._active {
    left: 0;
  }
}
.header__menu-top {
  display: none;
}
@media (max-width: 1023px) {
  .header__menu-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4vw;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .header__menu-top {
    gap: 8.533vw;
  }
}
.header__menu-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 10.833vw;
  width: 100%;
}
@media (max-width: 1023px) {
  .header__menu-logo {
    max-width: 12vw;
  }
}
@media (max-width: 1023px) {
  .header__menu-logo {
    max-width: 22vw;
  }
}
@media (max-width: 767px) {
  .header__menu-logo {
    max-width: 35.467vw;
  }
}
.header__menu-logo svg,
.header__menu-logo img {
  width: 100%;
  height: auto;
}
.header__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.083vw;
}
@media (max-width: 1023px) {
  .header__menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 8vw;
    gap: 5vw;
  }
}
@media (max-width: 767px) {
  .header__menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 14.933vw;
    gap: 11.2vw;
  }
}
.header__menu ul a {
  position: relative;
  color: var(--color-black);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 0.729vw;
}
@media (max-width: 1023px) {
  .header__menu ul a {
    font-size: 1vw;
  }
}
@media (max-width: 1023px) {
  .header__menu ul a {
    font-size: 3vw;
  }
}
@media (max-width: 767px) {
  .header__menu ul a {
    font-size: 6.4vw;
  }
}
.header__menu ul a:before {
  content: "";
  position: absolute;
  top: 110%;
  left: 50%;
  height: 1px;
  width: 0;
  background-color: var(--color-green-100);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.header__menu ul a.active {
  color: var(--color-green-100);
}
.header__menu ul a.active:before {
  left: 0;
  width: 100%;
}
html:not(.v-mobile) .header__menu ul a:hover {
  color: var(--color-green-100);
}
html:not(.v-mobile) .header__menu ul a:hover:before {
  left: 0;
  width: 100%;
}
html:not(.v-mobile) .header__menu ul a:focus-visible {
  color: var(--color-green-100);
}
html:not(.v-mobile) .header__menu ul a:focus-visible:before {
  left: 0;
  width: 100%;
}

.header__menu-buttons {
  display: none;
}
@media (max-width: 767px) {
  .header__menu-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 11.2vw;
  }
}
.header__menu-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3vw;
}
@media (max-width: 767px) {
  .header__menu-close {
    width: 5vw;
  }
}
.header__menu-close svg {
  width: 100%;
  height: auto;
}
.header__left {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.042vw;
}
@media (max-width: 1023px) {
  .header__left {
    gap: 2.605vw;
  }
}
.header__lang {
  position: relative;
  margin-right: 2.083vw;
  cursor: pointer;
  font-size: 0.729vw;
  line-height: 100%;
}
@media (max-width: 1023px) {
  .header__lang {
    font-size: 1.823vw;
    margin-left: auto;
    margin-right: 2.083vw;
  }
}
@media (max-width: 767px) {
  .header__lang {
    font-size: 4vw;
  }
}
.header__lang span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.26vw;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 1023px) {
  .header__lang span {
    gap: 1.067vw;
  }
}
.header__lang:hover span {
  color: var(--color-green-300);
}

.header__lang span:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29479 5.29289C5.68531 5.68342 6.31848 5.68342 6.709 5.29289L10.3893 1.61262C10.9844 1.01752 10.5629 4.03324e-07 9.72131 3.66537e-07C9.47077 3.55585e-07 9.23049 0.0995257 9.05334 0.276682L6.709 2.62102C6.31848 3.01154 5.68531 3.01154 5.29479 2.62102L2.95045 0.276682C2.77329 0.0995253 2.53302 5.23261e-08 2.28248 4.13748e-08C1.44089 4.58754e-09 1.01942 1.01752 1.61451 1.61262L5.29479 5.29289Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 0.625vw;
  height: 0.313vw;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 1023px) {
  .header__lang span:after {
    width: 1.27vw;
    height: 0.635vw;
  }
}
@media (max-width: 767px) {
  .header__lang span:after {
    width: 2.6vw;
    height: 1.3vw;
  }
}
.header__lang:hover span:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29479 5.29289C5.68531 5.68342 6.31848 5.68342 6.709 5.29289L10.3893 1.61262C10.9844 1.01752 10.5629 4.03324e-07 9.72131 3.66537e-07C9.47077 3.55585e-07 9.23049 0.0995257 9.05334 0.276682L6.709 2.62102C6.31848 3.01154 5.68531 3.01154 5.29479 2.62102L2.95045 0.276682C2.77329 0.0995253 2.53302 5.23261e-08 2.28248 4.13748e-08C1.44089 4.58754e-09 1.01942 1.01752 1.61451 1.61262L5.29479 5.29289Z' fill='%23008C6E'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header__lang-list {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.header__lang:hover .header__lang-list {
  display: block;
  opacity: 1;
  visibility: visible;
}

.header__lang-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.6vw;
  color: var(--color-black);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 1023px) {
  .header__lang-list a {
    margin-top: 1vw;
  }
}
@media (max-width: 767px) {
  .header__lang-list a {
    margin-top: 2.133vw;
  }
}
html:not(.v-mobile) .header__lang-list a:hover {
  color: var(--color-green-100);
}
html:not(.v-mobile) .header__lang-list a:focus-visible {
  color: var(--color-green-100);
}

@media (max-width: 767px) {
  .header__btn._desk {
    display: none;
  }
}
.header__burger {
  display: none;
}
@media (max-width: 1023px) {
  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 6vw;
  }
}
@media (max-width: 767px) {
  .header__burger {
    width: 8vw;
  }
}
.header__burger svg {
  width: 100%;
  height: auto;
}

.cta {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 3.75vw;
  right: 2.396vw;
  width: 7.135vw;
  height: 7.135vw;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1023px) {
  .cta {
    bottom: 1.5vw;
    right: 4.2vw;
    width: 13vw;
    height: 13vw;
  }
}
@media (max-width: 767px) {
  .cta {
    bottom: 10.667vw;
    right: 3.2vw;
    width: 26.667vw;
    height: 26.667vw;
  }
}
.cta-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: infinity-rotation 18s linear infinite;
          animation: infinity-rotation 18s linear infinite;
}
@-webkit-keyframes infinity-rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes infinity-rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.cta-image {
  width: 4.375vw;
  height: 4.375vw;
}
@media (max-width: 1023px) {
  .cta-image {
    width: 8.375vw;
    height: 8.375vw;
  }
}
@media (max-width: 767px) {
  .cta-image {
    width: 15vw;
    height: 15vw;
  }
}

.banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body.home .banner {
  padding: 0;
}
@media (max-width: 767px) {
  body.home .banner {
    padding-top: 24vw;
    padding-bottom: 12vw;
  }
}

.banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .banner__wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.banner__inner {
  width: 100%;
  max-width: 20.208vw;
}
@media (max-width: 1023px) {
  .banner__inner {
    max-width: 100%;
  }
}
body.home .banner__inner {
  max-width: 33.021vw;
  padding-top: 13.281vw;
  padding-bottom: 15.729vw;
}
@media (max-width: 1023px) {
  body.home .banner__inner {
    max-width: 56vw;
    padding-bottom: 20vw;
  }
}
@media (max-width: 767px) {
  body.home .banner__inner {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
  }
}

.banner__title {
  width: 100%;
}
.banner__text {
  max-width: 21.875vw;
  margin-top: 0.938vw;
}
@media (max-width: 1023px) {
  .banner__text {
    margin-top: 1vw;
    max-width: 44vw;
  }
}
@media (max-width: 767px) {
  .banner__text {
    margin-top: 9.333vw;
    max-width: 100%;
  }
}
.banner__text > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.banner__text > span > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.banner__buttons {
  margin-top: 2.292vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.313vw;
}
@media (max-width: 1023px) {
  .banner__buttons {
    gap: 1.465vw;
  }
}
@media (max-width: 767px) {
  .banner__buttons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 9.333vw;
    gap: 3vw;
  }
}
.banner__box {
  position: relative;
  width: 100%;
  max-width: 27.76vw;
}
@media (max-width: 1023px) {
  .banner__box {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .banner__box {
    position: relative;
    max-width: 100%;
    margin-top: 12vw;
  }
}
body.home .banner__box {
  position: absolute;
  top: 0;
  right: 2.604vw;
  width: 100%;
  max-width: 45.677vw;
}
@media (max-width: 1023px) {
  body.home .banner__box {
    max-width: 46vw;
    right: 0;
  }
}
@media (max-width: 767px) {
  body.home .banner__box {
    position: relative;
    max-width: 100%;
    right: unset;
    margin-top: 0;
  }
}

.banner__box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .banner__box-bg {
    left: -12vw;
    width: calc(100% + 24vw);
  }
}
.banner__box-bg svg,
.banner__box-bg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__box-logo {
  position: relative;
  margin: 6.51vw auto 2.344vw;
  max-width: 6.875vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 1023px) {
  .banner__box-logo {
    max-width: 11vw;
    margin: 12vw auto 3vw;
  }
}
@media (max-width: 767px) {
  .banner__box-logo {
    margin: 20.267vw auto 9.333vw;
    max-width: 14.667vw;
  }
}
.banner__box-logo img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.banner__box-logo img.animated {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.banner__form {
  position: relative;
  border-radius: 1.563vw;
  max-width: 27.76vw;
  padding: 1.458vw 3.958vw;
  margin: 0 auto;
  inset: 0;
  background: linear-gradient(287.77deg, #027EA7, #0FAA89, #027EA7);
  background-size: 200% 200%;
  background-position: 0% 50%;
  -webkit-animation: gradient-flow 12s linear infinite;
          animation: gradient-flow 12s linear infinite;
}
@media (max-width: 1023px) {
  .banner__form {
    max-width: 38vw;
    padding: 2.5vw 2vw;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .banner__form {
    border-radius: 4.267vw;
    max-width: 100%;
    padding: 6.4vw 10.933vw;
  }
}
.banner__form-title {
  font-size: 1.25vw;
  color: var(--color-white);
  text-align: center;
}
@media (max-width: 1023px) {
  .banner__form-title {
    font-size: 2.2vw;
  }
}
@media (max-width: 767px) {
  .banner__form-title {
    font-size: 3.733vw;
  }
}
.banner__form-wrapper {
  margin-top: 1.25vw;
}
@media (max-width: 767px) {
  .banner__form-wrapper {
    margin-top: 2.667vw;
  }
}
.banner__form-row {
  position: relative;
}
.banner__form-row:not(:first-child) {
  margin-top: 1.302vw;
}
@media (max-width: 767px) {
  .banner__form-row:not(:first-child) {
    margin-top: 6.667vw;
  }
}
.banner__form-row:first-child:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='25' viewBox='0 0 23 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.2239 18.1729C8.2239 18.1729 10.9559 18.1729 11.5874 18.1729H14.6955C16.3943 18.4284 17.3747 20.3703 17.3747 20.3703C17.3747 20.3703 17.5405 19.0323 17.9738 18.5729C18.7116 17.7904 20.9694 17.3746 20.9694 17.3746C20.9694 17.3746 17.8391 16.2498 17.9738 14.9781C18.0679 14.09 20.3703 13.7799 20.3703 13.7799C20.3703 13.7799 19.6773 12.607 19.7712 11.9825C20.0266 10.2836 22.7668 7.78864 22.7668 7.78864C22.7668 7.78864 19.8055 8.44828 18.5729 7.78864C17.9381 7.44888 17.3747 5.99126 17.3747 5.99126C17.3747 5.99126 15.4436 9.09624 14.379 8.38777C13.1686 7.5823 15.5773 4.19388 15.5773 4.19388C15.5773 4.19388 14.2981 4.49459 13.7799 4.19388C12.3873 3.38572 11.3834 0 11.3834 0C11.3834 0 10.3795 3.38572 8.9869 4.19388C8.46871 4.49459 7.18952 4.19388 7.18952 4.19388C7.18952 4.19388 9.59815 7.5823 8.38777 8.38777C7.32319 9.09624 5.39214 5.99126 5.39214 5.99126C5.39214 5.99126 4.82874 7.44888 4.19388 7.78864C2.96134 8.44828 0 7.78864 0 7.78864C0 7.78864 2.74018 10.2836 2.99563 11.9825C3.08954 12.607 2.39651 13.7799 2.39651 13.7799C2.39651 13.7799 4.69892 14.09 4.79301 14.9781C4.92773 16.2498 1.79738 17.3746 1.79738 17.3746C1.79738 17.3746 4.05521 17.7904 4.79301 18.5729C5.22626 19.0323 5.39214 20.3703 5.39214 20.3703C5.39214 20.3703 6.52504 18.4284 8.2239 18.1729Z' fill='white'/%3E%3Crect x='10.3313' y='20.8136' width='3.93285' height='1.0098' transform='rotate(90 10.3313 20.8136)' fill='white'/%3E%3Crect x='14.5872' y='19.8315' width='6.40753' height='0.827021' transform='rotate(-180 14.5872 19.8315)' fill='white'/%3E%3Crect x='11.8889' y='20.8136' width='3.93285' height='1.0098' transform='rotate(90 11.8889 20.8136)' fill='white'/%3E%3Crect x='13.4448' y='20.8136' width='3.93285' height='1.0098' transform='rotate(90 13.4448 20.8136)' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.198vw;
  height: 1.302vw;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1023px) {
  .banner__form-row:first-child:before {
    width: 2.198vw;
    height: 2.302vw;
  }
}
@media (max-width: 767px) {
  .banner__form-row:first-child:before {
    width: 3.2vw;
    height: 3.733vw;
  }
}
.banner__form-label {
  color: var(--color-white);
  line-height: 125%;
}
@media (max-width: 1023px) {
  .banner__form-label {
    font-size: 1.8vw;
  }
}
@media (max-width: 767px) {
  .banner__form-label {
    font-size: 3.2vw;
  }
}
.banner__form-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.625vw;
  background-color: var(--color-white);
  border-radius: 0.313vw;
  padding: 0.521vw;
  height: 2.865vw;
}
@media (max-width: 1023px) {
  .banner__form-input {
    border-radius: 0.6vw;
    height: 4.5vw;
  }
}
@media (max-width: 767px) {
  .banner__form-input {
    margin-top: 1.6vw;
    border-radius: 1vw;
    height: 10vw;
    padding: 1.333vw;
  }
}
.banner__form-input input {
  padding: 0.26vw;
  border: none;
  outline: none;
  font-size: 0.833vw;
  width: 6.25vw;
}
@media (max-width: 1023px) {
  .banner__form-input input {
    font-size: 2vw;
    width: 12vw;
  }
}
@media (max-width: 767px) {
  .banner__form-input input {
    padding: 0.8vw;
    font-size: 3.733vw;
    width: 20vw;
  }
}
.banner__form-course {
  margin-top: 0.625vw;
  font-size: 0.625vw;
  color: var(--color-white);
}
@media (max-width: 1023px) {
  .banner__form-course {
    font-size: 1.6vw;
  }
}
@media (max-width: 767px) {
  .banner__form-course {
    margin-top: 1vw;
    font-size: 3.2vw;
  }
}
.banner__form-button {
  margin: 1.563vw auto 0;
}
@media (max-width: 767px) {
  .banner__form-button {
    margin: 5vw auto 0;
  }
}
.banner__currency {
  position: absolute;
  top: 0;
  right: 0.521vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media (max-width: 767px) {
  .banner__currency {
    right: 1vw;
  }
}
.banner__currency-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.banner__currency-item:not(.banner__currency-current) {
  padding: 0.208vw 0.417vw;
}
@media (max-width: 767px) {
  .banner__currency-item:not(.banner__currency-current) {
    padding: 0.6vw 1vw;
  }
}
html:not(.v-mobile) .banner__currency-item:not(.banner__currency-current):hover {
  background-color: rgba(var(--color-green-300--rgb), 0.4);
}
html:not(.v-mobile) .banner__currency-item:not(.banner__currency-current):focus-visible {
  background-color: rgba(var(--color-green-300--rgb), 0.4);
}

.banner__currency-item:not(.banner__currency-current).active {
  background-color: rgba(var(--color-green-300--rgb), 0.4);
}
.banner__currency-item--name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 120%;
  margin-right: 0.208vw;
  min-width: 3.646vw;
}
@media (max-width: 1023px) {
  .banner__currency-item--name {
    min-width: 7vw;
  }
}
@media (max-width: 767px) {
  .banner__currency-item--name {
    margin-right: 0;
    min-width: 16vw;
    font-size: 3.2vw;
  }
}
.banner__currency-item--name strong {
  font-weight: 600;
  line-height: 110%;
}
.banner__currency-item--name span {
  font-size: 0.521vw;
}
@media (max-width: 1023px) {
  .banner__currency-item--name span {
    font-size: 1.2vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .banner__currency-item--name span {
    font-size: 2.667vw;
    line-height: 110%;
  }
}
.banner__currency-item--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.823vw;
  height: 1.823vw;
}
@media (max-width: 1023px) {
  .banner__currency-item--icon {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 767px) {
  .banner__currency-item--icon {
    width: 10vw;
    height: 10vw;
  }
}
.banner__currency-item--icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__currency-item--arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.979vw;
  height: 1.979vw;
}
@media (max-width: 1023px) {
  .banner__currency-item--arrow {
    width: 3vw;
    height: 3vw;
  }
}
@media (max-width: 767px) {
  .banner__currency-item--arrow {
    width: 5vw;
    height: 5vw;
  }
}
.banner__currency-item--arrow svg,
.banner__currency-item--arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__currency-list {
  position: absolute;
  top: 100%;
  left: -0.417vw;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% + 0.833vw);
  border-bottom-left-radius: 0.313vw;
  border-bottom-right-radius: 0.313vw;
  z-index: 2;
  overflow: auto;
  max-height: 10.417vw;
}
@media (max-width: 1023px) {
  .banner__currency-list {
    max-height: 20vw;
  }
}
@media (max-width: 767px) {
  .banner__currency-list {
    max-height: 40vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
    left: -1vw;
    width: calc(100% + 2vw);
  }
}
.banner__currency-list:not(.active) {
  opacity: 0;
  visibility: hidden;
}

.trust {
  position: relative;
  z-index: 2;
}
.trust__grid {
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.188vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.729vw 2.188vw;
}
@media (max-width: 1023px) {
  .trust__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .trust__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 4vw;
    margin-top: 3.733vw;
  }
}
.trust__item {
  position: relative;
  padding: 0.833vw 1.458vw;
  border-radius: 0.781vw;
  background-color: var(--color-white);
  will-change: transform, opacity, filter;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .trust__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .trust__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .trust__item {
    gap: 1.302vw;
    min-height: 6.25vw;
  }
}
@media (max-width: 767px) {
  .trust__item {
    padding: 2.667vw 4.8vw;
    border-radius: 1.333vw;
    min-height: 10.667vw;
  }
}
.trust__item:nth-child(odd) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
.trust__item:nth-child(even) {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.trust__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
  height: 100%;
}
.trust__item-title {
  position: relative;
  font-size: 1.25vw;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 1;
}
@media (max-width: 1023px) {
  .trust__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .trust__item-title {
    font-size: 3.733vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .trust__item.active .trust__item-title {
    opacity: 0;
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
}

.trust__item-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 0.729vw;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 1023px) {
  .trust__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .trust__item-text {
    font-size: 3.201vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.trust__item-text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  min-height: 2.083vw;
}
.trust__item.active .trust__item-text p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

@media (max-width: 767px) {
  .trust__item-text p {
    opacity: 0;
  }
}
.trust__item-text img {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  width: 1.51vw;
  height: auto;
}
@media (max-width: 1023px) {
  .trust__item-text img {
    width: 3.125vw;
  }
}
@media (max-width: 767px) {
  .trust__item-text img {
    width: 5.333vw;
  }
}
.trust__item.active .trust__item-text img {
  -webkit-transform: translate(110%, -50%);
          transform: translate(110%, -50%);
  -webkit-filter: invert(1);
          filter: invert(1);
}

html:not(.v-mobile) .trust__item:hover p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
html:not(.v-mobile) .trust__item:hover img {
  -webkit-transform: translate(110%, -50%);
          transform: translate(110%, -50%);
  -webkit-filter: invert(1);
          filter: invert(1);
}
html:not(.v-mobile) .trust__item:focus-visible p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
html:not(.v-mobile) .trust__item:focus-visible img {
  -webkit-transform: translate(110%, -50%);
          transform: translate(110%, -50%);
  -webkit-filter: invert(1);
          filter: invert(1);
}

.platform {
  position: relative;
}
.platform__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.625vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .platform__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .platform__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 3.733vw;
  }
}
.platform__item {
  position: relative;
  overflow: hidden;
}
.platform__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.platform__item-title {
  font-family: "Lato", sans-serif;
  font-size: 1.25vw;
  background-color: var(--color-white);
  height: 6.25vw;
  z-index: 1;
  border-radius: 0.781vw;
  padding: 2.083vw 1.563vw;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  will-change: transform, opacity, filter;
}
.platform._white .platform__item-title {
  background-color: var(--color-grey-100);
}

@media (max-width: 1023px) {
  .platform__item-title {
    font-size: 2.084vw;
    line-height: 110%;
    min-height: 8.854vw;
  }
}
@media (max-width: 767px) {
  .platform__item-title {
    font-size: 6.4vw;
    line-height: 110%;
    min-height: 32vw;
    padding: 8vw 12vw 8vw 8vw;
    border-radius: 1.333vw;
  }
}
.platform__item-title:has(video) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0;
  height: 15.625vw;
}
@media (max-width: 1023px) {
  .platform__item-title:has(video) {
    height: 27vw;
  }
}
@media (max-width: 767px) {
  .platform__item-title:has(video) {
    height: auto;
    padding-bottom: 5vw;
  }
}
.platform__item-title video {
  position: relative;
  height: 10.781vw;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.platform__item:nth-child(2) video {
  mix-blend-mode: multiply;
}

.platform__item:nth-child(4) video {
  mix-blend-mode: darken;
}

@media (max-width: 1023px) {
  .platform__item-title video {
    height: 20vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 767px) {
  .platform__item-title video {
    height: 55.199vw;
    margin-bottom: 2.56vw;
  }
}
.platform__item-title .mix-blend-screen {
  mix-blend-mode: darken;
  background-color: var(--color-grey-100);
}
.platform__item:nth-child(3) .platform__item-video .mix-blend-screen {
  mix-blend-mode: hard-light;
}

.platform__item-text {
  margin-top: 0.521vw;
  background-color: var(--color-white);
  border-radius: 0.781vw;
  padding: 2.083vw 1.563vw;
  min-height: 12.083vw;
  will-change: transform, opacity;
}
@media (max-width: 1023px) {
  .platform__item-text {
    font-size: 1.563vw;
    line-height: 110%;
    min-height: 12.76vw;
  }
}
@media (max-width: 767px) {
  .platform__item-text {
    font-size: 3.734vw;
    padding: 10.667vw 8vw;
    min-height: unset;
    margin-top: 2.667vw;
    border-radius: 1.333vw;
    line-height: 160%;
  }
}
.platform._white .platform__item-text {
  background-color: var(--color-grey-100);
}

.platform__item:has(video) .platform__item-text {
  min-height: unset;
}
@media (max-width: 1023px) {
  .platform__item:has(video) .platform__item-text {
    min-height: 10vw;
  }
}
@media (max-width: 767px) {
  .platform__item:has(video) .platform__item-text {
    min-height: unset;
  }
}

.platform__item-text--wrapper {
  overflow: hidden;
}
.platform__item-text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.platform__bg {
  position: absolute;
  top: 11.458vw;
  right: 0px;
  width: 43.229vw;
  height: 43.229vw;
  z-index: 0;
}
@media (max-width: 767px) {
  .platform__bg {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    height: auto;
  }
}
.platform__bg.scroll-section {
  display: none;
}
@media (max-width: 767px) {
  .platform__bg:not(.scroll-section) {
    display: block;
  }
}
.platform__bg video {
  width: 100%;
  height: auto;
}
.platform__bg canvas {
  width: 100%;
  height: 100%;
}
.platform__bg .mix-blend-screen {
  mix-blend-mode: color-burn;
  background-color: var(--color-grey-100);
}

.otc {
  position: relative;
}
.otc__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.625vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625vw;
  z-index: 3;
}
@media (max-width: 1023px) {
  .otc__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .otc__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 9.067vw;
  }
}
.otc__item {
  position: relative;
  will-change: transform, opacity, filter;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  border-radius: 0.781vw;
}
html:not(.v-mobile) .otc__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .otc__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 767px) {
  .otc__item {
    border-radius: 1.333vw;
  }
}
.otc__item:nth-child(3):last-child {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media (max-width: 767px) {
  .otc__item:nth-child(3):last-child {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
.otc__item:nth-child(1) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
.otc__item:nth-child(2) {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.otc__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.otc__item-text {
  background-color: var(--color-white);
  padding: 2.396vw 1.667vw;
  border-radius: 0.781vw;
}
@media (max-width: 1023px) {
  .otc__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .otc__item-text {
    font-size: 3.734vw;
    padding: 10.667vw 8vw;
    border-radius: 1.333vw;
    line-height: 160%;
  }
}
.otc__item-text ul {
  list-style: disc;
  margin-left: 1.042vw;
}
@media (max-width: 1023px) {
  .otc__item-text ul {
    margin-left: 2.2vw;
  }
}
@media (max-width: 767px) {
  .otc__item-text ul {
    list-style: none;
    margin-left: 0;
  }
}
.otc__item-text ul li {
  line-height: 185%;
}
.otc__item-text ul li::marker {
  color: var(--color-green-200);
}
.otc__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 0.938vw;
  margin-top: 1.354vw;
}
@media (max-width: 1023px) {
  .otc__buttons {
    margin-top: 2.4vw;
    gap: 1.465vw;
  }
}
@media (max-width: 767px) {
  .otc__buttons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4.803vw;
    margin-top: 6.933vw;
  }
}
@media (max-width: 767px) {
  .otc__button {
    min-width: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.layer {
  position: relative;
}
body.home .layer {
  padding-bottom: 15.885vw;
}
@media (max-width: 767px) {
  body.home .layer {
    padding-bottom: 40vw;
  }
}

.layer__wrapper {
  position: relative;
  z-index: 1;
}
.layer__subtitle {
  max-width: 100%;
}
.layer__grid {
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.729vw 2.188vw;
}
@media (max-width: 1023px) {
  .layer__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .layer__grid {
    gap: 4vw;
    margin-top: 3.733vw;
  }
}
.layer__item {
  position: relative;
  padding: 0.833vw 1.458vw;
  border-radius: 0.781vw;
  background-color: var(--color-white);
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .layer__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .layer__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

.layer._white .layer__item {
  background-color: var(--color-grey-100);
}

@media (max-width: 1023px) {
  .layer__item {
    gap: 1.302vw;
    min-height: 6.25vw;
  }
}
@media (max-width: 767px) {
  .layer__item {
    padding: 6.667vw 4.8vw;
    border-radius: 1.333vw;
    min-height: 10.667vw;
  }
}
@media (max-width: 767px) {
  .layer__item.active {
    color: var(--color-black);
  }
}
@media (max-width: 767px) {
  .layer__item.active:before {
    content: none;
  }
}
.layer__item:nth-child(odd) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
.layer__item:nth-child(even) {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.layer__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
  height: 100%;
}
@media (max-width: 767px) {
  .layer__item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.667vw;
  }
}
.layer__item-title {
  position: relative;
  font-size: 1.25vw;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
@media (max-width: 1023px) {
  .layer__item-title {
    font-size: 2.084vw;
    line-height: 110%;
    gap: 1vw;
  }
}
@media (max-width: 767px) {
  .layer__item-title {
    font-size: 5.333vw;
    line-height: 110%;
    gap: 2.667vw;
  }
}
.layer__item-title span {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  font-size: 0.833vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 100%;
  background: linear-gradient(287.77deg, #027EA7 0%, #0FAA89 100%);
  color: var(--color-white);
  min-width: 1.406vw;
  max-width: 1.406vw;
  height: 1.406vw;
  line-height: 110%;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 1023px) {
  .layer__item-title span {
    font-size: 1.8vw;
    min-width: 2.8vw;
    max-width: 2.8vw;
    height: 2.8vw;
  }
}
@media (max-width: 767px) {
  .layer__item-title span {
    font-size: 4.267vw;
    min-width: 7.199vw;
    max-width: 7.199vw;
    height: 7.199vw;
  }
}
.layer__item:hover .layer__item-title span {
  background: var(--color-white);
  color: var(--color-black);
}

.layer__item-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 0.729vw;
  overflow: hidden;
  z-index: 1;
  max-width: 20.833vw;
}
@media (max-width: 1023px) {
  .layer__item-text {
    font-size: 1.563vw;
    line-height: 110%;
    max-width: 43vw;
  }
}
@media (max-width: 767px) {
  .layer__item-text {
    font-size: 3.201vw;
    width: 100%;
    height: 100%;
    max-width: unset;
  }
}
.layer__item-text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  min-height: 2.083vw;
  color: var(--color-white);
}
.layer__item.active .layer__item-text p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  color: var(--color-white);
}

@media (max-width: 767px) {
  .layer__item-text p {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    line-height: 160%;
    color: var(--color-black);
  }
}
.layer__item-text img {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  width: 1.51vw;
  height: auto;
}
@media (max-width: 1023px) {
  .layer__item-text img {
    width: 3.125vw;
  }
}
@media (max-width: 767px) {
  .layer__item-text img {
    width: 5.333vw;
    display: none;
  }
}
.layer__item.active .layer__item-text img {
  -webkit-transform: translate(110%, -50%) rotate(-45deg);
          transform: translate(110%, -50%) rotate(-45deg);
  -webkit-filter: invert(1);
          filter: invert(1);
}

html:not(.v-mobile) .layer__item:hover p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  color: var(--color-white);
}
html:not(.v-mobile) .layer__item:hover img {
  -webkit-transform: translate(110%, -150%) rotate(-45deg);
          transform: translate(110%, -150%) rotate(-45deg);
  -webkit-filter: invert(1);
          filter: invert(1);
}
html:not(.v-mobile) .layer__item:focus-visible p {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  color: var(--color-white);
}
html:not(.v-mobile) .layer__item:focus-visible img {
  -webkit-transform: translate(110%, -150%) rotate(-45deg);
          transform: translate(110%, -150%) rotate(-45deg);
  -webkit-filter: invert(1);
          filter: invert(1);
}

.layer__descr {
  margin-top: 2.396vw;
  text-align: right;
}
@media (max-width: 1023px) {
  .layer__descr {
    margin-top: 4.5vw;
  }
}
@media (max-width: 767px) {
  .layer__descr {
    margin-top: 6.4vw;
  }
}
.layer__descr > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.layer__descr > span > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layer__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 37.5vw;
  height: auto;
  z-index: 0;
}
@media (max-width: 767px) {
  .layer__bg {
    position: relative;
    width: 100%;
  }
}
.layer__bg video {
  width: 100%;
  height: 100%;
}
.layer__bg .mix-blend-screen {
  mix-blend-mode: color-burn;
  background-color: var(--color-grey-100);
}

.digital {
  position: relative;
}
.digital__subtitle {
  max-width: 100%;
}
@media (max-width: 767px) {
  .digital__subtitle {
    font-size: 3.2vw;
  }
}
.digital__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.625vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .digital__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .digital__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 9.333vw;
  }
}
.digital__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.042vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .digital__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .digital__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .digital__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .digital__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.digital__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.25vw;
}
@media (max-width: 1023px) {
  .digital__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .digital__item-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.digital__item-text {
  margin-top: 1.563vw;
}
@media (max-width: 1023px) {
  .digital__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .digital__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}

.who {
  position: relative;
}
.who__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: -webkit-max-content 0.729vw -webkit-max-content;
  -ms-grid-rows: max-content 0.729vw max-content;
  grid-template-rows: repeat(2, -webkit-max-content);
  grid-template-rows: repeat(2, max-content);
  gap: 0.729vw 0.781vw;
  z-index: 1;
}
.who__grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.who__grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.who__grid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.who__grid > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.who__grid > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.who__grid > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.who__grid > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.who__grid > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
@media (max-width: 1023px) {
  .who__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .who__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: repeat(1, -webkit-max-content);
    grid-template-rows: repeat(1, max-content);
    gap: 2.667vw;
    margin-top: 9.333vw;
  }
  .who__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.who__col {
  position: relative;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
@media (max-width: 1023px) {
  .who__col {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
@media (max-width: 767px) {
  .who__col {
    grid-column: unset;
    grid-row: unset;
  }
}
.who__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.25vw 1.563vw 1.5vw 1.042vw;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .who__item:not(:first-child):hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .who__item:not(:first-child):focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .who__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .who__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.who__col .who__item:first-child {
  position: relative;
  background-color: transparent;
  height: 100%;
  padding: 1.042vw 3.49vw 1.042vw 2.708vw;
  background-image: url("data:image/svg+xml,%3Csvg width='561' height='448' viewBox='0 0 561 448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M209.287 0.321777C209.287 0.49949 209.431 0.643555 209.609 0.643555H544.741C553.578 0.643555 560.741 7.807 560.741 16.6436V218C560.741 226.837 553.578 234 544.741 234H225.287C216.451 234 209.287 241.163 209.287 250V432C209.287 440.837 202.124 448 193.287 448H16C7.16344 448 0 440.837 0 432V16C0 7.16344 7.16344 0 16 0H208.965C209.143 0 209.287 0.144065 209.287 0.321777Z' fill='%23EDEDED'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1023px) {
  .who__col .who__item:first-child {
    background-image: none;
    background-color: var(--color-grey-100);
    padding: 1.563vw 14.49vw 1.563vw 1.563vw;
  }
}
@media (max-width: 767px) {
  .who__col .who__item:first-child {
    padding: 5.335vw;
  }
}

.who__col .who__item:last-child {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 17.3vw;
  width: 100%;
  padding: 1.25vw 1.6vw 1.5vw 1.042vw;
  display: block;
}
@media (max-width: 1023px) {
  .who__col .who__item:last-child {
    display: none;
  }
}

.who__item:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  padding-bottom: 0.64vw;
}
@media (max-width: 1023px) {
  .who__item:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    grid-row: 2/2;
    padding-bottom: 1.5vw;
  }
}
@media (max-width: 767px) {
  .who__item:nth-child(2) {
    grid-column: unset;
    grid-row: unset;
  }
}
@media (max-width: 767px) {
  .who__item:nth-child(2) {
    padding-bottom: 5.335vw;
  }
}
.who__item:nth-child(3) {
  display: none;
}
@media (max-width: 1023px) {
  .who__item:nth-child(3) {
    display: block;
  }
}
.who__item:nth-child(4) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  .who__item:nth-child(4) {
    grid-column: unset;
    grid-row: unset;
  }
}
.who__item:nth-child(5) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
@media (max-width: 1023px) {
  .who__item:nth-child(5) {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .who__item:nth-child(5) {
    grid-column: unset;
    grid-row: unset;
    padding: 0;
  }
}
.who__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.042vw;
}
@media (max-width: 1023px) {
  .who__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .who__item-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.who__item-text {
  margin-top: 1.042vw;
}
@media (max-width: 1023px) {
  .who__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .who__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}
.who__item-logo {
  position: absolute;
  bottom: 4.323vw;
  left: 1.667vw;
  width: 7.187vw;
}
@media (max-width: 1023px) {
  .who__item-logo {
    right: 1.667vw;
    width: 10.187vw;
    top: 50%;
    left: unset;
    bottom: unset;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .who__item-logo {
    position: relative;
    width: 36.8vw;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 6.4vw auto 0;
  }
}
.who__item-logo img {
  width: 100%;
  height: auto;
}
.who__item-video {
  width: 100%;
}
.who__item-video--wrapper {
  position: relative;
  width: 100%;
  padding-top: 98%;
}
.who__item-video--wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tech {
  position: relative;
}
.tech__subtitle {
  max-width: 100%;
}
@media (max-width: 767px) {
  .tech__subtitle {
    font-size: 3.2vw;
  }
}
.tech__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.625vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .tech__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .tech__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 6.933vw;
  }
}
.tech__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.042vw;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .tech__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .tech__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .tech__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .tech__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
    grid-column: unset;
  }
}
.tech__item:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media (max-width: 767px) {
  .tech__item:nth-child(4) {
    -ms-grid-column: 1;
    grid-column: 1/1;
  }
}
.tech__item:nth-child(5) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/7;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
@media (max-width: 767px) {
  .tech__item:nth-child(5) {
    -ms-grid-column: 1;
    grid-column: 1/1;
  }
}
.tech__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.25vw;
}
@media (max-width: 1023px) {
  .tech__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .tech__item-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.tech__item-text {
  margin-top: 1.563vw;
}
@media (max-width: 1023px) {
  .tech__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .tech__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}

.integration {
  position: relative;
}
.integration__subtitle {
  max-width: 100%;
}
@media (max-width: 767px) {
  .integration__subtitle {
    font-size: 3.2vw;
  }
}
.integration__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.958vw 1fr 3.958vw 1fr 3.958vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.958vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .integration__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .integration__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 12vw;
    margin-top: 9.333vw;
  }
}
.integration__item {
  position: relative;
}
@media (max-width: 767px) {
  .integration__item {
    padding: 0 6.933vw;
  }
}
.integration__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
@media (max-width: 1023px) {
  .integration__item-title {
    font-size: 2.084vw;
    line-height: 110%;
    gap: 1vw;
  }
}
@media (max-width: 767px) {
  .integration__item-title {
    font-size: 6.4vw;
    line-height: 110%;
    gap: 2.667vw;
  }
}
.integration__item-title span {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  font-size: 0.833vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 100%;
  background: linear-gradient(287.77deg, #027EA7 0%, #0FAA89 100%);
  color: var(--color-white);
  min-width: 1.406vw;
  max-width: 1.406vw;
  height: 1.406vw;
  line-height: 110%;
}
@media (max-width: 1023px) {
  .integration__item-title span {
    font-size: 1.8vw;
    min-width: 2.8vw;
    max-width: 2.8vw;
    height: 2.8vw;
  }
}
@media (max-width: 767px) {
  .integration__item-title span {
    font-size: 4.267vw;
    min-width: 7.199vw;
    max-width: 7.199vw;
    height: 7.199vw;
  }
}
.integration__item-text {
  margin-top: 1.563vw;
}
@media (max-width: 1023px) {
  .integration__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .integration__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}

.breadcrumbs {
  background-color: var(--color-white);
  padding: calc(var(--header) + 0.781vw) 0 0.833vw 0;
}
@media (max-width: 1023px) {
  .breadcrumbs {
    padding: calc(var(--header) + 1.5vw) 0 1.6vw 0;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding: calc(var(--header) + 3.999vw) 0 4.267vw 0;
  }
}
.breadcrumbs__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.breadcrumbs__back svg {
  width: 0.469vw;
  margin-right: 0.729vw;
  height: auto;
  -webkit-transition: inherit;
  transition: inherit;
}
@media (max-width: 1023px) {
  .breadcrumbs__back svg {
    width: 1vw;
    margin-right: 1.2vw;
  }
}
@media (max-width: 767px) {
  .breadcrumbs__back svg {
    width: 2.401vw;
    margin-right: 3.733vw;
  }
}
.breadcrumbs__back span {
  line-height: 100%;
  font-size: 0.521vw;
  font-weight: 600;
  color: var(--color-black);
  -webkit-transition: inherit;
  transition: inherit;
}
@media (max-width: 1023px) {
  .breadcrumbs__back span {
    font-size: 1vw;
  }
}
@media (max-width: 767px) {
  .breadcrumbs__back span {
    font-size: 2.667vw;
  }
}
html:not(.v-mobile) .breadcrumbs__back:hover svg {
  -webkit-transform: translateX(-15%);
          transform: translateX(-15%);
}
html:not(.v-mobile) .breadcrumbs__back:hover span {
  color: var(--color-green-200);
}
html:not(.v-mobile) .breadcrumbs__back:focus-visible svg {
  -webkit-transform: translateX(-15%);
          transform: translateX(-15%);
}
html:not(.v-mobile) .breadcrumbs__back:focus-visible span {
  color: var(--color-green-200);
}

.hero {
  position: relative;
  padding-top: 0;
}
.hero__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero__logo {
  width: 6.875vw;
}
@media (max-width: 1023px) {
  .hero__logo {
    width: 12vw;
  }
}
@media (max-width: 767px) {
  .hero__logo {
    width: 35.2vw;
  }
}
.hero__logo svg {
  width: 100%;
  height: auto;
}
.hero__title {
  text-align: center;
  margin-top: 3.125vw;
}
@media (max-width: 1023px) {
  .hero__title {
    margin-top: 6vw;
  }
}
@media (max-width: 767px) {
  .hero__title {
    margin-top: 8vw;
  }
}
.hero__title span {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero__text {
  text-align: center;
  margin-top: 1.042vw;
  max-width: 30.417vw;
}
@media (max-width: 1023px) {
  .hero__text {
    margin-top: 2vw;
    max-width: 60vw;
  }
}
@media (max-width: 767px) {
  .hero__text {
    margin-top: 5.335vw;
    max-width: 155.735vw;
  }
}
.hero__grid {
  position: relative;
  margin-top: 5.417vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr;
  grid-template-columns: repeat(36, 1fr);
  gap: 0.729vw 0.781vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .hero__grid {
    margin-top: 1.823vw;
    gap: 1.302vw;
  }
}
@media (max-width: 767px) {
  .hero__grid {
    -ms-grid-columns: 1fr 2.667vw 1fr 2.667vw 1fr 2.667vw 1fr 2.667vw 1fr;
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    gap: 2.667vw;
    margin-top: 0;
  }
  .hero__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hero__grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .hero__grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .hero__grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .hero__grid > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
}
.hero__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.25vw;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 2;
}
html:not(.v-mobile) .hero__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .hero__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .hero__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .hero__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.hero__item:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 18;
  grid-column: 1/19;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}
@media (max-width: 767px) {
  .hero__item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
    overflow: hidden;
    padding: 5.335vw 3.2vw;
  }
}
.hero__item:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 1.25vw;
  -ms-grid-column: 19;
  -ms-grid-column-span: 18;
  grid-column: 19/37;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  overflow: visible;
  z-index: 1;
}
@media (max-width: 767px) {
  .hero__item:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
    overflow: hidden;
    display: none;
  }
}
.hero__item:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  grid-column: 1/9;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  .hero__item:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8vw;
  }
}
.hero__item:nth-child(4) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 28;
  grid-column: 9/37;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  .hero__item:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
  }
}
.hero__item:nth-child(5) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 22;
  grid-column: 1/23;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  .hero__item:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    grid-row: unset;
  }
}
.hero__item:nth-child(6) {
  -ms-grid-column: 23;
  -ms-grid-column-span: 5;
  grid-column: 23/28;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  .hero__item:nth-child(6) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4/6;
    grid-row: unset;
  }
}
.hero__item:nth-child(7) {
  -ms-grid-column: 28;
  -ms-grid-column-span: 9;
  grid-column: 28/37;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
  padding: 0;
}
@media (max-width: 1023px) {
  .hero__item:nth-child(7) {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .hero__item:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
  }
}
.hero__item:nth-child(8) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-column: 1/10;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
}
@media (max-width: 767px) {
  .hero__item:nth-child(8) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
  }
}
.hero__item:nth-child(9) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 18;
  grid-column: 10/28;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
}
@media (max-width: 767px) {
  .hero__item:nth-child(9) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
  }
}
.hero__item:nth-child(10) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 27;
  grid-column: 10/37;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5/6;
}
@media (max-width: 767px) {
  .hero__item:nth-child(10) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
    grid-row: unset;
  }
}
@media (min-width: 768px) {
  .hero__item--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.523vw;
  }
}
.hero__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.042vw;
}
@media (max-width: 1023px) {
  .hero__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .hero__item-title {
    font-size: 5.333vw;
    line-height: 110%;
  }
}
.hero__item:nth-child(3) .hero__item-title {
  font-size: 1.25vw;
}
@media (max-width: 1023px) {
  .hero__item:nth-child(3) .hero__item-title {
    font-size: 2.5vw;
  }
}
@media (max-width: 767px) {
  .hero__item:nth-child(3) .hero__item-title {
    font-size: 6.4vw;
  }
}

@media (max-width: 1023px) {
  .hero__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .hero__item-text {
    font-size: 3.734vw;
    line-height: 160%;
  }
}
.hero__item-text:not(:first-child) {
  margin-top: 1.042vw;
}
@media (max-width: 767px) {
  .hero__item-text:not(:first-child) {
    margin-top: 8.003vw;
  }
}
@media (min-width: 768px) {
  .hero__item.hero__item--row .hero__item-text {
    margin-top: 0;
  }
}

.hero__item-logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.hero__item-logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .hero__item-logo img {
    max-width: 8vw;
  }
}
@media (max-width: 767px) {
  .hero__item-logo img {
    max-width: 27.203vw;
  }
}
.hero__item-logo span {
  font-family: "Lato", sans-serif;
  font-size: 1.25vw;
  font-weight: 700;
  color: var(--color-green-200);
  text-align: center;
  margin-top: 0.521vw;
}
@media (max-width: 1023px) {
  .hero__item-logo span {
    font-size: 2vw;
    line-height: 110%;
  }
}
@media (max-width: 1023px) {
  .hero__item-logo span {
    font-size: 6.4vw;
    line-height: 110%;
    margin-top: 2.667vw;
  }
}
.hero__item-video {
  width: 100%;
}
.hero__item-video--wrapper {
  position: relative;
  width: 100%;
  padding-top: 98%;
}
.hero__item-video--wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__item-image {
  position: relative;
  width: 100%;
}
.hero__item-image--wrapper {
  position: relative;
  width: 100%;
  padding-top: 72%;
}
.hero__item-image--wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero__bg {
  position: absolute;
  top: 14vw;
  left: -5vw;
  width: 39.375vw;
  height: auto;
  z-index: 0;
}
@media (max-width: 767px) {
  .hero__bg {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
}
.hero__bg._mob {
  display: none;
}
@media (max-width: 767px) {
  .hero__bg._mob {
    display: block;
  }
}
@media (max-width: 767px) {
  .hero__bg._desk {
    display: none;
  }
}
.hero__bg video {
  width: 100%;
  height: 100%;
}

.offramp {
  position: relative;
  overflow: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  padding-top: var(--header);
}
@media (max-width: 767px) {
  .offramp {
    overflow: visible;
  }
}
.offramp__wrapper {
  position: relative;
  z-index: 2;
}
.offramp__content {
  position: relative;
  height: 100vh;
  z-index: 1;
}
@media (max-width: 767px) {
  .offramp__content {
    height: auto;
  }
}
.offramp__top {
  position: relative;
  z-index: 3;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.offramp__subtitle {
  max-width: 100%;
}
@media (max-width: 767px) {
  .offramp__subtitle {
    font-size: 3.2vw;
  }
}
.offramp__grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-grid-columns: 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr 0.625vw 1fr;
  grid-template-columns: repeat(12, 1fr);
  gap: 0.625vw;
  height: 100vh;
  z-index: 2;
}
@media (max-width: 1023px) {
  .offramp__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .offramp__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 9.333vw;
    height: auto;
  }
}
.offramp__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.042vw 1.042vw 1.042vw 3.542vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .offramp__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .offramp__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .offramp__item {
    padding: 1.563vw 1.563vw 1.563vw 5.5vw;
  }
}
@media (max-width: 767px) {
  .offramp__item {
    padding: 5.335vw 5.335vw 5.335vw 17.335vw;
    border-radius: 1.333vw;
  }
}
.offramp__item:nth-child(1) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5/9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  .offramp__item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: auto;
  }
}
.offramp__item:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 5;
  grid-column: 2/7;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media (max-width: 767px) {
  .offramp__item:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: auto;
  }
}
.offramp__item:nth-child(3) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  grid-column: 7/12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 767px) {
  .offramp__item:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: auto;
  }
}
.offramp__item:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/7;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media (max-width: 767px) {
  .offramp__item:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: auto;
  }
}
.offramp__item:nth-child(5) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  grid-column: 7/13;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 767px) {
  .offramp__item:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: auto;
  }
}
.offramp__item-title {
  position: relative;
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
@media (max-width: 1023px) {
  .offramp__item-title {
    font-size: 2.084vw;
    line-height: 110%;
    gap: 1vw;
  }
}
@media (max-width: 767px) {
  .offramp__item-title {
    font-size: 6.4vw;
    line-height: 110%;
    gap: 2.667vw;
  }
}
.offramp__item-title span {
  position: absolute;
  top: 0.104vw;
  left: -1.979vw;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  font-size: 0.833vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 100%;
  background: linear-gradient(287.77deg, #027EA7 0%, #0FAA89 100%);
  color: var(--color-white);
  min-width: 1.406vw;
  max-width: 1.406vw;
  height: 1.406vw;
  line-height: 110%;
}
@media (max-width: 1023px) {
  .offramp__item-title span {
    font-size: 1.8vw;
    min-width: 2.8vw;
    max-width: 2.8vw;
    height: 2.8vw;
    top: 0.2vw;
    left: -4vw;
  }
}
@media (max-width: 767px) {
  .offramp__item-title span {
    font-size: 4.267vw;
    min-width: 7.199vw;
    max-width: 7.199vw;
    height: 7.199vw;
    top: 0.533vw;
    left: -10.133vw;
  }
}
.offramp__item-text {
  margin-top: 1.043vw;
}
@media (max-width: 1023px) {
  .offramp__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .offramp__item-text {
    font-size: 3.734vw;
    margin-top: 5.336vw;
    line-height: 160%;
  }
}
.offramp__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: auto;
  z-index: 1;
}
.offramp__bg._mob {
  display: none;
}
@media (max-width: 767px) {
  .offramp__bg._mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 53.333vw;
  }
}
@media (max-width: 767px) {
  .offramp__bg._desk {
    display: none;
  }
}
.offramp__bg video {
  width: auto;
  height: calc(100vh - var(--header));
}
@media (max-width: 767px) {
  .offramp__bg video {
    width: 100%;
    height: auto;
  }
}

.what {
  position: relative;
}
.what__top-item {
  max-width: 44.271vw;
  padding: 1.563vw;
  border-radius: 0.781vw;
  background-color: var(--color-grey-100);
}
@media (max-width: 1023px) {
  .what__top-item {
    padding: 1.563vw;
    max-width: 62.271vw;
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .what__top-item {
    max-width: unset;
    padding: 5.335vw;
    border-radius: 1.333vw;
    font-size: 3.734vw;
    line-height: 160%;
  }
}
.what__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.what__grid {
  position: relative;
  margin-top: 0.625vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr 0.781vw 1fr;
  grid-template-columns: repeat(11, 1fr);
  gap: 0.729vw 0.781vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .what__grid {
    margin-top: 1.823vw;
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .what__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    gap: 2.667vw;
    margin-top: 2.667vw;
  }
  .what__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.what__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.25vw 1.563vw 1.5vw 1.042vw;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 2;
}
html:not(.v-mobile) .what__item:not(:nth-child(1)):not(:nth-child(2)):hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .what__item:not(:nth-child(1)):not(:nth-child(2)):focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .what__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .what__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.what__item:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  overflow: visible;
}
@media (max-width: 767px) {
  .what__item:nth-child(1) {
    grid-column: unset;
    grid-row: unset;
    overflow: hidden;
    padding: 5.335vw 3.2vw;
  }
}
.what__item:nth-child(1):before {
  content: "";
  position: absolute;
  top: 11.7vw;
  left: 15.79vw;
  width: 100%;
  height: 20%;
  background-color: var(--color-white);
  border-radius: inherit;
  z-index: 0;
}
@media (max-width: 1023px) {
  .what__item:nth-child(1):before {
    top: 20.8vw;
    left: 22.79vw;
  }
}
@media (max-width: 767px) {
  .what__item:nth-child(1):before {
    content: none;
  }
}
.what__item:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 1.25vw;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-column: 4/6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  overflow: visible;
  z-index: 1;
}
@media (max-width: 767px) {
  .what__item:nth-child(2) {
    grid-column: unset;
    grid-row: unset;
    overflow: hidden;
    display: none;
  }
}
.what__item:nth-child(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-color: var(--color-grey-100);
  border-radius: inherit;
  z-index: 0;
}
.what__item:nth-child(2):after {
  content: "";
  position: absolute;
  top: 11.6vw;
  left: -15px;
  width: 12px;
  height: 12px;
  background-color: var(--color-grey-100);
  z-index: 0;
}
@media (max-width: 1023px) {
  .what__item:nth-child(2):after {
    top: 20.6vw;
  }
}
.what__item:nth-child(3) {
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  grid-column: 6/9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  .what__item:nth-child(3) {
    grid-column: unset;
    grid-row: unset;
  }
}
.what__item:nth-child(4) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  grid-column: 9/12;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  .what__item:nth-child(4) {
    grid-column: unset;
    grid-row: unset;
  }
}
.what__item:nth-child(5) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/7;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  .what__item:nth-child(5) {
    grid-column: unset;
    grid-row: unset;
  }
}
.what__item:nth-child(6) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-column: 7/10;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  .what__item:nth-child(6) {
    grid-column: unset;
    grid-row: unset;
  }
}
.what__item:nth-child(7) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
  grid-column: 10/12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
  padding: 0;
}
@media (max-width: 1023px) {
  .what__item:nth-child(7) {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .what__item:nth-child(7) {
    grid-column: unset;
    grid-row: unset;
  }
}
.what__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.042vw;
}
@media (max-width: 1023px) {
  .what__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .what__item-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.what__item-text {
  margin-top: 1.042vw;
}
@media (max-width: 1023px) {
  .what__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .what__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}
.what__item-logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.what__item:nth-child(1) .what__item-logo {
  display: none;
}
@media (max-width: 767px) {
  .what__item:nth-child(1) .what__item-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.what__item-logo img {
  width: 100%;
  max-width: 5.313vw;
  height: auto;
}
@media (max-width: 1023px) {
  .what__item-logo img {
    max-width: 8vw;
  }
}
@media (max-width: 767px) {
  .what__item-logo img {
    max-width: 27.203vw;
  }
}
.what__item-logo span {
  font-family: "Lato", sans-serif;
  font-size: 1.25vw;
  font-weight: 700;
  color: var(--color-green-200);
  text-align: center;
  margin-top: 0.521vw;
}
@media (max-width: 1023px) {
  .what__item-logo span {
    font-size: 2vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .what__item-logo span {
    font-size: 6.4vw;
    line-height: 110%;
    margin-top: 2.667vw;
  }
}
.what__item-video {
  width: 100%;
}
.what__item-video--wrapper {
  position: relative;
  width: 100%;
  padding-top: 98%;
}
.what__item-video--wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.what__item-image {
  position: relative;
  width: 100%;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
@media (max-width: 1023px) {
  .what__item-image {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@media (max-width: 767px) {
  .what__item-image {
    height: 47.467vw;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.what__item-image--wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
@media (max-width: 767px) {
  .what__item-image--wrapper {
    position: absolute;
    top: -2.667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40.533vw;
    padding-top: 0;
  }
}
.what__item-image--wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .what__item-image--wrapper img {
    position: relative;
    top: unset;
    left: unset;
    height: 100%;
    -o-object-fit: unset;
       object-fit: unset;
  }
}

.options {
  position: relative;
}
.options__subtitle {
  max-width: 22.24vw;
}
@media (max-width: 1023px) {
  .options__subtitle {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .options__subtitle {
    font-size: 3.2vw;
  }
}
.options__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.625vw 2fr 0.625vw 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 0.625vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .options__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .options__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 9.333vw;
  }
}
.options__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.042vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .options__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .options__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .options__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .options__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.options__item:nth-child(1) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
.options__item:nth-child(3) {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.options__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.25vw;
}
@media (max-width: 1023px) {
  .options__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .options__item-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.options__item-text {
  margin-top: 1.563vw;
}
@media (max-width: 1023px) {
  .options__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .options__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}

.framework {
  position: relative;
  padding-bottom: 6.666vw;
}
@media (max-width: 1023px) {
  .framework {
    padding-bottom: 11.718vw;
  }
}
@media (max-width: 767px) {
  .framework {
    padding-bottom: 24vw;
  }
}
.framework__subtitle {
  max-width: 100%;
}
@media (max-width: 767px) {
  .framework__subtitle {
    font-size: 3.2vw;
  }
}
.framework__grid {
  position: relative;
  margin-top: 3.333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.938vw 1fr 0.938vw 1fr 0.938vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.938vw;
  z-index: 1;
}
@media (max-width: 1023px) {
  .framework__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .framework__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
    margin-top: 9.333vw;
  }
}
.framework__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.458vw;
  border-radius: 0.781vw;
  padding: 1.042vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  overflow: hidden;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.framework__block:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(287.77deg, #027EA7, #0FAA89, #027EA7);
  background-size: 200% 200%;
  background-position: 0% 50%;
  -webkit-animation: gradient-flow 6s linear infinite;
          animation: gradient-flow 6s linear infinite;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 0;
}
html:not(.v-mobile) .framework__block:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .framework__block:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .framework__block {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .framework__block {
    padding: 5.335vw;
    border-radius: 1.333vw;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: auto;
  }
}
.framework__block-title {
  position: relative;
  font-family: "Lato", sans-serif;
  color: var(--color-white);
  font-weight: 400;
  line-height: 100%;
  font-size: 2.083vw;
  text-align: center;
  z-index: 1;
}
@media (max-width: 1023px) {
  .framework__block-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .framework__block-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.framework__block-logo {
  position: relative;
  z-index: 1;
}
.framework__item {
  position: relative;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.042vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .framework__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .framework__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .framework__item {
    padding: 1.563vw;
  }
}
@media (max-width: 767px) {
  .framework__item {
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.framework__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  font-size: 1.25vw;
  min-height: 3.125vw;
}
@media (max-width: 1023px) {
  .framework__item-title {
    font-size: 2.084vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .framework__item-title {
    font-size: 6.4vw;
    line-height: 110%;
  }
}
.framework__item-text {
  margin-top: 1.251vw;
}
@media (max-width: 1023px) {
  .framework__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .framework__item-text {
    font-size: 3.734vw;
    margin-top: 8.003vw;
    line-height: 160%;
  }
}

.otcUse__grid {
  display: -ms-grid;
  display: grid;
  gap: 0.781vw;
  margin-top: 3.333vw;
}
@media (max-width: 767px) {
  .otcUse__grid {
    gap: 2.667vw;
    margin-top: 9.6vw;
  }
}
.otcUse__item {
  max-width: 49.479vw;
  width: 100%;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.604vw;
  background-color: var(--color-grey-100);
  border-radius: 0.781vw;
  padding: 1.563vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .otcUse__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .otcUse__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 1023px) {
  .otcUse__item {
    padding: 3vw;
    max-width: 80vw;
  }
}
@media (max-width: 767px) {
  .otcUse__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    gap: 6.4vw;
    padding: 5.335vw;
    border-radius: 1.333vw;
  }
}
.otcUse__item:nth-child(even) {
  margin-left: auto;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.otcUse__item-title {
  font-size: 1.667vw;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .otcUse__item-title {
    font-size: 3vw;
  }
}
@media (max-width: 1023px) {
  .otcUse__item-title {
    font-size: 5.333vw;
    line-height: 115%;
  }
}
.otcUse__item-text {
  font-size: 1.25vw;
  max-width: 13.542vw;
  line-height: 160%;
}
@media (max-width: 1023px) {
  .otcUse__item-text {
    font-size: 2.5vw;
    max-width: 30vw;
  }
}
@media (max-width: 1023px) {
  .otcUse__item-text {
    font-size: 4.267vw;
    max-width: 100%;
  }
}
.otcUse__button {
  margin: 3.958vw auto 0;
}

.texted__logo {
  width: 4.167vw;
}
@media (max-width: 1023px) {
  .texted__logo {
    width: 8vw;
  }
}
@media (max-width: 767px) {
  .texted__logo {
    width: 21.335vw;
  }
}
.texted__logo svg,
.texted__logo img {
  width: 100%;
  height: auto;
}
.texted__title {
  margin-top: 0.625vw;
}
@media (max-width: 1023px) {
  .texted__title {
    margin-top: 1.2vw;
  }
}
@media (max-width: 767px) {
  .texted__title {
    margin-top: 3.2vw;
  }
}
.texted__text {
  margin-top: 2.344vw;
}
@media (max-width: 1023px) {
  .texted__text {
    margin-top: 4.4vw;
  }
}
@media (max-width: 767px) {
  .texted__text {
    margin-top: 2.344vw;
  }
}
.texted__text > * + p {
  margin-top: 0.833vw;
}
@media (max-width: 1023px) {
  .texted__text > * + p {
    margin-top: 1.4vw;
  }
}
@media (max-width: 767px) {
  .texted__text > * + p {
    margin-top: 0.833vw;
  }
}
.texted__text > * + h3 {
  margin-top: 1.563vw;
}
@media (max-width: 1023px) {
  .texted__text > * + h3 {
    margin-top: 3vw;
  }
}
@media (max-width: 767px) {
  .texted__text > * + h3 {
    margin-top: 1.563vw;
  }
}
.texted__text h3 {
  color: var(--color-green-200);
  font-weight: 600;
}
.texted__text ul {
  list-style: disc;
  margin-left: 1.25vw;
}
@media (max-width: 1023px) {
  .texted__text ul {
    margin-left: 2.2vw;
  }
}
@media (max-width: 767px) {
  .texted__text ul {
    margin-left: 1.25vw;
  }
}
.texted__text ol {
  list-style: decimal;
  margin-left: 1.25vw;
}
@media (max-width: 1023px) {
  .texted__text ol {
    margin-left: 2.2vw;
  }
}
@media (max-width: 767px) {
  .texted__text ol {
    margin-left: 1.25vw;
  }
}
.texted__text a {
  color: var(--color-green-200);
  text-decoration: underline;
}
html:not(.v-mobile) .texted__text a:hover {
  text-decoration: none;
}
html:not(.v-mobile) .texted__text a:focus-visible {
  text-decoration: none;
}

.footer {
  position: relative;
  padding-top: 4.792vw;
  background-color: #ECECEC;
}
@media (max-width: 767px) {
  .footer {
    padding-top: 8.533vw;
  }
}
.footer__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 1.354vw;
  z-index: 1;
}
@media (max-width: 767px) {
  .footer__wrapper {
    gap: 6.933vw;
    padding-top: 0;
  }
}
.footer__item {
  position: relative;
  background-color: var(--color-white);
  border-radius: 0.781vw;
  padding: 1.563vw;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
html:not(.v-mobile) .footer__item:hover {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}
html:not(.v-mobile) .footer__item:focus-visible {
  -webkit-box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
          box-shadow: 9px 6px 11px 0px rgba(var(--color-black--rgb), 0.2);
}

@media (max-width: 767px) {
  .footer__item {
    padding: 8.003vw;
    border-radius: 1.333vw;
  }
}
.footer__item-title {
  font-family: "Lato", sans-serif;
  color: var(--color-green-200);
  font-weight: 700;
  line-height: 125%;
  margin-bottom: 1.25vw;
}
@media (max-width: 1023px) {
  .footer__item-title {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .footer__item-title {
    font-size: 4.267vw;
    line-height: 110%;
    margin-bottom: 4.269vw;
  }
}
.footer__item-text {
  font-size: 0.625vw;
}
@media (max-width: 1023px) {
  .footer__item-text {
    font-size: 1.563vw;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .footer__item-text {
    font-size: 2.667vw;
    line-height: 160%;
  }
}
.footer__item-logo {
  width: 3.75vw;
  margin: 1.563vw auto 0;
}
@media (max-width: 1023px) {
  .footer__item-logo {
    width: 9.375vw;
    margin: 2.605vw auto 0;
  }
}
@media (max-width: 767px) {
  .footer__item-logo {
    width: 17.067vw;
    margin: 5.333vw auto 0;
  }
}
.footer__item-logo img {
  width: 100%;
  height: auto;
}
.footer__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.354vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.354vw;
  width: 50%;
}
@media (max-width: 1023px) {
  .footer__top {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .footer__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 6.933vw;
    width: 100%;
  }
}
.footer__descr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
  .footer__descr {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer__descr-item {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
}
@media (max-width: 767px) {
  .footer__descr-item {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
.footer__descr-item--text {
  font-size: 0.833vw;
}
@media (max-width: 1023px) {
  .footer__descr-item--text {
    font-size: 1.563vw;
    line-height: 115%;
  }
}
@media (max-width: 767px) {
  .footer__descr-item--text {
    font-size: 2.667vw;
    line-height: 160%;
  }
}
.footer__info {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
  gap: 1.25vw;
}
@media (max-width: 1023px) {
  .footer__info {
    gap: 2.604vw;
  }
}
@media (max-width: 767px) {
  .footer__info {
    gap: 6.4vw;
  }
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10.833vw;
}
@media (max-width: 1023px) {
  .footer__logo {
    width: 17.708vw;
  }
}
@media (max-width: 767px) {
  .footer__logo {
    width: 55.465vw;
  }
}
.footer__logo svg,
.footer__logo img {
  width: 100%;
  height: auto;
}
.footer__name {
  color: var(--color-green-200);
  font-weight: 500;
  line-height: 115%;
}
@media (max-width: 1023px) {
  .footer__name {
    font-size: 1.563vw;
  }
}
@media (max-width: 767px) {
  .footer__name {
    font-size: 4.267vw;
  }
}
.footer__data {
  font-size: 0.625vw;
  line-height: 175%;
  width: 9.792vw;
}
@media (max-width: 1023px) {
  .footer__data {
    font-size: 1.563vw;
    width: unset;
  }
}
@media (max-width: 767px) {
  .footer__data {
    font-size: 3.201vw;
    width: 50.135vw;
  }
}
.footer__data strong {
  color: var(--color-black);
}
.footer__button {
  width: 100%;
}
@media (max-width: 1023px) {
  .footer__button {
    font-size: 1.563vw;
  }
}
@media (max-width: 767px) {
  .footer__button {
    font-size: 3.201vw;
  }
}
.footer__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25vw;
}
@media (max-width: 767px) {
  .footer__menu ul {
    gap: 6.4vw;
  }
}
.footer__menu ul a {
  position: relative;
  color: var(--color-green-200);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 0.729vw;
}
@media (max-width: 1023px) {
  .footer__menu ul a {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  .footer__menu ul a {
    font-size: 3.733vw;
  }
}
.footer__menu ul a:before {
  content: "";
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-green-100);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
html:not(.v-mobile) .footer__menu ul a:hover {
  color: var(--color-black);
}
html:not(.v-mobile) .footer__menu ul a:hover:before {
  content: "";
  background-color: var(--color-black);
  left: 50%;
  width: 0;
}
html:not(.v-mobile) .footer__menu ul a:focus-visible {
  color: var(--color-black);
}
html:not(.v-mobile) .footer__menu ul a:focus-visible:before {
  content: "";
  background-color: var(--color-black);
  left: 50%;
  width: 0;
}

.footer__bottom-text {
  font-size: 0.833vw;
}
@media (max-width: 1023px) {
  .footer__bottom-text {
    font-size: 1.563vw;
  }
}
@media (max-width: 767px) {
  .footer__bottom-text {
    font-size: 2.667vw;
  }
}
.footer__grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.354vw 1fr 1.354vw 1fr 1.354vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.354vw;
  line-height: 115%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .footer__grid {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .footer__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 6.667vw;
  }
}
.footer__policy ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25vw;
}
@media (max-width: 1023px) {
  .footer__policy ul {
    gap: 1.823vw;
  }
}
@media (max-width: 767px) {
  .footer__policy ul {
    gap: 6.4vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer__policy ul a {
  position: relative;
  color: var(--color-green-200);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 0.729vw;
}
@media (max-width: 1023px) {
  .footer__policy ul a {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  .footer__policy ul a {
    font-size: 3.733vw;
  }
}
.footer__policy ul a:before {
  content: "";
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-green-100);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
html:not(.v-mobile) .footer__policy ul a:hover {
  color: var(--color-black);
}
html:not(.v-mobile) .footer__policy ul a:hover:before {
  content: "";
  background-color: var(--color-black);
  left: 50%;
  width: 0;
}
html:not(.v-mobile) .footer__policy ul a:focus-visible {
  color: var(--color-black);
}
html:not(.v-mobile) .footer__policy ul a:focus-visible:before {
  content: "";
  background-color: var(--color-black);
  left: 50%;
  width: 0;
}

.footer__copyright {
  margin-top: 3.229vw;
  background: linear-gradient(287.77deg, #027EA7 0%, #0FAA89 100%);
  color: var(--color-white);
  font-size: 0.521vw;
  line-height: 115%;
  padding: 1.146vw 0;
}
@media (max-width: 1023px) {
  .footer__copyright {
    font-size: 1.302vw;
  }
}
@media (max-width: 767px) {
  .footer__copyright {
    margin-top: 12vw;
    font-size: 2.667vw;
    padding: 4vw 0;
  }
}
.footer__bg {
  position: absolute;
  top: 7.344vw;
  right: 9.74vw;
  width: 34.74vw;
  z-index: 0;
}
@media (max-width: 1023px) {
  .footer__bg {
    top: 1.344vw;
    right: 5vw;
  }
}
@media (max-width: 767px) {
  .footer__bg {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
  }
}
.footer__bg video {
  width: 100%;
  height: auto;
}
.footer__bg .mix-blend-screen {
  mix-blend-mode: color-burn;
  background-color: var(--color-grey-100);
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.popup.active {
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(10px);
}
.popup__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.popup__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}
.popup__inner {
  position: relative;
  width: 100%;
  max-height: 90%;
  max-width: 34.375vw;
  padding: 2.188vw 1vw 2.188vw 2.188vw;
  background-color: var(--color-white);
  border-radius: 1.563vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  backdrop-filter: blur(10px);
  opacity: 0;
  z-index: 2;
}
.popup.active .popup__inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  backdrop-filter: blur(0);
  opacity: 1;
}

@media (max-width: 1023px) {
  .popup__inner {
    max-width: 85.938vw;
  }
}
@media (max-width: 767px) {
  .popup__inner {
    max-width: 96vw;
    padding: 12vw 2.336vw 5.336vw 5.336vw;
  }
}
.popup__close {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0.938vw;
  right: 0.938vw;
  width: 0.833vw;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .popup__close {
    top: 2.345vw;
    right: 2.345vw;
    width: 2.083vw;
  }
}
@media (max-width: 767px) {
  .popup__close {
    top: 4.803vw;
    right: 4.803vw;
    width: 4.266vw;
  }
}
html:not(.v-mobile) .popup__close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
html:not(.v-mobile) .popup__close:hover svg path {
  stroke: var(--color-green-200);
}
html:not(.v-mobile) .popup__close:focus-visible {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
html:not(.v-mobile) .popup__close:focus-visible svg path {
  stroke: var(--color-green-200);
}

.popup__close svg {
  width: 100%;
  height: auto;
  -webkit-transition: inherit;
  transition: inherit;
}
.popup__close svg path {
  -webkit-transition: inherit;
  transition: inherit;
}
.popup__content {
  overflow: auto;
  padding-right: 1vw;
}
@media (max-width: 767px) {
  .popup__content {
    padding-right: 3vw;
  }
}
.popup__title {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 115%;
  text-align: left;
}
@media (max-width: 1023px) {
  .popup__title {
    font-size: 2.4vw;
  }
}
@media (max-width: 767px) {
  .popup__title {
    font-size: 6.4vw;
  }
}
.popup__text {
  margin-top: 1.302vw;
  padding-top: 0.625vw;
  border-top: 1px solid var(--color-black);
  text-align: left;
}
@media (max-width: 1023px) {
  .popup__text {
    margin-top: 2vw;
    padding-top: 1.2vw;
  }
}
@media (max-width: 767px) {
  .popup__text {
    margin-top: 6.666vw;
    padding-top: 3.2vw;
  }
}
.popup__text strong {
  color: var(--color-black);
}
.popup__text ol {
  list-style: decimal;
  padding-left: 1.042vw;
}
@media (max-width: 1023px) {
  .popup__text ol {
    padding-left: 2.8vw;
  }
}
@media (max-width: 767px) {
  .popup__text ol {
    padding-left: 5.335vw;
  }
}
.popup__descr {
  border-top: 1px solid var(--color-black);
  margin-top: 1.302vw;
  padding-top: 0.625vw;
  font-size: 0.521vw;
  line-height: 115%;
  text-align: left;
}
@media (max-width: 1023px) {
  .popup__descr {
    font-size: 1.302vw;
    margin-top: 2vw;
    padding-top: 1.2vw;
  }
}
@media (max-width: 767px) {
  .popup__descr {
    margin-top: 6.666vw;
    padding-top: 3.2vw;
    font-size: 2.666vw;
  }
}
.popup__form {
  margin-top: 1.458vw;
}
@media (max-width: 1023px) {
  .popup__form {
    margin-top: 3vw;
  }
}
@media (max-width: 767px) {
  .popup__form {
    margin-top: 7.465vw;
  }
}
.popup__form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.042vw;
}
@media (max-width: 1023px) {
  .popup__form-wrapper {
    gap: 2vw;
  }
}
@media (max-width: 767px) {
  .popup__form-wrapper {
    gap: 5.335vw;
  }
}
.popup__form-wrapper input[type=submit] {
  margin-top: 0.26vw;
}
@media (max-width: 767px) {
  .popup__form-wrapper input[type=submit] {
    margin-top: 1.331vw;
  }
}
.popup__form-wrapper input:not([type=submit]) {
  width: 100%;
  color: var(--color-black);
  font-size: 0.833vw;
  line-height: 195%;
  border: 1px solid #D1D5DB;
  padding: 0.208vw 0.625vw;
  border-radius: 0.26vw;
  background: none;
  outline: none;
}
@media (max-width: 1023px) {
  .popup__form-wrapper input:not([type=submit]) {
    padding: 0.4vw 1.2vw;
    font-size: 2.083vw;
    border-radius: 0.65vw;
  }
}
@media (max-width: 767px) {
  .popup__form-wrapper input:not([type=submit]) {
    font-size: 4.265vw;
    padding: 1.065vw 3.2vw;
    border-radius: 1.331vw;
  }
}
.popup__form-wrapper input:not([type=submit])::-webkit-input-placeholder {
  color: #262932;
}
.popup__form-wrapper input:not([type=submit])::-moz-placeholder {
  color: #262932;
}
.popup__form-wrapper input:not([type=submit]):-ms-input-placeholder {
  color: #262932;
}
.popup__form-wrapper input:not([type=submit])::-ms-input-placeholder {
  color: #262932;
}
.popup__form-wrapper input:not([type=submit])::placeholder {
  color: #262932;
}
.popup__form-wrapper textarea {
  width: 100%;
  color: var(--color-black);
  font-size: 0.833vw;
  line-height: 195%;
  border: 1px solid #D1D5DB;
  padding: 0.208vw 0.625vw;
  border-radius: 0.26vw;
  background: none;
  outline: none;
  resize: none;
  height: 5.208vw;
}
@media (max-width: 1023px) {
  .popup__form-wrapper textarea {
    padding: 0.4vw 1.2vw;
    font-size: 2.083vw;
    border-radius: 0.65vw;
    height: 10vw;
  }
}
@media (max-width: 767px) {
  .popup__form-wrapper textarea {
    font-size: 4.265vw;
    padding: 1.065vw 3.2vw;
    border-radius: 1.331vw;
    height: 26.665vw;
  }
}
.popup__form-wrapper textarea::-webkit-input-placeholder {
  color: #262932;
}
.popup__form-wrapper textarea::-moz-placeholder {
  color: #262932;
}
.popup__form-wrapper textarea:-ms-input-placeholder {
  color: #262932;
}
.popup__form-wrapper textarea::-ms-input-placeholder {
  color: #262932;
}
.popup__form-wrapper textarea::placeholder {
  color: #262932;
}
.popup__form-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.625vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625vw;
  width: 100%;
}
@media (max-width: 767px) {
  .popup__form-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2vw;
  }
}
.popup__form-row > *:only-child {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media (max-width: 767px) {
  .popup__form-row > *:only-child {
    grid-column: unset;
  }
}
.popup__form-button {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}