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

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

input:placeholder,
textarea:placeholder {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

input, textarea {
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  border: 0;
  appearance: none;
  padding: 0;
}

input {
  vertical-align: baseline;
}

textarea {
  resize: vertical;
}

dialog {
  pointer-events: none;
  color: inherit;
  border: none;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
}

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

button {
  padding: 0;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  margin: 0;
  border-radius: 0;
  vertical-align: baseline;
  font-weight: inherit;
  appearance: none;
  font-size: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

iframe, object, video {
  display: block;
  max-width: 100%;
}

img {
  display: block;
}

svg {
  max-height: 100%;
}

svg * {
  transition-property: fill, stroke;
}

/**
  Удаляем все анимации и переходы для людей,
  которые предпочитают их не использовать
 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media (max-width: 45em) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 45.0625em) {
  .visible-mobile {
    display: none !important;
  }
}

@media (max-width: 30em) {
  .hidden-mobile-s {
    display: none !important;
  }
}

@media (min-width: 30.0625em) {
  .visible-mobile-s {
    display: none !important;
  }
}

@media (max-width: 58.125em) {
  .hidden-tablet-m {
    display: none !important;
  }
}

@media (min-width: 58.1875em) {
  .visible-tablet-m {
    display: none !important;
  }
}

@media (max-width: 68.75em) {
  .hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 68.8125em) {
  .visible-tablet {
    display: none !important;
  }
}

@media (max-width: 82.5em) {
  .hidden-desktop-s {
    display: none !important;
  }
}

@media (min-width: 82.5625em) {
  .visible-desktop-s {
    display: none !important;
  }
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraBoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-white: #fff;
  --color-white-light: #F7F8FB;
  --color-light: #edf1ff;
  --color-dark: #000080;
  --color-accent: #e80045;
  --color-accent-light: #FF3277;
  --color-stub: #f4f4f4;
  --color-stub-dark: #03034B;
  --color-green: #8cc63f;
  --color-black: #272727;
  --color-blue: #48acf0;
  --color-border: rgba(0, 0, 128, 0.2);
  --color-blue-dark: #162854;
  --color-blue-dark2: #03034B;
  --color-blue-light: #0D0D73;
  --color-black: #171717;
  --header-fill: #fff;
  --container-width: 136rem;
  --container-width-small: 90.2rem;
  --container-padding-x: 4rem;
  --font-base: "Poppins", sans-serif;
  --section-padding-y: 10rem;
  --section-padding-y-large: 14rem;
  --first-section-padding-y: 5.7rem;
  --header-height: 11.2rem;
}
@media (max-width: 68.75em) {
  :root {
    --container-padding-x: 2rem;
    --header-height: 9.6rem;
  }
}
@media (max-width: 45em) {
  :root {
    --container-padding-x: 1.6rem;
    --header-height: 6.3rem;
    --section-padding-y: 6rem;
    --section-padding-y-large: 6rem;
    --first-section-padding-y: 3.6rem;
  }
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  font-size: 62.5%;
}

body {
  font-family: var(--font-base);
  color: var(--color-dark);
  min-width: 320px;
  font-size: 1.8rem;
  line-height: 1.25;
  width: 100%;
}
@media (max-width: 45em) {
  body {
    font-size: 1.6rem;
  }
}

p:not(:first-child) {
  padding-top: 0.6em;
}

strong {
  font-weight: 600;
}

.container {
  margin: 0 auto;
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  padding: 0 var(--container-padding-x);
  min-width: 320px;
}

.container_small {
  max-width: calc(var(--container-width-small) + var(--container-padding-x) * 2);
}

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

.scroll-lock {
  overflow: hidden;
}

.h1 em, .h2 em,
h1 em, h2 em {
  color: var(--color-accent);
}

.h1 {
  font-size: clamp(5rem, 4.1666666667vw, 6rem);
  font-weight: 600;
  line-height: 1.2;
  text-transform: capitalize;
}
@media (max-width: 68.75em) {
  .h1 {
    font-size: clamp(3.3rem, 4.8828125vw, 5rem);
  }
}

.h2 {
  font-size: clamp(3.6rem, 3.0555555556vw, 4.4rem);
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 68.75em) {
  .h2 {
    font-size: clamp(3rem, 3.515625vw, 3.6rem);
  }
}

.h3 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 4rem;
}
@media (max-width: 68.75em) {
  .h3 {
    font-size: clamp(3rem, 3.90625vw, 4rem);
  }
}

.dark {
  --color-stub: var(--color-stub-dark);
  --header-fill: var(--color-blue-light);
  background-color: var(--color-dark);
  color: var(--color-white);
}

.green-accent {
  font-weight: 600;
  color: var(--color-green);
}

.splide {
  visibility: hidden;
}
.splide__track {
  overflow: hidden;
}
.splide__list {
  display: flex;
}
.splide__slide {
  flex-shrink: 0;
}

.button {
  --backgroundColor: var(--color-dark);
  --colorText: var(--color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-out;
  transition-property: color, background;
  will-change: color, background;
  text-align: center;
  min-height: 4.8rem;
  padding: 0.4rem 3.2rem;
  background-color: var(--backgroundColor);
  color: var(--colorText);
  border-radius: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}
.button_large {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
}
@media (max-width: 45em) {
  .button_large {
    padding-left: 2.6rem;
    padding-right: 2.6rem;
  }
}
@media (hover: hover) {
  .button:hover {
    --backgroundColor: var(--color-accent);
  }
}
@media (hover: none) {
  .button:active {
    --backgroundColor: var(--color-accent);
  }
}
.button_transparent {
  --backgroundColor: transparent!important;
  --colorText: var(--color-dark);
}
@media (hover: hover) {
  .button_transparent:hover {
    --colorText: var(--color-accent);
  }
}
@media (hover: none) {
  .button_transparent:active {
    --colorText: var(--color-accent);
  }
}
.button_transparent-white {
  --backgroundColor: transparent!important;
  --colorText: var(--color-white);
}
@media (hover: hover) {
  .button_transparent-white:hover {
    --colorText: var(--color-accent);
  }
}
@media (hover: none) {
  .button_transparent-white:active {
    --colorText: var(--color-accent);
  }
}
.button_light {
  --backgroundColor: var(--color-accent);
  --colorText: var(--color-white);
}
@media (hover: hover) {
  .button_light:hover {
    --backgroundColor: var(--color-accent-light);
  }
}
@media (hover: none) {
  .button_light:active {
    --backgroundColor: var(--color-accent-light);
  }
}
.button_border {
  --backgroundColor: transparent;
  border: 0.1rem solid var(--color-white);
}
@media (hover: hover) {
  .button_border:hover {
    --backgroundColor: var(--color-accent);
    border-color: var(--color-accent);
  }
}
@media (hover: none) {
  .button_border:active {
    --backgroundColor: var(--color-accent);
    border-color: var(--color-accent);
  }
}
.button_long-s {
  max-width: 22.5rem;
  width: 100%;
  font-weight: 600;
}
.button_long {
  width: 100%;
  font-weight: 600;
}
@media (min-width: 30.0625em) {
  .button_long {
    max-width: 40.7rem;
  }
}
.button_high {
  min-height: 5.2rem;
}

.button-tiny {
  --backgroundColor: var(--color-dark);
  --color: var(--color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-out;
  transition-property: color, background;
  will-change: color, background;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.45rem 3.75rem;
  min-height: 3.6rem;
  border-radius: 5.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  background-color: var(--backgroundColor);
  color: var(--color);
}
@media (hover: hover) {
  .button-tiny:hover {
    --backgroundColor: var(--color-accent);
  }
}
@media (hover: none) {
  .button-tiny:active {
    --backgroundColor: var(--color-accent);
  }
}

.f-checkbox input:checked + .f-checkbox__label .f-checkbox__icon-on {
  display: block;
}
.f-checkbox input:not(:checked) + .f-checkbox__label .f-checkbox__icon-off {
  display: block;
}

.f-checkbox__label {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: color;
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: left;
  color: #111111;
  cursor: pointer;
}
.f-checkbox__label:hover, .f-checkbox__label:focus {
  color: #000080;
}

.f-checkbox__icon-on,
.f-checkbox__icon-off {
  display: none;
}
.f-checkbox__icon-on svg,
.f-checkbox__icon-off svg {
  display: block;
}

.f-field {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: color, border-color;
  width: 100%;
  padding: 19px 20px 20px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: left;
  color: #2d2926;
  border: 1px solid rgba(0, 0, 128, 0.4);
  border-radius: 12px;
  appearance: none;
}
.f-field::placeholder {
  color: rgba(17, 17, 17, 0.4);
}
.f-field::-webkit-credentials-auto-fill-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.f-field[type=number]::-webkit-outer-spin-button, .f-field[type=number]::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.f-field[type=number] {
  appearance: textfield;
}
.f-field.error {
  color: #e80045;
  border-color: #e80045;
  outline: none;
}

.f-field-pass {
  position: relative;
  display: flex;
  column-gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.f-field-pass__visible {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: color;
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  color: #000080;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transform: translateY(-50%);
}
.f-field-pass__visible svg {
  fill: currentcolor;
}
.f-field-pass__visible:hover, .f-field-pass__visible:focus {
  color: #0000e6;
}
.f-field-pass__visible svg:last-child {
  display: none;
}
.f-field-pass__visible.show svg:first-child {
  display: none;
}
.f-field-pass__visible.show svg:last-child {
  display: block;
}

.f-field-pass-single {
  position: relative;
}
.f-field-pass-single input {
  padding-right: 60px;
}

.f-field-pass-single__visible {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: color;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  color: #000080;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transform: translateY(-50%);
}
.f-field-pass-single__visible svg {
  fill: currentcolor;
}
.f-field-pass-single__visible:hover, .f-field-pass-single__visible:focus {
  color: #0000e6;
}
.f-field-pass-single__visible svg:last-child {
  display: none;
}
.f-field-pass-single__visible.show svg:first-child {
  display: none;
}
.f-field-pass-single__visible.show svg:last-child {
  display: block;
}

.f-field-select {
  position: relative;
}
.f-field-select select {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: color, border-color;
  width: 100%;
  padding: 19px 20px 20px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: left;
  color: #2d2926;
  border: 1px solid rgba(0, 0, 128, 0.4);
  border-radius: 12px;
  appearance: none;
}
.f-field-select select::placeholder {
  color: rgba(17, 17, 17, 0.4);
}
.f-field-select.error {
  color: #e80045;
  border-color: #e80045;
  outline: none;
}

.f-field-select__icon {
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-50%);
}
.f-field-select__icon svg {
  display: block;
}

.f-field-tel {
  position: relative;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #2d2926;
}
.f-field-tel input {
  width: 100%;
  padding: 19px 20px 19px 90px;
  font: inherit;
  border: 1px solid rgba(0, 0, 128, 0.4);
  border-radius: 12px;
}
.f-field-tel input::placeholder {
  font: inherit;
  color: rgba(17, 17, 17, 0.4);
}
.f-field-tel input::-webkit-credentials-auto-fill-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.f-field-tel__flag {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.f-field-tel__flag svg {
  display: block;
  width: 36px;
  height: 26px;
}

.f-field-tel__code {
  position: absolute;
  top: 50%;
  top: 0;
  left: 68px;
  left: 0;
  padding: 20px 20px 20px 68px;
}

.f-field-verify {
  display: flex;
  align-items: center;
  column-gap: 8px;
  max-width: max-content;
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 120%;
  color: rgba(17, 17, 17, 0.4);
  border: none;
}
.f-field-verify input {
  width: 48px;
  height: 68px;
  font-family: inherit;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
  color: #111111;
  border: 1px solid rgba(0, 0, 128, 0.4);
  border-radius: 12px;
}
.f-field-verify input::placeholder {
  color: rgba(17, 17, 17, 0.4);
}
.f-field-verify input[type=number]::-webkit-outer-spin-button, .f-field-verify input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.f-field-verify input[type=number] {
  appearance: textfield;
}
.f-field-verify.error input {
  border-color: #e80045;
}

.header {
  transition: 0.2s ease-out;
  transition-property: background-color;
  will-change: background-color;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  z-index: 1000;
}
.header_fill {
  background-color: var(--header-fill);
}
@media (max-width: 68.75em) {
  .header {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
@media (max-width: 45em) {
  .header {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
.header__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 2rem;
}
.header__left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 2rem;
  flex: 0 1 84.2rem;
}
.header__logo {
  aspect-ratio: 263/48;
  width: calc(263 / 10 * 1rem);
  max-width: 100%;
}
.header__logo img, .header__logo svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 58.125em) {
  .header__logo {
    width: 19rem;
  }
}
@media (max-width: 45em) {
  .header__logo {
    width: 17.3rem;
  }
}
.header__menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 1rem;
  font-size: 1.6rem;
}
.header__menu-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-out;
  transition-property: color, font-weight;
  will-change: color, font-weight;
  position: relative;
  padding: 0 0.7rem;
  min-height: 4.8rem;
  line-height: 1;
}
@media (hover: hover) {
  .header__menu-link:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .header__menu-link:active {
    color: var(--color-accent);
  }
}
.header__buttons {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
  flex-shrink: 0;
}
.header__burger {
  --color: var(--color-dark);
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--color);
}
@media (hover: hover) {
  .header__burger:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .header__burger:active {
    color: var(--color-accent);
  }
}
@media (min-width: 45.0625em) {
  .header__burger {
    aspect-ratio: 1;
    width: 4.8rem;
  }
}
@media (max-width: 45em) {
  .header__burger {
    height: 3.1rem;
    width: 2.4rem;
  }
}
.header__burger_light {
  --color: var(--color-white);
}
.header__burger-icon {
  width: 75%;
  aspect-ratio: 1;
}
@media (max-width: 45em) {
  .header__burger-icon {
    width: 100%;
  }
}

.contact-us-header .logo-white {
  display: none;
}
.contact-us-header .logo-color {
  display: block;
}
.contact-us-header:not(.header_fill) .logo-white {
  display: block;
}
.contact-us-header:not(.header_fill) .logo-color {
  display: none;
}
.contact-us-header:not(.header_fill) .header__logo {
  width: auto;
}
.contact-us-header:not(.header_fill) .header__logo img {
  width: 210px;
}
.contact-us-header:not(.header_fill) .header__menu-item {
  color: #ffffff;
}
.contact-us-header:not(.header_fill) .header__menu-item.active {
  color: var(--color-accent);
}
.contact-us-header:not(.header_fill) .header__buttons a {
  color: #ffffff;
}
.contact-us-header:not(.header_fill) .header__buttons .button {
  background: var(--color-accent);
}
.contact-us-header:not(.header_fill) .header__burger-icon {
  color: #ffffff;
}
.contact-us-header.header-white {
  background-color: #ffffff;
}
.contact-us-header.header-white .logo-white {
  display: none;
}
.contact-us-header.header-white .logo-color {
  display: block;
}
.contact-us-header.header-white .header__menu-item {
  color: var(--color-dark);
}
.contact-us-header.header-white .header__logo {
  width: auto;
}
.contact-us-header.header-white .header__logo img {
  width: 210px;
}
.contact-us-header.header-white .header__buttons a {
  color: var(--color-dark);
}
.contact-us-header.header-white .header__buttons .button {
  background: var(--color-dark);
}
.contact-us-header.header-white .header__burger-icon {
  color: var(--color-dark);
}

.contact-us-dialog .menu__buttons {
  text-align: center;
  display: flex;
  align-items: center;
}
.contact-us-dialog .menu__buttons .button {
  background: var(--color-accent);
}

.dialog {
  --paddingScrollY: 4rem;
  width: 100%;
  height: 100%;
  background-color: var(--color-border);
}
.dialog:not(.is-instant) {
  transition: opacity 0.3s ease-out;
  will-change: opacity;
  opacity: 0;
}
.dialog.is-open {
  opacity: 1;
  pointer-events: inherit;
}
.dialog::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
.dialog__wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog__body {
  width: 100%;
  margin: auto 0;
}
.dialog:not(.dialog_top) .dialog__body {
  padding: var(--paddingScrollY) var(--container-padding-x);
}
.dialog_top .dialog__body {
  min-height: 100%;
}
.dialog_full .dialog__body {
  height: 1px;
  min-height: 100%;
  padding: 0;
}
.dialog_full .dialog__content {
  min-height: 100%;
}

.menu {
  background-color: var(--color-white);
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  padding: 1.6rem var(--container-padding-x);
  color: var(--color-dark);
}
@media (min-width: 45.0625em) {
  .menu {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 68.8125em) {
  .menu {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
.menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  column-gap: 2rem;
  margin-bottom: 3.2rem;
}
@media (min-width: 45.0625em) {
  .menu__header {
    margin-bottom: 4.2rem;
  }
}
.menu__logo {
  aspect-ratio: 173/32;
  width: calc(173 / 10 * 1rem);
  max-width: 100%;
}
.menu__logo img, .menu__logo svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 45.0625em) {
  .menu__logo {
    max-width: 26.3rem;
  }
}
.menu__close {
  --color: var(--color-dark);
  aspect-ratio: 1;
  width: 3.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
  color: var(--color);
}
@media (hover: hover) {
  .menu__close:hover {
    --color: var(--color-accent);
  }
}
@media (hover: none) {
  .menu__close:active {
    --color: var(--color-accent);
  }
}
@media (min-width: 45.0625em) {
  .menu__close {
    aspect-ratio: 1;
    width: 4.8rem;
  }
}
@media (max-width: 45em) {
  .menu__close {
    height: 3.1rem;
    width: 2.4rem;
  }
}
.menu__close-icon {
  width: 66.7%;
  aspect-ratio: 1;
}
@media (min-width: 45.0625em) {
  .menu__close-icon {
    width: 50%;
  }
}
.menu__nav {
  margin-bottom: 4.2rem;
}
@media (min-width: 45.0625em) {
  .menu__nav {
    text-align: center;
    margin-bottom: 5.2rem;
  }
}
.menu__list {
  display: flex;
  flex-direction: column;
}
.menu__list-link {
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
  display: inline-block;
  padding: 1.2rem 0;
  font-size: 1.6rem;
  line-height: 1;
}
@media (hover: hover) {
  .menu__list-link:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .menu__list-link:active {
    color: var(--color-accent);
  }
}
.menu__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.8rem;
  column-gap: 1.6rem;
}
@media (min-width: 45.0625em) {
  .menu__buttons {
    flex-direction: row;
    justify-content: center;
  }
}

.first-screen {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 2rem;
  row-gap: 2.4rem;
  margin-top: var(--header-height);
  padding-top: var(--first-section-padding-y);
}
@media (max-width: 45em) {
  .first-screen {
    flex-direction: column;
  }
}
.first-screen__body {
  flex: 0 1 63rem;
}
@media (min-width: 68.8125em) {
  .first-screen__body {
    min-width: 56.5rem;
  }
}
@media (max-width: 45em) {
  .first-screen__body {
    flex: initial;
    align-items: stretch;
  }
}
.first-screen__title {
  margin-bottom: 2.4rem;
}
@media (max-width: 45em) {
  .first-screen__title {
    margin-bottom: 1.2rem;
  }
}
.first-screen__subtitle {
  font-size: clamp(2rem, 1.5277777778vw, 2.2rem);
  line-height: 1.3;
  margin-bottom: 2.4rem;
}
@media (max-width: 68.75em) {
  .first-screen__subtitle {
    font-size: clamp(1.6rem, 1.953125vw, 2rem);
  }
}
@media (max-width: 45em) {
  .first-screen__subtitle {
    margin-bottom: 3rem;
  }
}
.first-screen__button {
  margin-bottom: 6.3rem;
}
@media (max-width: 68.75em) {
  .first-screen__button {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 45em) {
  .first-screen__button {
    margin-bottom: 3rem;
  }
}
@media (max-width: 30em) {
  .first-screen__button {
    max-width: initial;
    width: 100%;
  }
}
.first-screen__video-wrap {
  flex: 0 1 67.2rem;
  border-radius: 2rem;
  background-color: var(--color-stub);
  display: flex;
  overflow: hidden;
  aspect-ratio: 67.2/40.5;
}
@media (max-width: 68.75em) {
  .first-screen__video-wrap {
    min-height: initial;
    height: auto;
    flex: 0 0 41.6%;
  }
}
@media (max-width: 45em) {
  .first-screen__video-wrap {
    flex: initial;
    width: 100%;
  }
}
.first-screen__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.confidence {
  display: flex;
  align-items: center;
  column-gap: 1.2rem;
  row-gap: 1rem;
}
@media (max-width: 45em) {
  .confidence {
    flex-wrap: wrap;
  }
}
.confidence__images {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.confidence__image {
  aspect-ratio: 51/51;
  width: calc(51 / 10 * 1rem);
  max-width: 100%;
  background-color: var(--color-stub);
  overflow: hidden;
  border-radius: 50%;
}
.confidence__image img, .confidence__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.confidence__image:not(:first-child) {
  margin-left: -1.2rem;
}
@media (max-width: 45em) {
  .confidence__name {
    flex: 1 1 17rem;
  }
}

.platform {
  position: relative;
}
.platform__blur-bg {
  --firefox-duplicates: 10;
  position: absolute;
  bottom: 0;
  right: -22.9rem;
  width: 81%;
  aspect-ratio: 1105/406;
  z-index: -1;
}
@media (max-width: 68.75em) {
  .platform__blur-bg {
    aspect-ratio: initial;
    left: 2rem;
    right: initial;
    bottom: initial;
    top: 0;
    width: 51.7rem;
    height: 93.5rem;
  }
}
.platform__blur-bg-inner {
  background-color: rgba(65, 105, 225, 0.6);
  filter: blur(450px);
  transform: translateZ(0);
  border-radius: 50%;
}
.platform__main {
  position: relative;
  border-radius: 4rem;
  overflow: hidden;
  background-color: var(--color-dark);
}
@media (max-width: 68.75em) {
  .platform__main {
    border-radius: 3rem;
  }
}
@media (max-width: 45em) {
  .platform__main {
    border-radius: 2rem;
  }
}
.platform__blur {
  --firefox-duplicates: 5;
  aspect-ratio: 1;
  width: 63.5rem;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 35% -50%;
  z-index: 0;
}
@media (max-width: 45em) {
  .platform__blur {
    translate: 30% 0;
    top: 22.1rem;
  }
}
.platform__blur-inner {
  filter: blur(220px);
  background-color: var(--color-accent);
  transform: translateZ(0);
  border-radius: 50%;
}
.platform__wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: var(--color-white);
  position: relative;
  z-index: 100;
  column-gap: 4rem;
}
@media (max-width: 45em) {
  .platform__wrap {
    flex-direction: column;
    align-items: center;
  }
}
.platform__body {
  margin: 5rem 0 5rem 4rem;
  align-self: center;
}
@media (max-width: 68.75em) {
  .platform__body {
    margin-top: 4rem;
  }
}
@media (min-width: 45.0625em) {
  .platform__body {
    flex: 0 1 51.7rem;
    min-width: 37rem;
  }
}
@media (max-width: 45em) {
  .platform__body {
    margin: 2.4rem 2.4rem 2rem;
  }
}
.platform__title {
  font-size: clamp(3.5rem, 2.7777777778vw, 4rem);
  font-weight: 600;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 3.2rem;
}
@media (max-width: 68.75em) {
  .platform__title {
    font-size: clamp(3rem, 3.41796875vw, 3.5rem);
    margin-bottom: 4rem;
  }
}
.platform__list {
  font-size: 2rem;
}
@media (max-width: 68.75em) {
  .platform__list {
    font-size: 1.6rem;
  }
}
.platform__image {
  aspect-ratio: 758/420;
  width: calc(758 / 10 * 1rem);
  max-width: 100%;
  margin-top: 3.2rem;
  margin-right: -3.9rem;
}
.platform__image img, .platform__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .platform__image {
    margin-top: 6.6rem;
    margin-right: -18.1rem;
    width: 58.4rem;
    min-width: 50rem;
  }
}
@media (max-width: 45em) {
  .platform__image {
    margin: 0;
    min-width: 0;
    width: 50rem;
    max-width: 90%;
  }
}
@media (max-width: 30em) {
  .platform__image {
    max-width: 100%;
    margin-right: -2.1rem;
  }
}

.software__head {
  max-width: 70.4rem;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 68.75em) {
  .software__head {
    max-width: 53.6rem;
  }
}
.software__button-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 4.8rem;
}
@media (max-width: 30em) {
  .software__button {
    max-width: initial;
  }
}
.software__brands {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 auto 10rem;
  justify-content: center;
  max-width: 108rem;
}
@media (max-width: 68.75em) {
  .software__brands {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 45em) {
  .software__brands {
    margin-bottom: 7rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
}
.software__brands-item {
  position: relative;
  flex: 0 1 20.7rem;
}
@media (max-width: 45em) {
  .software__brands-item {
    border-radius: 1.1rem;
  }
}
.software__brands-item_accent .software__brands-image {
  border: 0.1rem solid var(--color-accent);
}
.software__brands-image {
  aspect-ratio: 208/84;
  width: 100%;
  box-shadow: 0 2.3rem 5.1rem 0 rgba(112, 144, 176, 0.12);
  background-color: var(--color-white);
  border-radius: 2rem;
  overflow: hidden;
}
.software__brands-image img, .software__brands-image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 45em) {
  .software__brands-image {
    border-radius: 1.1rem;
  }
}
.software__brands-billet {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  padding: 0.4rem 1.6rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  min-height: 2.5rem;
  color: var(--color-white);
  background-color: var(--color-accent);
  border-radius: 6.1rem;
  font-size: 1.5rem;
}
@media (max-width: 68.75em) {
  .software__brands-billet {
    font-size: 1.4rem;
  }
}
@media (max-width: 30em) {
  .software__brands-billet {
    min-height: 1.4rem;
    font-size: 0.8rem;
    padding: 0 0.9rem;
  }
}
.software__sheme {
  --maxWidthInfo: 19rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3.5rem;
}
@media (max-width: 68.75em) {
  .software__sheme {
    --maxWidthInfo: 16rem;
    row-gap: 2.8rem;
  }
}
@media (max-width: 45em) {
  .software__sheme {
    --maxWidthInfo: 14.3rem;
    flex-direction: row;
    justify-content: space-between;
    height: 75.9rem;
    max-width: 37rem;
    margin: 0 auto;
    column-gap: 1rem;
  }
}
.software__sheme-body {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 119.8rem;
  width: 100%;
}
@media (max-width: 45em) {
  .software__sheme-body {
    max-width: var(--maxWidthInfo);
    height: 100%;
  }
}
@media (min-width: 45.0625em) {
  .software__sheme-body_reverse {
    flex-direction: column-reverse;
  }
}
.software__sheme-billets {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 45em) {
  .software__sheme-billets {
    flex-direction: column;
    height: 100%;
  }
}
.software__sheme-body_reverse .software__sheme-billets {
  top: initial;
  bottom: 0;
}
.software__sheme-billet {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--color-white);
  min-height: 8.3rem;
  border: 0.1rem dashed #060689;
  border-radius: 1.9rem;
  padding: 1rem;
  line-height: 1.15;
  max-width: var(--maxWidthInfo);
  width: 100%;
  position: relative;
  z-index: 100;
}
@media (max-width: 68.75em) {
  .software__sheme-billet {
    min-height: 6.7rem;
  }
}
.software__sheme-trajectory-wrap {
  --padding: 5rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
  will-change: transform;
}
@media (min-width: 45.0625em) {
  .software__sheme-trajectory-wrap {
    padding: 0 6.2rem;
    padding-bottom: var(--padding);
    margin-bottom: calc(var(--padding) * -1);
    width: 100%;
  }
}
@media (max-width: 45em) {
  .software__sheme-trajectory-wrap {
    --padding: 10rem;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0.5rem;
    left: 1.5rem;
    padding-right: var(--padding);
    margin-right: calc(var(--padding) * -1);
  }
}
@media (min-width: 45.0625em) {
  .software__sheme-body_reverse .software__sheme-trajectory-wrap {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: var(--padding);
    margin-top: calc(var(--padding) * -1);
  }
}
@media (max-width: 45em) {
  .software__sheme-body_reverse .software__sheme-trajectory-wrap {
    padding-right: 0;
    margin-right: 0;
    padding-left: var(--padding);
    margin-left: calc(var(--padding) * -1);
    right: 1.5rem;
    left: 0.5rem;
  }
}
.software__sheme-trajectory-inner {
  width: 100%;
  position: relative;
}
@media (max-width: 45em) {
  .software__sheme-trajectory-inner {
    height: 100%;
  }
}
@media (min-width: 45.0625em) {
  .software__sheme-body_reverse .software__sheme-trajectory-inner {
    transform: scale(1, -1);
  }
}
@media (max-width: 45em) {
  .software__sheme-body_reverse .software__sheme-trajectory-inner {
    transform: scale(-1, 1);
    left: 0.5rem;
    right: initial;
  }
}
.software__sheme-trajectory {
  aspect-ratio: 1074/276;
  width: 100%;
  position: relative;
}
.software__sheme-trajectory img, .software__sheme-trajectory svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.software__sheme-trajectory_mob {
  aspect-ratio: 123/759;
  width: calc(123 / 10 * 1rem);
  max-width: 100%;
}
.software__sheme-trajectory_mob img, .software__sheme-trajectory_mob svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 45em) {
  .software__sheme-trajectory {
    height: 100%;
  }
}
.software__sheme-trajectory-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.software__sheme-logo-bg {
  aspect-ratio: 544/544;
  width: calc(544 / 10 * 1rem);
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 200;
  animation-name: pulsation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.software__sheme-logo-bg img, .software__sheme-logo-bg svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .software__sheme-logo-bg {
    max-width: 46%;
  }
}
@media (max-width: 45em) {
  .software__sheme-logo-bg {
    max-width: 100%;
  }
}
.software__sheme-logo-bg2 {
  aspect-ratio: 413/413;
  width: calc(413 / 10 * 1rem);
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 300;
  animation-name: pulsation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.2s;
}
.software__sheme-logo-bg2 img, .software__sheme-logo-bg2 svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .software__sheme-logo-bg2 {
    max-width: 34.9%;
  }
}
@media (max-width: 45em) {
  .software__sheme-logo-bg2 {
    max-width: 80%;
  }
}
.software__sheme-logo-main {
  aspect-ratio: 270/270;
  width: calc(270 / 10 * 1rem);
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 400;
}
.software__sheme-logo-main img, .software__sheme-logo-main svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .software__sheme-logo-main {
    max-width: 23%;
  }
}
@media (max-width: 45em) {
  .software__sheme-logo-main {
    max-width: 57%;
  }
}
.software__sheme-info-wrap {
  position: relative;
  z-index: 200;
  display: inline-flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--maxWidthInfo);
}
@media (max-width: 45em) {
  .software__sheme-info-wrap {
    width: 10rem;
  }
}
.software__sheme-body_reverse .software__sheme-info-wrap {
  top: initial;
  bottom: 0;
}
@media (max-width: 45em) {
  .software__sheme-body_reverse .software__sheme-info-wrap {
    right: 0;
    left: initial;
  }
}
.software__sheme-info {
  --backgroundColor: var(--color-blue);
  --paddingX: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding: 0.8rem var(--paddingX);
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.1;
  background: var(--backgroundColor);
  color: var(--color-white);
  border-radius: 2.2rem;
  min-height: 4.6rem;
  text-align: center;
  position: relative;
}
@media (max-width: 68.75em) {
  .software__sheme-info {
    font-size: 1.5rem;
    min-height: 3.8rem;
  }
}
@media (max-width: 45em) {
  .software__sheme-info {
    --paddingX: 0.8rem;
    font-size: 1.3rem;
  }
}
.software__sheme-info::before {
  aspect-ratio: 1;
  width: 2.2rem;
  content: "";
  position: absolute;
  top: 50%;
  left: var(--paddingX);
  translate: 0 -50%;
  background-image: url("../img/icons/mark.svg");
  background-position: center;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-color: var(--color-white);
  border-radius: 50%;
  opacity: 0;
}
@media (max-width: 68.75em) {
  .software__sheme-info::before {
    aspect-ratio: 1;
    width: 1.8rem;
  }
}
@media (max-width: 45em) {
  .software__sheme-info::before {
    aspect-ratio: 1;
    width: 1.6rem;
  }
}
.software__sheme-info_active {
  --backgroundColor: linear-gradient(125deg, #53d888 0%, #35ba6a 100%);
  padding-left: 4.2rem;
}
@media (max-width: 68.75em) {
  .software__sheme-info_active {
    padding-left: 4.4rem;
  }
}
@media (max-width: 45em) {
  .software__sheme-info_active {
    padding-left: 3rem;
  }
}
.software__sheme-info_active::before {
  opacity: 1;
}
.software__sheme-info:not(.software__sheme-info_active) .software__sheme-info__hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.software__sheme-info_active .software__sheme-info__visable {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@keyframes pulsation {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.section {
  --padding-y: var(--section-padding-y);
}
.section_large {
  --padding-y: var(--section-padding-y-large);
}
.section:not(:first-child) {
  padding-top: var(--padding-y);
}
.section__head {
  text-align: center;
  margin-bottom: 3.2rem;
}
@media (max-width: 68.75em) {
  .section__head {
    margin-bottom: 2.4rem;
  }
}
.section__head_margin-large {
  margin-bottom: 5.6rem;
}
@media (max-width: 45em) {
  .section__head_margin-large {
    margin-bottom: 3.2rem;
  }
}
.section__head_margin-small {
  margin-bottom: 2.4rem;
}
.section__head_left {
  text-align: left;
}
.section__subtitle {
  font-size: clamp(1.6rem, 1.5277777778vw, 2.2rem);
  margin-top: 2.4rem;
}
.section__subtitle_light {
  opacity: 0.4;
}

.made-for {
  position: relative;
}
.made-for__blur {
  --firefox-duplicates: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  aspect-ratio: 1138/1282;
  z-index: -1;
}
@media (max-width: 45em) {
  .made-for__blur {
    top: 15%;
    width: 200%;
    aspect-ratio: 689/1787;
  }
}
.made-for__blur-inner {
  filter: blur(450px);
  transform: translateZ(0);
  background-color: rgba(64, 112, 255, 0.35);
  border-radius: 50%;
}
.made-for__body {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin: 0 auto;
}
.made-for__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-white);
  padding: 3rem 2.3rem 0;
  border-radius: 2.2rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 68.75em) {
  .made-for__item {
    padding: 2rem 2rem 0;
  }
}
.made-for__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
@media (max-width: 45em) {
  .made-for__grid {
    display: flex;
    flex-direction: column;
  }
}
.made-for__name {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}
@media (max-width: 45em) {
  .made-for__name {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
}
.made-for__description {
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 2.1rem;
  max-width: 54.7rem;
}
.made-for__description_small {
  max-width: 33.9rem;
}
@media (max-width: 45em) {
  .made-for__description {
    margin-bottom: 2rem;
  }
}
.made-for__image {
  aspect-ratio: 293/402;
  width: calc(293 / 10 * 1rem);
  max-width: 100%;
  background-color: var(--color-stub);
}
.made-for__image img, .made-for__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.made-for__image_large {
  aspect-ratio: 787/541;
  width: calc(787 / 10 * 1rem);
  max-width: 100%;
  margin-bottom: -8.5rem;
}
.made-for__image_large img, .made-for__image_large svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .made-for__image_large {
    margin-bottom: 2rem;
  }
}

.how-works {
  padding: 5rem 0;
  background-color: var(--color-blue-light);
  overflow: hidden;
  background-image: url("../img/how-works/decore-line.svg");
  background-position: top -23.6rem center;
  background-repeat: no-repeat;
}
@media (max-width: 68.75em) {
  .how-works {
    background-size: 216% auto;
  }
}
@media (max-width: 45em) {
  .how-works {
    background-size: 400% auto;
  }
}
@media (max-width: 30em) {
  .how-works {
    background-position: top -19rem center;
    background-size: 585% auto;
  }
}
.how-works__title {
  color: var(--color-white);
}
.how-works__list {
  display: flex;
  flex-direction: column;
  row-gap: 5rem;
  max-width: 113rem;
  margin: 0 auto;
}
@media (max-width: 45em) {
  .how-works__list {
    row-gap: 3rem;
  }
}
.how-works__item {
  background-color: var(--color-blue-dark2);
  padding: 5rem 0 5rem 5rem;
  border-radius: 2rem;
  display: flex;
  justify-content: space-between;
  column-gap: 8.7rem;
}
@media (max-width: 58.125em) {
  .how-works__item {
    column-gap: 4rem;
  }
}
@media (max-width: 45em) {
  .how-works__item {
    flex-direction: column;
    row-gap: 2.6rem;
    padding: 1.6rem 1.6rem 0;
    position: relative;
    margin-bottom: 5rem;
  }
}
.how-works__body {
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  flex: 0 0 27.8rem;
}
@media (max-width: 45em) {
  .how-works__body {
    flex: initial;
  }
}
.how-works__step {
  padding-bottom: 4rem;
  margin-bottom: auto;
  color: var(--color-accent);
  font-weight: 600;
  font-size: 2rem;
}
@media (max-width: 45em) {
  .how-works__step {
    padding-bottom: 0;
    margin-bottom: 1.2rem;
  }
}
.how-works__name {
  font-size: 3.2rem;
  margin-bottom: 2rem;
  font-weight: 600;
}
@media (max-width: 68.75em) {
  .how-works__name {
    font-size: clamp(2.2rem, 3.125vw, 3.2rem);
  }
}
.how-works__description {
  line-height: 1.6;
  font-size: 1.6rem;
}
.how-works__image-wrap {
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 45em) {
  .how-works__image-wrap {
    position: static;
    margin-bottom: -5rem;
  }
}
.how-works__image {
  aspect-ratio: 803/491;
  width: calc(803 / 10 * 1rem);
  max-width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  background-color: var(--color-blue-light);
}
.how-works__image img, .how-works__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 58.125em) {
  .how-works__image {
    width: 75rem;
    max-width: initial;
  }
}
@media (max-width: 45em) {
  .how-works__image {
    border-radius: 1rem;
  }
}
@media (max-width: 30em) {
  .how-works__image {
    width: 49.6rem;
  }
}
.how-works__image-rotate {
  aspect-ratio: 255/373;
  width: calc(255 / 10 * 1rem);
  max-width: 100%;
  position: absolute;
  bottom: -3.4rem;
  right: 2.1rem;
  border: 0.22rem solid rgba(0, 0, 128, 0.2);
  border-radius: 1.8rem;
  overflow: hidden;
  transform: rotate(4deg);
  box-shadow: 1.1rem 1.2rem 5.6rem 0 rgba(0, 0, 0, 0.25);
}
.how-works__image-rotate img, .how-works__image-rotate svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .how-works__image-rotate {
    right: 24.1rem;
  }
}
@media (max-width: 58.125em) {
  .how-works__image-rotate {
    right: 33rem;
  }
}
@media (max-width: 45em) {
  .how-works__image-rotate {
    right: 0.4rem;
    width: 25rem;
    border-width: 0.1rem;
    border-radius: 1.1rem;
  }
}
@media (max-width: 30em) {
  .how-works__image-rotate {
    width: 15.7rem;
  }
}
.how-works__image-phones {
  position: absolute;
  bottom: -4.1rem;
  right: 5.3rem;
  display: flex;
  column-gap: 1.6rem;
}
@media (max-width: 68.75em) {
  .how-works__image-phones {
    right: 23.9rem;
  }
}
@media (max-width: 58.125em) {
  .how-works__image-phones {
    right: 31rem;
  }
}
@media (max-width: 45em) {
  .how-works__image-phones {
    right: 0.4rem;
    column-gap: 0.7rem;
  }
}
@media (max-width: 45em) {
  .how-works__image-phones_mobile-right {
    right: 5.5rem;
  }
}
@media (max-width: 45em) {
  .how-works__image-phones_mobile-right-small {
    right: 2rem;
  }
}
.how-works__image-phone {
  aspect-ratio: 180/375;
  width: calc(180 / 10 * 1rem);
  max-width: 100%;
}
.how-works__image-phone img, .how-works__image-phone svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 58.125em) {
  .how-works__image-phone {
    width: 15rem;
  }
}
@media (max-width: 30em) {
  .how-works__image-phone {
    width: 10.7rem;
  }
}
.how-works__image-phone_large {
  aspect-ratio: 200/418;
  width: calc(200 / 10 * 1rem);
  max-width: 100%;
}
.how-works__image-phone_large img, .how-works__image-phone_large svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 58.125em) {
  .how-works__image-phone_large {
    width: 17rem;
  }
}
@media (max-width: 30em) {
  .how-works__image-phone_large {
    width: 12.8rem;
  }
}
@media (max-width: 30em) {
  .how-works__image-phone_small-mobile {
    width: 9.6rem;
  }
}

.plans__head {
  max-width: 99.6rem;
  margin-left: auto;
  margin-right: auto;
}
.plans__switcher {
  margin-bottom: 3.2rem;
}
@media (max-width: 68.75em) {
  .plans__switcher {
    margin-bottom: 4.8rem;
  }
}
@media (max-width: 45em) {
  .plans__switcher {
    margin-bottom: 3.6rem;
  }
}
.plans__list-wrap {
  position: relative;
}
.plans__blur {
  --firefox-duplicates: 10;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: -10rem;
  width: 64.2rem;
  aspect-ratio: 642/300;
  z-index: -1;
  border-radius: 50%;
}
@media (max-width: 58.125em) {
  .plans__blur {
    right: initial;
    left: 50%;
    width: 60.3rem;
    translate: -50% -50%;
    aspect-ratio: 642/506;
  }
}
@media (max-width: 45em) {
  .plans__blur {
    top: initial;
    bottom: 2rem;
    translate: -50% 0;
  }
}
.plans__blur-inner {
  background-color: #4169E1;
  filter: blur(450px);
  transform: translateZ(0);
  border-radius: 50%;
}
.plans__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  position: relative;
}
@media (max-width: 58.125em) {
  .plans__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 45em) {
  .plans__list {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
@media (max-width: 45em) {
  .plans__list-item_first-mobile {
    order: -1;
  }
}

.plan-card {
  padding: 3.2rem;
  background-color: rgba(255, 255, 255, 0.16);
  border: 0.1rem solid var(--color-border);
  border-radius: 3.2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 68.75em) {
  .plan-card {
    padding: 3rem 2rem 2rem;
  }
}
@media (max-width: 45em) {
  .plan-card {
    padding: 1.5rem;
  }
}
.plan-card_accent {
  background-color: var(--color-white);
  border-color: var(--color-accent);
}
.plan-card__head {
  margin-bottom: 1.5rem;
}
@media (max-width: 68.75em) {
  .plan-card__head {
    margin-bottom: 0.8rem;
  }
}
.plan-card__billet {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  background-color: var(--color-accent);
  padding: 0.5rem 1rem;
  min-height: 3.1rem;
  color: var(--color-white);
  text-transform: uppercase;
  border-radius: 5rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  white-space: nowrap;
}
.plan-card__title {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.5;
}
@media (max-width: 68.75em) {
  .plan-card__title {
    font-size: 2.4rem;
  }
}
.plan-card__subtitle {
  opacity: 0.7;
  line-height: 1.5;
}
.plan-card__price {
  margin-bottom: 2.4rem;
}
@media (max-width: 45em) {
  .plan-card__price {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 68.75em) {
  .plan-card__price {
    font-size: 1.6rem;
  }
}
.plan-card__price-sum {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  column-gap: 1.2rem;
}
@media (max-width: 68.75em) {
  .plan-card__price-sum {
    column-gap: 1rem;
  }
}
.plan-card__price-num {
  font-size: 4.6rem;
  line-height: 1.3;
}
@media (max-width: 68.75em) {
  .plan-card__price-num {
    font-size: 3.5rem;
  }
}
.plan-card__price-num_accent {
  color: var(--color-accent);
}
.plan-card__price-num del {
  text-decoration: line-through;
}
.plan-card__price-num ins {
  text-decoration: none;
}
.plan-card__price-num sup {
  font-size: 3rem;
  vertical-align: top;
}
@media (max-width: 68.75em) {
  .plan-card__price-num sup {
    font-size: 2.1rem;
  }
}
@media (max-width: 45em) {
  .plan-card__price-num sup {
    font-size: 2.6rem;
  }
}
.plan-card__price-period {
  opacity: 0.64;
  padding-bottom: 0.8em;
}
@media (max-width: 68.75em) {
  .plan-card__price-period {
    padding-bottom: 0.4em;
  }
}
.plan-card__price-year {
  margin-bottom: 1rem;
}
.plan-card__price-conditions {
  opacity: 0.64;
  line-height: 1.5;
  margin-top: -0.4rem;
}
@media (max-width: 68.75em) {
  .plan-card__price-conditions {
    margin-top: 0.2rem;
  }
}
.plan-card__descript {
  flex-grow: 1;
  padding-top: 2.4rem;
  border-top: 0.1rem solid var(--color-border);
  display: flex;
  flex-direction: column;
  margin-bottom: 2.4rem;
}
@media (max-width: 68.75em) {
  .plan-card__descript {
    margin-bottom: 1rem;
  }
}
@media (max-width: 45em) {
  .plan-card__descript {
    padding-top: 1.5rem;
  }
}
.plan-card__descript-name {
  margin-bottom: 2.4rem;
}
@media (max-width: 68.75em) {
  .plan-card__descript-name {
    margin-bottom: 2rem;
    opacity: 0.5;
    font-size: 1.6rem;
  }
}
.plan-card__descript-name:not(:first-child) {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
}
@media (max-width: 68.75em) {
  .plan-card__descript-name:not(:first-child) {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
.plan-card__descript-drivers {
  margin-top: auto;
  padding-top: 2.4rem;
}
@media (max-width: 68.75em) {
  .plan-card__descript-drivers {
    padding-top: 3rem;
    font-size: 1.5rem;
  }
}

.list-marker {
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
  line-height: 1.4;
  font-size: 1.6rem;
}
@media (max-width: 68.75em) {
  .list-marker {
    font-size: 1.5rem;
    row-gap: 1.5rem;
  }
}
.list-marker__item {
  position: relative;
  padding-left: 3.2rem;
}
@media (max-width: 68.75em) {
  .list-marker__item {
    padding-left: 2.5rem;
  }
}
.list-marker__item::before {
  aspect-ratio: 1;
  width: 2rem;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/icons/done.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.about {
  color: var(--color-white);
  padding-bottom: 0 !important;
}
.about__inner {
  overflow: hidden;
  padding: 100px 0;
}
@media (max-width: 930px) {
  .about__inner {
    padding: 80px 0;
  }
}
@media (max-width: 720px) {
  .about__inner {
    padding: 60px 0;
  }
}
@media (max-width: 480px) {
  .about__inner {
    padding: 30px 0;
  }
}
.about__inner:not(.about__inner_transparent) {
  background-color: var(--color-dark);
}
.about__wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-items: center;
  column-gap: 10.8rem;
  padding: 5rem 0;
}
@media (max-width: 58.125em) {
  .about__wrapper {
    column-gap: 5rem;
  }
}
@media (max-width: 45em) {
  .about__wrapper {
    flex-direction: column;
    row-gap: 5.3rem;
    padding-top: 3rem;
    padding-bottom: 4.3rem;
  }
}
.about__body-wrap {
  display: flex;
  justify-content: flex-end;
  flex: 0 1 67.2rem;
  position: relative;
  z-index: 100;
}
@media (max-width: 58.125em) {
  .about__body-wrap {
    flex: 0 1 40.3rem;
    min-width: 34rem;
  }
}
@media (max-width: 45em) {
  .about__body-wrap {
    flex: initial;
    min-width: initial;
    padding: 0 1.4rem;
  }
}
.about__body {
  flex: 0 1 58.2rem;
}
@media (max-width: 68.75em) {
  .about__body {
    flex: 0 1 40.3rem;
  }
}
@media (max-width: 45em) {
  .about__body {
    flex: initial;
  }
}
.about__title {
  margin-bottom: 2.4rem;
  color: var(--color-dark);
}
.about__text {
  line-height: 1.4;
  margin-bottom: 3.7rem;
  color: var(--color-dark);
}
@media (max-width: 68.75em) {
  .about__text {
    margin-bottom: 2.5rem;
    font-size: 1.6rem;
  }
}
.about__button {
  border-color: var(--color-dark);
  background-color: var(--color-dark);
  color: var(--color-white);
}
@media (max-width: 30em) {
  .about__button {
    max-width: initial;
  }
}
.about__button:hover {
  background-color: var(--color-accent);
}
.about__image {
  aspect-ratio: 412/408;
  width: calc(412 / 10 * 1rem);
  max-width: 100%;
  box-shadow: 0 4px 25rem 0 #e90146, -9.4rem 0.4rem 25rem 0 #406aff;
  border: 1.4rem solid rgba(255, 255, 255, 0.05);
  border-radius: 5.8rem;
  flex-shrink: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.about__image img, .about__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .about__image {
    border-width: 1rem;
  }
}
@media (max-width: 58.125em) {
  .about__image {
    flex-shrink: 1;
  }
}
@media (max-width: 45em) {
  .about__image {
    border-width: 0.7rem;
  }
}

.call-action {
  overflow: hidden;
}
.call-action__background {
  background-color: var(--color-dark);
  overflow: hidden;
}
.call-action__top {
  position: relative;
  z-index: 100;
}
.call-action__top_padding {
  padding-bottom: 8rem;
}
.call-action__body {
  position: relative;
  z-index: 0;
  margin-top: 0;
  padding-top: 11.2rem;
  padding-bottom: 11.2rem;
  color: var(--color-white);
  background-color: var(--color-blue-dark2);
}
@media (max-width: 45em) {
  .call-action__body {
    padding-top: 8rem;
    padding-bottom: 20.8rem;
  }
}
.call-action__bg {
  position: absolute;
  bottom: 0%;
  left: 50%;
  translate: -50% 33%;
  width: 100%;
  z-index: 0;
}
@media (max-width: 68.75em) {
  .call-action__bg {
    width: 100%;
    translate: -50% 29%;
  }
}
@media (max-width: 45em) {
  .call-action__bg {
    width: 100%;
    translate: -50% 20%;
  }
}
@media (max-width: 30em) {
  .call-action__bg {
    width: 100%;
    translate: -50% 0;
  }
}
.call-action__wrap {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.call-action__title {
  margin-bottom: 2rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}
.call-action__descript {
  max-width: 67.2rem;
  line-height: 1.3;
  margin-bottom: 4rem;
}
@media (max-width: 68.75em) {
  .call-action__descript {
    font-size: 1.6rem;
  }
}

.footer {
  color: var(--color-dark);
  background-color: var(--color-white);
  padding-top: 5rem;
  padding-bottom: 4rem;
}
@media (max-width: 45em) {
  .footer {
    padding-top: 3.2rem;
    padding-bottom: 3rem;
  }
}
.footer__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 4rem;
}
@media (max-width: 45em) {
  .footer__body {
    flex-direction: column;
    row-gap: 3.2rem;
  }
}
.footer__logo {
  aspect-ratio: 213/38;
  width: calc(213 / 10 * 1rem);
  max-width: 100%;
}
.footer__logo img, .footer__logo svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer__info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 0 1 58.6rem;
  column-gap: 3rem;
}
@media (max-width: 45em) {
  .footer__info {
    flex: initial;
    width: 100%;
  }
}
.footer__chapter {
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
  line-height: 1.5;
}
.footer__menu-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.2rem;
  column-gap: 6.1rem;
  font-size: 1.6rem;
}
@media (max-width: 45em) {
  .footer__menu-list {
    grid-template-columns: 1fr;
  }
}
.footer__menu-link {
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
  padding: 0.5rem 0;
  display: inline-flex;
}
@media (hover: hover) {
  .footer__menu-link:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .footer__menu-link:active {
    color: var(--color-accent);
  }
}
.footer__contacts {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 1.2rem;
  line-height: 1.4;
  font-size: 1.6rem;
}
.footer__contacts a {
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
}
@media (hover: hover) {
  .footer__contacts a:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .footer__contacts a:active {
    color: var(--color-accent);
  }
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.6rem;
  padding-top: 4.6rem;
  border-top: 0.1rem solid rgba(0, 0, 128, 0.2);
  column-gap: 3rem;
}
@media (max-width: 45em) {
  .footer__bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 2.4rem;
    margin-top: 3.2rem;
    padding-top: 3rem;
  }
}
.footer__copyright {
  font-size: 1.6rem;
  opacity: 0.48;
}
@media (max-width: 30em) {
  .footer__docs {
    width: 100%;
  }
}
.footer__docs-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.2rem;
  row-gap: 1rem;
}
@media (max-width: 30em) {
  .footer__docs-list {
    justify-content: space-between;
    column-gap: 1rem;
  }
}
.footer__docs-link {
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
  font-size: 1.6rem;
}
@media (hover: hover) {
  .footer__docs-link:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .footer__docs-link:active {
    color: var(--color-accent);
  }
}

.mission {
  padding-top: 6rem;
}
.mission__main {
  padding: 5rem 0 7.8rem 5rem;
  background-color: var(--color-blue-dark2);
  border-radius: 3rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 82.5em) {
  .mission__main {
    padding: 4rem 0 7.1rem 4rem;
  }
}
@media (max-width: 58.125em) {
  .mission__main {
    padding: 0;
  }
}
.mission__body {
  position: relative;
  padding-right: 41rem;
  z-index: 100;
}
@media (max-width: 58.125em) {
  .mission__body {
    padding: 2rem 2rem 0;
  }
}
.mission__title {
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 2.4rem;
  text-transform: capitalize;
  color: var(--color-accent);
}
@media (max-width: 68.75em) {
  .mission__title {
    font-size: 2rem;
  }
}
@media (max-width: 45em) {
  .mission__title {
    font-size: 1.6rem;
    margin-bottom: 3.5rem;
  }
}
.mission__subtitle {
  font-size: clamp(3.4rem, 3.0555555556vw, 4.4rem);
  font-weight: 600;
  font-size: 4.4rem;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 3rem;
  max-width: 75.7rem;
}
@media (max-width: 68.75em) {
  .mission__subtitle {
    font-size: clamp(2.6rem, 3.3203125vw, 3.4rem);
    max-width: 44.5rem;
  }
}
@media (max-width: 58.125em) {
  .mission__subtitle {
    max-width: 58rem;
  }
}
.mission__text {
  font-size: 2.2rem;
  line-height: 1.4;
  max-width: 60.6rem;
}
@media (max-width: 68.75em) {
  .mission__text {
    font-size: 1.8rem;
    max-width: 44.5rem;
  }
}
@media (max-width: 58.125em) {
  .mission__text {
    font-size: 2.2rem;
    max-width: initial;
  }
}
@media (max-width: 45em) {
  .mission__text {
    font-size: 1.6rem;
  }
}
.mission__text strong {
  font-weight: 700;
  color: var(--color-accent);
}
.mission__image {
  aspect-ratio: 801/490;
  width: calc(801 / 10 * 1rem);
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.mission__image img, .mission__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 58.125em) {
  .mission__image {
    aspect-ratio: 648/683;
    width: 100%;
    position: static;
    margin-top: -22%;
  }
  .mission__image img, .mission__image svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 30em) {
  .mission__image {
    aspect-ratio: 426/687;
    width: 100%;
    width: 124%;
    max-width: initial;
    translate: -12% 0;
    margin-top: -57%;
  }
  .mission__image img, .mission__image svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.team {
  padding-top: 8rem;
}
@media (max-width: 68.75em) {
  .team {
    padding-top: 6rem;
  }
}
.team__title {
  text-align: center;
  margin-bottom: 2rem;
}
.team__body-wrap {
  position: relative;
}
.team__blur {
  --firefox-duplicates: 4;
  content: "";
  position: absolute;
  bottom: 3.5rem;
  left: 50%;
  width: 100%;
  translate: -50% 0;
  aspect-ratio: 136/69.6;
  z-index: -1;
}
@media (max-width: 68.75em) {
  .team__blur {
    display: none;
  }
}
.team__blur-inner {
  background-color: var(--color-accent);
  border-radius: 50%;
  filter: blur(250px);
  transform: translateZ(0);
}
.team__body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  position: relative;
}
@media (max-width: 68.75em) {
  .team__body {
    gap: 1.2rem;
  }
}
@media (max-width: 58.125em) {
  .team__body {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2rem;
  }
}
.team__item {
  position: relative;
  z-index: 100;
}

.team-card {
  position: relative;
  border-radius: 1.4rem;
  padding: 1rem;
  overflow: hidden;
  aspect-ratio: 44/53.8;
}
@media (max-width: 68.75em) {
  .team-card {
    padding: 0.5rem;
  }
}
@media (max-width: 45em) {
  .team-card {
    padding: 0;
    aspect-ratio: initial;
    border-radius: 0;
  }
}
.team-card__image {
  aspect-ratio: 173/210;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: var(--color-stub);
  margin-bottom: 1rem;
}
.team-card__image img, .team-card__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 45em) {
  .team-card__image {
    position: static;
    height: auto;
    border-radius: 1.4rem;
    overflow: hidden;
  }
}
.team-card__info {
  --offset: 0.8rem;
  position: absolute;
  bottom: var(--offset);
  left: var(--offset);
  right: var(--offset);
  background-color: var(--color-white);
  color: var(--color-dark);
  padding: 1.6rem;
  border-radius: 1.6rem;
}
@media (max-width: 45em) {
  .team-card__info {
    position: static;
    padding: 0;
    background-color: transparent;
    color: var(--color-white);
  }
}
.team-card__name {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
@media (max-width: 68.75em) {
  .team-card__name {
    font-size: 1.8rem;
  }
}
.team-card__position {
  font-size: 1.6rem;
  opacity: 0.6;
  line-height: 1.2;
}
@media (max-width: 68.75em) {
  .team-card__position {
    font-size: 1.5rem;
  }
}

.reviews {
  padding-top: 12rem;
  overflow: hidden;
}
@media (max-width: 68.75em) {
  .reviews {
    padding-top: 8rem;
  }
}
@media (max-width: 45em) {
  .reviews {
    padding-top: 6rem;
  }
}
.reviews__title {
  font-size: clamp(4rem, 4.1666666667vw, 6rem);
  text-align: center;
  margin-bottom: 3rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: capitalize;
}
.reviews__slide {
  padding-right: 1.6rem;
  width: 44.2rem;
}
@media (max-width: 68.75em) {
  .reviews__slide {
    padding-right: 1.2rem;
    width: 32rem;
  }
}
@media (max-width: 45em) {
  .reviews__slide {
    width: 26.5rem;
  }
}
.reviews__item {
  height: 100%;
  padding: 2rem;
  background-color: var(--color-white);
  color: var(--color-dark);
  border-radius: 2rem;
}
@media (max-width: 45em) {
  .reviews__item {
    padding: 1.5rem;
  }
}
.reviews__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 1.2rem;
  margin-bottom: 1.9rem;
}
@media (max-width: 68.75em) {
  .reviews__head {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 45em) {
  .reviews__head {
    row-gap: 1.5rem;
  }
}
.reviews__author-name {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}
@media (max-width: 68.75em) {
  .reviews__author-name {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 45em) {
  .reviews__author-name {
    font-size: 1.6rem;
  }
}
.reviews__author-position {
  font-size: 1.4rem;
  line-height: 1.2;
}
.reviews__text {
  font-size: 2rem;
  line-height: 1.3;
}
@media (max-width: 68.75em) {
  .reviews__text {
    font-size: 1.6rem;
  }
}
@media (max-width: 45em) {
  .reviews__text {
    font-size: 1.5rem;
  }
}

.rating {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.rating__icon {
  aspect-ratio: 1;
  width: 2.3rem;
}

.cookie {
  transition: 0.2s ease-out;
  transition-property: opacity, visibility;
  will-change: opacity, visibility;
  position: fixed;
  right: var(--container-padding-x);
  bottom: var(--container-padding-x);
  padding: 2rem;
  margin-left: var(--container-padding-x);
  border-radius: 2rem;
  background-color: var(--color-white);
  color: var(--color-black);
  z-index: 2000;
  box-shadow: 0 0.4rem 2.5rem 0 rgba(0, 0, 0, 0.1);
  max-width: 40.9rem;
}
.cookie__close {
  aspect-ratio: 1;
  width: 4.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  color: var(--color-blue-dark);
}
.cookie__close-icon {
  aspect-ratio: 1;
  width: 1.4rem;
  transition: 0.2s ease-out;
  transition-property: color;
  will-change: color;
}
@media (hover: hover) {
  .cookie__close:hover {
    color: var(--color-accent);
  }
}
@media (hover: none) {
  .cookie__close:active {
    color: var(--color-accent);
  }
}
.cookie__title {
  font-size: 2.4rem;
  margin-bottom: 1.2rem;
  font-weight: 600;
  line-height: 1;
  padding-right: 2rem;
}
.cookie__descript {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  line-height: 1.25;
}
.cookie__descript a {
  color: var(--color-dark);
  text-decoration: underline;
}
@media (hover: hover) {
  .cookie__descript a:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .cookie__descript a:active {
    text-decoration: none;
  }
}

.cookie.is-hide {
  visibility: hidden;
  opacity: 0;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  place-items: center;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal-overlay .dialog-modal {
  position: relative;
  width: 100%;
  max-width: 640px;
  padding: 23px 77px 45px 77px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #000080;
  background-color: #ffffff;
  border-radius: 40px;
}

.dialog-modal__btn-close {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: background-color;
  position: absolute;
  top: 24px;
  right: 24px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 128, 0.1);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.dialog-modal__btn-close:hover {
  background-color: rgba(0, 0, 128, 0.2);
}
.dialog-modal__btn-close svg {
  display: block;
}

.dialog-modal__img {
  width: max-content;
  margin: 0 auto 22px;
}
.dialog-modal__img img {
  display: block;
  max-width: 74px;
  width: 100%;
}

.dialog-modal__title {
  margin: 0;
  font-size: 40px;
  line-height: 110%;
  font-weight: 600;
}

.dialog-modal__text {
  margin-top: 16px;
  margin-bottom: 0;
}

.dialog-modal__button-block {
  margin-top: 30px;
}

.dialog-modal__form {
  margin-top: 16px;
}

.dialog-modal__form-el:not(:first-child) {
  margin-top: 12px;
}

.dialog-actv__form-submit {
  margin-top: 24px;
}

.dialog-modal__note {
  margin-top: 16px;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: rgba(0, 0, 128, 0.6);
}
.dialog-modal__note a {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: color;
  color: inherit;
  text-decoration: underline;
}
.dialog-modal__note a:hover {
  color: #000080;
}

.btn-dialog {
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: background-color;
  width: 100%;
  margin: 0;
  padding: 20px 20px 21px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  background-color: #000080;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.btn-dialog:hover, .btn-dialog:focus {
  background-color: rgba(0, 0, 128, 0.85);
}
.btn-dialog[disabled] {
  opacity: 0.6;
}

.dialog-modal__error {
  font-size: 15px;
  margin-top: 10px;
  background-color: #f8d7da;
  padding: 5px;
  color: #842029;
}
.dialog-modal__error ul {
  list-style: disc;
  padding-left: 25px;
  text-align: left;
}

.list {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  line-height: 1.2;
}
.list__item {
  padding-left: 2rem;
  position: relative;
}
.list__item::before {
  aspect-ratio: 1;
  width: 0.5em;
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  background-color: var(--color-accent);
  border-radius: 50%;
}

.advantages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}
@media (max-width: 68.75em) {
  .advantages {
    gap: 1.2rem;
  }
}
@media (max-width: 45em) {
  .advantages {
    grid-template-columns: 1fr;
  }
}
.advantages__item {
  border-radius: 3rem;
  background-color: var(--color-white);
  padding: 4rem 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 68.75em) {
  .advantages__item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 58.125em) {
  .advantages__item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 45em) {
  .advantages__item {
    padding: 2.4rem 2.5rem;
  }
}
.advantages__icon {
  aspect-ratio: 1;
  width: 8rem;
  margin-bottom: 3.2rem;
}
@media (max-width: 68.75em) {
  .advantages__icon {
    aspect-ratio: 1;
    width: 6rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 45em) {
  .advantages__icon {
    margin-bottom: 2.4rem;
  }
}
.advantages__name {
  font-size: clamp(2.4rem, 2.5vw, 3.6rem);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 1.2rem;
}
.advantages__description {
  font-size: clamp(1.5rem, 1.3888888889vw, 2rem);
}
@media (max-width: 45em) {
  .advantages__description {
    font-size: 1.6rem;
  }
}

.about-first {
  margin-top: -80rem;
  margin-bottom: -80rem;
  padding-top: 80rem;
  padding-bottom: 80rem;
  overflow: hidden;
}
.about-first__inner {
  position: relative;
  padding-top: 3.2rem;
  margin-top: var(--header-height);
}
.about-first__bg {
  position: absolute;
  left: 50%;
  min-width: 302.6rem;
  width: 100%;
  bottom: 0;
  translate: -50% 32%;
  z-index: -1;
}
@media (max-width: 120em) {
  .about-first__bg {
    translate: -50% 22%;
  }
}
@media (max-width: 82.5em) {
  .about-first__bg {
    min-width: initial;
    width: 220%;
  }
}
@media (max-width: 68.75em) {
  .about-first__bg {
    translate: -50% 28%;
    width: 100%;
  }
}
@media (max-width: 45em) {
  .about-first__bg {
    width: 200%;
    translate: -60% 24%;
  }
}
.about-first__wrap {
  position: relative;
  z-index: 100;
}
.about-first__title {
  margin: 0 auto 5.6rem;
  text-align: center;
  max-width: 105rem;
}
@media (max-width: 45em) {
  .about-first__title {
    margin-bottom: 7.8rem;
    font-size: 3rem;
  }
}
.about-first__video-wrap {
  aspect-ratio: 1360/520;
  border-radius: 4rem;
  overflow: hidden;
  background-color: var(--color-stub);
}
@media (max-width: 68.75em) {
  .about-first__video-wrap {
    aspect-ratio: 984/504;
    border-radius: 3rem;
  }
}
@media (max-width: 45em) {
  .about-first__video-wrap {
    aspect-ratio: 358/290;
    border-radius: 2rem;
  }
}
.about-first__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story {
  padding-top: 8rem;
}
@media (max-width: 68.75em) {
  .story {
    max-width: 81.8rem;
    padding-top: 12rem;
  }
}
.story__title {
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 2rem;
}
@media (max-width: 45em) {
  .story__title {
    font-size: 4rem;
  }
}
.story__text {
  line-height: 1.4;
  font-size: 2rem;
  margin-bottom: 5rem;
}
@media (max-width: 45em) {
  .story__text {
    margin-bottom: 3rem;
  }
}
.story__image {
  aspect-ratio: 900/502;
  width: 100%;
  margin-bottom: 5rem;
  border-radius: 2rem;
  overflow: hidden;
  background-color: var(--color-stub);
}
.story__image img, .story__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 45em) {
  .story__image {
    aspect-ratio: 358/306;
    width: 100%;
  }
  .story__image img, .story__image svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.story__main {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 68.75em) {
  .story__main {
    font-size: clamp(2.6rem, 2.2222222222vw, 3.2rem);
  }
}
.story__main em {
  color: var(--color-accent);
}

.meet {
  display: flex;
  align-items: center;
  column-gap: 6.1rem;
}
@media (max-width: 68.75em) {
  .meet {
    column-gap: 5.5rem;
    justify-content: space-between;
    padding-left: 4rem;
  }
}
@media (max-width: 58.125em) {
  .meet {
    padding-left: 0;
    row-gap: 4rem;
  }
}
@media (max-width: 45em) {
  .meet {
    flex-direction: column;
  }
}
.meet__body {
  flex: 0 1 55.7rem;
  margin-top: -2.6rem;
}
@media (max-width: 68.75em) {
  .meet__body {
    margin-top: 0;
    flex: 0 1 40.3rem;
  }
}
@media (max-width: 45em) {
  .meet__body {
    flex: initial;
  }
}
.meet__title {
  margin-bottom: 2rem;
}
.meet__text {
  font-size: 2rem;
  line-height: 1.4;
}
@media (max-width: 68.75em) {
  .meet__text {
    font-size: 1.6rem;
  }
}
.meet__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 68.75em) {
  .meet__list {
    gap: 0.7rem;
  }
}
@media (max-width: 58.125em) {
  .meet__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 45em) {
  .meet__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 30em) {
  .meet__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.meet__image {
  aspect-ratio: 178/178;
  width: calc(178 / 10 * 1rem);
  max-width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  background-color: var(--color-stub);
}
.meet__image img, .meet__image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 68.75em) {
  .meet__image {
    width: 11.6rem;
    border-radius: 1.3rem;
  }
}
@media (max-width: 45em) {
  .meet__image {
    width: 100%;
  }
}

.plan-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-switcher__wrap {
  display: flex;
  border: 0.1rem solid rgba(0, 0, 128, 0.3);
  border-radius: 2.5rem;
  overflow: hidden;
  font-size: 1.6rem;
  background-color: var(--color-white-light);
}
.plan-switcher__radio {
  display: none;
}
.plan-switcher__radio:checked + label {
  background-color: var(--color-dark);
  color: var(--color-white);
  font-weight: 600;
}
.plan-switcher__item {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-out;
  transition-property: background-color;
  will-change: background-color;
  padding: 0.5rem 3.5rem;
  cursor: pointer;
  color: rgba(0, 0, 128, 0.6);
  min-height: 4rem;
  border-radius: 2.5rem;
}
@media (hover: hover) {
  .plan-switcher__item:hover {
    background-color: #e6e6e6;
  }
}
@media (hover: none) {
  .plan-switcher__item:active {
    background-color: #e6e6e6;
  }
}

.get-in-touch * {
  text-align: left;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__body {
    padding-bottom: 20px;
  }
}
.get-in-touch .call-action__title {
  text-transform: capitalize;
  font-size: 60px;
  margin-bottom: 30px;
}
@media (max-width: 1320px) {
  .get-in-touch .call-action__title {
    font-size: 50px;
  }
}
@media (max-width: 930px) {
  .get-in-touch .call-action__title {
    font-size: 30px;
  }
}
.get-in-touch .call-action__wrap {
  padding: 80px 0;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__wrap {
    padding: 60px 0;
  }
}
@media (max-width: 720px) {
  .get-in-touch .call-action__wrap {
    padding: 20px 0;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col {
  width: 50%;
}
@media (max-width: 720px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col {
    width: 100%;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col.col-1 {
  padding-left: 50px;
}
@media (max-width: 720px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col.col-1 {
    padding-left: 0;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col.col-2 {
  padding-right: 50px;
  padding-left: 70px;
}
@media (max-width: 1320px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col.col-2 {
    padding-right: 30px;
    padding-left: 0;
  }
}
@media (max-width: 720px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col.col-2 {
    padding-right: 0;
    padding-left: 0;
    padding-top: 20px;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .platform__list {
  margin-bottom: 15px;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .platform__list .list__item {
  max-width: 550px;
}
@media (max-width: 1320px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .platform__list .list__item {
    max-width: 400px;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner p {
  line-height: 30px;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner p {
    font-size: 16px;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner p em {
  color: var(--color-accent);
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner p a {
  color: var(--color-accent);
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner p a:hover {
  text-decoration: underline;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block {
  background-color: #000058;
  border-radius: 30px;
  padding: 30px;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-title {
  font-size: 20px;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row {
  width: 100%;
  display: flex;
  padding: 10px 0;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row {
    padding: 5px 0;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-50 {
  width: 50%;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-50:first-child {
  padding-right: 10px;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-50:last-child {
  padding-left: 10px;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-50:first-child {
    padding-right: 5px;
  }
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-50:last-child {
    padding-left: 5px;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-100 {
  width: 100%;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner input, .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner textarea {
  width: 100%;
  background-color: #0E0F75;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 19px 16px;
  font-size: 16px;
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner input::placeholder, .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner input:focus, .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner textarea:focus {
  outline: none;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner input, .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner textarea {
    padding: 12px 12px;
    font-size: 14px;
  }
}
.get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner .form-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 19px 0;
  width: 100%;
  background-color: var(--color-accent);
  font-size: 16px;
}
@media (max-width: 930px) {
  .get-in-touch .call-action__wrap .get-in-touch__row .get-in-touch__col .col-inner .form-block .form-row .form-col-inner .form-btn {
    padding: 15px 0;
    font-size: 15px;
  }
}

.contact-us-get-a-quote {
  background: linear-gradient(to bottom right, #ffffff 0%, #d7e1ff 150%);
}
.contact-us-get-a-quote .container {
  max-width: 950px;
  padding-bottom: 120px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .container {
    padding-bottom: 30px;
  }
}
.contact-us-get-a-quote .h2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 40px;
}
.contact-us-get-a-quote .main-form-block {
  background-color: #ffffff;
  border-radius: 40px;
  padding: 30px;
}
.contact-us-get-a-quote .form-block {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 12px;
}
.contact-us-get-a-quote .form-block h3 {
  font-size: 22px;
  font-weight: 600;
}
.contact-us-get-a-quote .form-block-slider {
  position: relative;
}
.contact-us-get-a-quote .form-block-slider h3 {
  margin-bottom: 20px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-slider h3 {
    max-width: 280px;
  }
}
@media (max-width: 480px) {
  .contact-us-get-a-quote .form-block-slider h3 {
    max-width: 190px;
  }
}
@media (max-width: 480px) {
  .contact-us-get-a-quote .form-block-slider h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.contact-us-get-a-quote .form-block-slider .slider-row {
  display: flex;
  flex-wrap: wrap;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 {
  width: 85%;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 {
    width: 100%;
  }
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 .slider-col-inner {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 15px 20px 8px 20px;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 .slider-col-inner .slider-container {
  display: flex;
  align-items: center;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 .slider-col-inner .slider-container .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: linear-gradient(to right, #e80445 0%, #e80445 var(--value, 20%), rgba(232, 4, 69, 0.2) var(--value, 20%), rgba(232, 4, 69, 0.2) 100%);
  outline: none;
  border-radius: 30px;
  transition: background 0.3s;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 .slider-col-inner .slider-container .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  background: #c93340;
  cursor: pointer;
  border-radius: 50%;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 11.6px 0 rgba(118, 118, 118, 0.1607843137);
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 .slider-col-inner .slider-labels {
  display: flex;
  justify-content: space-between;
  color: #747e97;
  margin-top: 10px;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-1 .slider-col-inner span {
  font-size: 12px;
  width: 38px;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 {
  width: 15%;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 {
    width: 70px;
    height: 60px;
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
@media (max-width: 480px) {
  .contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 {
    width: 70px;
    height: 60px;
    top: 25px;
    right: 15px;
  }
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 .value-display {
  width: 100%;
  height: 100%;
  padding: 0 0 0 26px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 .value-display {
    padding: 0;
  }
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 .value-display input {
  max-width: 100%;
  text-align: center;
  height: 100%;
  border: 1px solid rgba(0, 0, 128, 0.2);
  border-radius: 12px;
  color: #000080;
  font-weight: 600;
  font-size: 22px;
}
.contact-us-get-a-quote .form-block-slider .slider-row .slider-col-2 .value-display input:focus {
  outline: none;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-cities h3 {
    margin-bottom: 0;
  }
}
.contact-us-get-a-quote .form-block-cities .form-row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-cities .form-row {
    margin-top: 0;
  }
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col {
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-cities .form-row .form-col {
    padding-top: 15px;
  }
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col.col-1 {
  width: 35%;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-cities .form-row .form-col.col-1 {
    width: 100%;
  }
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col.col-2 {
  width: 65%;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-cities .form-row .form-col.col-2 {
    width: 100%;
  }
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col .select-wrapper {
  position: relative;
  width: 100%;
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col .select-wrapper::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 12px;
  height: 7px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTIgNyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjIxOTE2OCAwLjg3NTM0MkMwLjU2NDE3OCAwLjQ0NDA4IDEuMTkzNDcgMC4zNzQxNTggMS42MjQ3MyAwLjcxOTE2OEw2LjAwMDA0IDQuMjE5NDFMMTAuMzc1MyAwLjcxOTE2OEMxMC44MDY2IDAuMzc0MTU4IDExLjQzNTkgMC40NDQwOCAxMS43ODA5IDAuODc1MzQyQzEyLjEyNTkgMS4zMDY2IDEyLjA1NiAxLjkzNTkgMTEuNjI0NyAyLjI4MDkxTDYuNjI0NzMgNi4yODA5MUM2LjI1OTUxIDYuNTczMDggNS43NDA1NiA2LjU3MzA4IDUuMzc1MzQgNi4yODA5MUwwLjM3NTM0MiAyLjI4MDkxQy0wLjA1NTkyMDIgMS45MzU5IC0wLjEyNTg0MiAxLjMwNjYgMC4yMTkxNjggMC44NzUzNDJaIiBmaWxsPSIjMDAwMDgwIi8+PC9zdmc+") no-repeat center center;
  background-size: contain;
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col .select-wrapper select {
  width: 100%;
  text-align: center;
  height: 100%;
  border: 1px solid rgba(0, 0, 128, 0.2);
  border-radius: 12px;
  font-size: 18px;
  padding: 11px 16px;
  color: #000080;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.contact-us-get-a-quote .form-block-cities .form-row .form-col .select-wrapper select:focus {
  outline: none;
}
.contact-us-get-a-quote .form-block-inputs h3 {
  max-width: 445px;
  margin-bottom: 20px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-inputs h3 {
    margin-bottom: 0;
  }
}
.contact-us-get-a-quote .form-block-inputs .form-row {
  display: flex;
  flex-wrap: wrap;
}
.contact-us-get-a-quote .form-block-inputs .form-row:not(:last-child) .form-col {
  padding-bottom: 12px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-inputs .form-row:not(:last-child) .form-col {
    padding-bottom: 0;
  }
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col {
  width: 50%;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-inputs .form-row .form-col {
    width: 100%;
    padding-top: 15px;
  }
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col:first-child {
  padding-right: 6px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-inputs .form-row .form-col:first-child {
    padding-right: 0;
  }
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col:last-child {
  padding-left: 6px;
}
@media (max-width: 720px) {
  .contact-us-get-a-quote .form-block-inputs .form-row .form-col:last-child {
    padding-left: 0;
  }
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col label {
  display: none;
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col input {
  width: 100%;
  background-color: #ffffff;
  color: #000080;
  border-radius: 10px;
  padding: 13px 16px;
  font-size: 17px;
  border: 1px solid #cecde8;
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col input::placeholder {
  color: #cecde8;
}
.contact-us-get-a-quote .form-block-inputs .form-row .form-col input:focus {
  outline: none;
}
.contact-us-get-a-quote .disclaimer {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 25px;
}
.contact-us-get-a-quote .btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-us-get-a-quote .btn-block .button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 9px 0;
  background-color: var(--color-accent);
  font-size: 16px;
  width: 100%;
  max-width: 275px;
}
@media (max-width: 930px) {
  .contact-us-get-a-quote .btn-block .button {
    padding: 15px 0;
    font-size: 15px;
  }
}

.validation-errors ul {
  list-style: disc;
  padding-left: 15px;
}
.validation-errors ul li {
  color: var(--color-accent);
  padding: 5px 0;
  font-size: 14px;
}

.blur__wrap {
  filter: blur(900px);
  transform: translateZ(0);
  width: 100%;
  height: 100%;
}
.blur__inner {
  width: 100%;
  height: 100%;
}
.calendly-overlay .calendly-popup {
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
  width: 100% !important;
  transform: none !important;
  position: static !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
/*# sourceMappingURL=style.css.map */