@charset "UTF-8";
@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

img,
video {
  height: auto;
  display: block;
}

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

p {
  margin: 0;
}

button,
input,
textarea {
  font: inherit;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

html {
  min-width: 320px;
}

body {
  font-family: "Geologica", sans-serif;
  font-weight: 400;
}

.wrapper {
  min-height: 100%;
  overflow: clip;
}

#postModal {
  display: none;
}

.container {
  width: 100%;
  max-width: 1492px;
  margin-left: auto;
  margin-right: auto;
}

.header {
  position: relative;
  z-index: 10;
  background-color: transparent;
}
.header__wrap {
  width: 100%;
  max-width: 1940px;
  margin-inline: auto;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .header__wrap {
    margin-top: 10px;
    margin-block: clamp(0px, 0px + (100vw - 1024px) * 0.0109170306, 10px);
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 12px;
  padding-inline: 16px;
}
@media (min-width: 1024px) {
  .header__inner {
    padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
  }
}
.header__logo {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.header__logo-img {
  display: block;
  width: 62px;
  height: 32px;
  width: clamp(83px, 83px + (100vw - 393px) * 0.0275049116, 125px);
  height: clamp(48px, 48px + (100vw - 393px) * 0.0157170923, 72px);
}
.header__nav {
  display: none;
}
@media (min-width: 1024px) {
  .header__nav {
    display: block;
    margin-left: auto;
    margin-right: clamp(32px, 32px + (100vw - 1024px) * 0.0524017467, 80px);
  }
}
.header__nav-list {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  list-style: none;
}
.header__nav-link {
  padding-inline: 12px;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: clamp(14px, 14px + (100vw - 393px) * 0.0013097577, 16px);
  line-height: 1.5;
  color: #040120;
  text-decoration: none;
  transition: opacity 0.25s ease;
}
.header__nav-link:hover, .header__nav-link:focus-visible {
  opacity: 0.7;
}
.header__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 156px;
  min-height: 42px;
  padding-inline: clamp(16px, 16px + (100vw - 393px) * 0.0052390308, 24px);
  padding-block: clamp(12px, 12px + (100vw - 393px) * 0.0026195154, 16px);
  border: 1px solid #FCC842;
  border-radius: 999px;
  background-color: transparent;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: clamp(14px, 14px + (100vw - 393px) * 0.0013097577, 16px);
  line-height: 24px;
  color: #040120;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease;
}
.header__cta:hover, .header__cta:focus-visible {
  background-color: #FCC842;
}

.hero__box {
  position: relative;
  overflow: hidden;
  background: radial-gradient(237.07% 100% at 100% 50%, #F7CB58 0%, #FFC632 100%);
  border-radius: 32px;
  border-radius: clamp(0px, 0px + (100vw - 1024px) * 0.0349344978, 32px);
  padding: 12px 16px 32px;
}
.hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 392px;
}
.hero__badge {
  display: none;
  align-items: center;
  gap: 10px;
  padding-block: 12px;
  padding-inline: 32px;
  border-radius: 999px;
  background-color: #fff;
  color: #040120;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .hero__badge {
    display: inline-flex;
  }
}
.hero__badge--mobile {
  display: inline-block;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .hero__badge--mobile {
    display: none;
  }
}
.hero__badge-icon {
  display: inline-flex;
  justify-content: center;
  line-height: 1.5;
}
.hero__title {
  margin-top: 24px;
  color: #fff;
  font-weight: 800;
  font-size: clamp(32px, 32px + (100vw - 393px) * 0.0104780616, 48px);
  line-height: clamp(42px, 42px + (100vw - 393px) * 0.0144073346, 64px);
}
.hero__title span {
  display: block;
}
.hero__divider {
  width: 164px;
  height: 1px;
  margin-top: 26px;
  background-color: rgba(255, 255, 255, 0.6);
}
.hero__text {
  max-width: 360px;
  margin-top: 24px;
  color: #fff;
  font-weight: 400;
  font-size: clamp(16px, 16px + (100vw - 393px) * 0.0026195154, 20px);
  line-height: 1.45;
  line-height: clamp(24px, 24px + (100vw - 393px) * 0.0026195154, 28px);
}
@media (min-width: 1024px) {
  .hero__text {
    max-width: 590px;
  }
}
.hero__cta {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 72px;
  margin-top: clamp(32px, 32px + (100vw - 393px) * 0.0209561231, 64px);
  padding-inline: 32px;
  border-radius: 999px;
  background-color: #040120;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  font-size: clamp(12px, 12px + (100vw - 393px) * 0.0039292731, 18px);
  line-height: 24px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .hero__cta {
    display: inline-flex;
  }
}
.hero__cta--mobile {
  display: inline-flex;
  margin-top: 0px;
}
@media (min-width: 768px) {
  .hero__cta--mobile {
    display: none;
  }
}
.hero__media {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 473.5px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.hero__pattern {
  position: absolute;
  top: 0;
  left: 50%;
  width: 472.023px;
  height: 473.5px;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateX(-50%) rotate(-4.896deg);
}
.hero__image {
  position: absolute;
  top: -3%;
  left: clamp(180px, 180px + (100vw - 360px) * 0.4977375566, 510px);
  width: clamp(380px, 380px + (100vw - 360px) * 0.1357466063, 470px);
  height: clamp(510px, 510px + (100vw - 360px) * 0.1885369532, 635px);
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .hero__box {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 80px;
  }
  .hero__content {
    max-width: 760px;
    padding-block: 140px;
  }
  .hero__media {
    top: 0;
    right: -10px;
    left: auto;
    width: 956px;
    height: 100%;
    transform: none;
  }
  .hero__pattern {
    top: 24px;
    left: 0;
    width: 955.906px;
    height: 958.896px;
    transform: rotate(0);
  }
  .hero__image {
    top: -9.5%;
    left: clamp(84px, 210px + (100vw - 1024px) * -0.1375545852, 210px);
    width: 826.914px;
    height: 1095.592px;
    transform: rotate(0);
  }
}

.stats {
  padding-top: 20px;
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.stats__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(11px, 11px + (100vw - 393px) * 0.0058939096, 20px);
}
@media (min-width: 1024px) {
  .stats__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.stats-card {
  padding: 24px;
  border: 1px solid #FCC842;
  border-radius: 32px;
  background-color: transparent;
  max-width: 480px;
  width: 100%;
  justify-self: center;
}
@media (min-width: 1024px) {
  .stats-card {
    padding: clamp(24px, 24px + (100vw - 393px) * 0.0157170923, 48px);
  }
}
.stats-card__value {
  font-weight: 600;
  color: #040120;
  line-height: 1.33;
  font-size: 48px;
}
.stats-card__title {
  font-weight: 400;
  color: #040120;
  line-height: 1.4;
  font-size: 20px;
}
.stats-card__text {
  margin-top: 13px;
  font-weight: 400;
  color: rgba(4, 1, 32, 0.4);
  line-height: 1.5;
  font-size: 16px;
}

.courses {
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
}
.courses__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.courses__title {
  margin-bottom: 32px;
  color: #040120;
  font-weight: 800;
  font-size: 38px;
  line-height: 1;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
}
.courses__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 1024px) {
  .courses__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.course-card {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 24px + (100vw - 393px) * 0.0052390308, 32px);
  border-radius: 32px;
  background-color: #F6F6F6;
}
.course-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.course-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: clamp(16px, 16px + (100vw - 393px) * 0.0104780616, 32px);
  padding-block: 12px;
  border-radius: 999px;
  background-color: #fff;
  color: #040120;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}
.course-card__duration {
  flex-shrink: 0;
  color: rgba(4, 1, 32, 0.4);
  font-weight: 500;
  font-size: clamp(16px, 16px + (100vw - 393px) * 0.0026195154, 20px);
  line-height: 24px;
  text-align: right;
}
.course-card__title {
  max-width: 100%;
  color: #040120;
  font-weight: 700;
  font-size: clamp(24px, 24px + (100vw - 393px) * 0.0091683039, 38px);
  line-height: clamp(36px, 36px + (100vw - 393px) * 0.0078585462, 48px);
}
.course-card__title span {
  display: block;
}
.course-card__text {
  max-width: 100%;
  margin-top: 12px;
  color: rgba(4, 1, 32, 0.4);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .course-card__text {
    max-width: 469px;
  }
}
.course-card__link {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 148px;
  min-height: 52px;
  margin-top: 28px;
  margin-top: clamp(77px, 94px + (100vw - 393px) * -0.0111329404, 94px);
  padding-inline: 24px;
  padding-block: 16px;
  border: 1px solid #FCC842;
  border-radius: 999px;
  background-color: transparent;
  color: #040120;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  transition: background-color 0.25s ease, opacity 0.25s ease;
}
.course-card__link:hover, .course-card__link:focus-visible {
  background-color: #FCC842;
}
.course-card__image {
  position: absolute;
  right: 24px;
  right: clamp(24px, 24px + (100vw - 393px) * 0.0052390308, 32px);
  bottom: clamp(24px, 24px + (100vw - 1024px) * 0.0087336245, 32px);
  width: clamp(150px, 150px + (100vw - 393px) * 0.0347085789, 203px);
  height: clamp(150px, 150px + (100vw - 393px) * 0.0360183366, 205px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
  pointer-events: none;
}

.media {
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
}
.media__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.media__title {
  margin-bottom: 32px;
  color: #040120;
  font-weight: 800;
  font-size: 38px;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
}
.media__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 1024px) {
  .media__grid {
    grid-template-columns: repeat(3, minmax(0, 2fr));
    gap: 13px;
  }
}
@media (min-width: 1200px) {
  .media__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.media-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  border-radius: 8px;
  background-color: #F6F6F6;
}
.media-card--one {
  padding-inline: clamp(31px, 31px + (100vw - 393px) * 0.0098231827, 46px);
}
.media-card--two {
  padding-inline: clamp(20px, 20px + (100vw - 393px) * 0.0045841519, 27px);
}
.media-card--three {
  padding-inline: clamp(16px, 16px + (100vw - 393px) * 0.0072036673, 27px);
}
.media-card--four {
  padding-inline: clamp(21px, 36px + (100vw - 393px) * -0.0098231827, 36px);
}
.media-card--five {
  padding-inline: 17px;
}
.media-card--six {
  padding-inline: clamp(26px, 26px + (100vw - 393px) * 0.0006548788, 27px);
}
.media-card__logo {
  display: block;
  max-width: 100%;
  max-height: 56px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1024px) {
  .media-card__logo {
    max-height: 64px;
  }
}

.training {
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
}
.training__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.training__title {
  color: #040120;
  font-weight: 800;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
  font-size: 38px;
}
.training__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 24px + (100vw - 393px) * 0.0261951539, 64px);
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .training__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.training-step__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .training-step__head {
    justify-content: space-between;
  }
}
.training-step__num {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  color: #FCC842;
  font-weight: 500;
  line-height: clamp(90px, 90px + (100vw - 393px) * 0.0065487885, 100px);
  font-size: clamp(84px, 84px + (100vw - 393px) * 0.0065487885, 94px);
}
.training-step__arrow {
  width: clamp(113px, 113px + (100vw - 430px) * 0.3153456998, 300px);
}
@media (min-width: 1024px) {
  .training-step__arrow {
    width: clamp(113px, 113px + (100vw - 393px) * 0.0903732809, 251px);
  }
}
.training-step__arrow--mobile {
  display: none;
}
@media (min-width: 1024px) {
  .training-step__arrow--mobile {
    display: block;
  }
}
.training-step__title {
  color: #040120;
  font-weight: 600;
  line-height: clamp(28px, 28px + (100vw - 393px) * 0.0052390308, 36px);
  font-size: clamp(20px, 20px + (100vw - 393px) * 0.0052390308, 28px);
}
.training-step__text {
  margin-top: clamp(8px, 8px + (100vw - 393px) * 0.0026195154, 12px);
  color: rgba(4, 1, 32, 0.4);
  font-weight: 400;
  line-height: 1.5;
  font-size: 16px;
}
.training-step:last-child .training-step__head::after {
  display: none;
}

.experts {
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
}
.experts__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.experts__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .experts__head {
    align-items: center;
  }
}
.experts__title {
  color: #040120;
  font-weight: 800;
  font-size: 38px;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
}
.experts__nav {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.experts__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border: none;
  border-radius: 50%;
  background-color: #F6F6F6;
  color: #040120;
  cursor: pointer;
}
.experts__nav-btn svg {
  display: block;
}
.experts__slider {
  overflow: hidden;
}
.experts__track {
  display: flex;
  gap: 20px;
  will-change: transform;
  touch-action: pan-y;
}

.expert-card {
  flex: 0 0 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .expert-card {
    flex: 0 0 calc((100% - 60px) / 4);
  }
}
.expert-card__media {
  overflow: hidden;
  width: 355px;
  margin-inline: auto;
  border-radius: 16px;
  background-color: #F6F6F6;
}
@media (min-width: 1024px) {
  .expert-card__media {
    width: 100%;
    aspect-ratio: 355/399;
  }
}
.expert-card__media img {
  display: block;
  width: 100%;
  max-width: 355px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.expert-card__name {
  margin-top: 20px;
  color: #040120;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}
.expert-card__text {
  margin-top: 7px;
  color: rgba(4, 1, 32, 0.4);
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.reviews {
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
}
.reviews__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.reviews__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .reviews__head {
    align-items: center;
  }
}
.reviews__title {
  color: #040120;
  font-weight: 800;
  font-size: 38px;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
}
.reviews__nav {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.reviews__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border: none;
  border-radius: 50%;
  background-color: #F6F6F6;
  color: #040120;
  cursor: pointer;
  transition: background-color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}
.reviews__nav-btn:hover, .reviews__nav-btn:focus-visible {
  transform: translateY(-1px);
  opacity: 0.9;
}
.reviews__nav-btn svg {
  display: block;
}
.reviews__slider {
  overflow: hidden;
  max-width: 398px;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  .reviews__slider {
    max-width: 100%;
  }
}
.reviews__track {
  display: flex;
  gap: 20px;
  will-change: transform;
  touch-action: pan-y;
}
@media (min-width: 1024px) {
  .reviews__track {
    justify-content: center;
  }
}

.review-card {
  flex: 0 0 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .review-card {
    flex: 0 0 calc((100% - 80px) / 5);
  }
}
.review-card__trigger {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  aspect-ratio: 264/400;
  outline: none;
}
.review-card__media {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-card__name {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding-inline: 18px;
  border-radius: 999px;
  background-color: #fff;
  color: #040120;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
}
.review-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.review-card__play svg {
  display: block;
  width: 73px;
  height: 73px;
}
@media (min-width: 1024px) {
  .review-card__play svg {
    width: 81px;
    height: 81px;
  }
}
.review-card__trigger:focus-visible {
  box-shadow: 0 0 0 3px rgba(4, 1, 32, 0.18);
}

.review-card.is-playing .review-card__play {
  opacity: 0;
}

.partners {
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
}
.partners__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.partners__title {
  color: #040120;
  font-weight: 800;
  font-size: 38px;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
}
.partners__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .partners__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
  }
}

.partner-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  border-radius: 8px;
  background-color: #F6F6F6;
}
@media (min-width: 1024px) {
  .partner-card {
    min-height: 138px;
  }
}
.partner-card--one {
  padding-inline: clamp(27px, 27px + (100vw - 393px) * 0.0144073346, 49px);
}
.partner-card--two {
  padding-inline: clamp(16px, 16px + (100vw - 393px) * 0.0117878193, 34px);
}
.partner-card--three {
  padding-inline: clamp(15px, 15px + (100vw - 393px) * 0.0130975769, 35px);
}
.partner-card--four {
  padding-inline: clamp(21px, 21px + (100vw - 393px) * 0.0019646365, 24px);
}
.partner-card--five {
  padding-inline: clamp(0px, 0px + (100vw - 393px) * 0.0340537001, 52px);
}
.partner-card--wide {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .partner-card--wide {
    grid-column: auto;
  }
}
.partner-card__logo {
  display: block;
  max-width: 100%;
  max-height: 52px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1024px) {
  .partner-card__logo {
    max-height: 48px;
  }
}

.consultation {
  background: #FCC842;
}
.consultation__bg {
  background-image: url("../../images/consultation/vector.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1024px) {
  .consultation__bg {
    background-size: contain;
    background-position: left top;
  }
}
.consultation__inner {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-inline: 16px;
}
@media (min-width: 1024px) {
  .consultation__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.consultation__content {
  position: relative;
  z-index: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .consultation__content {
    flex: 0 1 600px;
  }
}
.consultation__title {
  color: #040120;
  font-weight: 800;
  font-size: 38px;
  line-height: clamp(48px, 48px + (100vw - 393px) * 0.0039292731, 54px);
}
.consultation__title span {
  display: block;
}
.consultation__text {
  max-width: 480px;
  margin-top: 10px;
  color: rgba(4, 1, 32, 0.5);
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.form-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media (min-width: 1024px) {
  .form-wrapper {
    flex: 0 0 442px;
    max-width: 442px;
  }
}
.form-wrapper .form-container {
  width: 100%;
}
.form-wrapper .form_group--name,
.form-wrapper .form_group--email,
.form-wrapper .form_input--group {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .form-wrapper .form_group--name,
  .form-wrapper .form_group--email,
  .form-wrapper .form_input--group {
    margin-bottom: 14px;
  }
}
.form-wrapper .form_group--name input,
.form-wrapper .form_group--name select,
.form-wrapper .form_group--email input,
.form-wrapper .form_group--email select,
.form-wrapper .form_input--group input,
.form-wrapper .form_input--group select {
  width: 100%;
  height: 56px;
  padding-inline: 18px;
  border: 1px solid #040120;
  border-radius: 10px;
  background-color: #F6F6F6;
  color: #040120;
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  outline: none;
  box-shadow: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-wrapper .form_group--name input::-moz-placeholder, .form-wrapper .form_group--name select::-moz-placeholder, .form-wrapper .form_group--email input::-moz-placeholder, .form-wrapper .form_group--email select::-moz-placeholder, .form-wrapper .form_input--group input::-moz-placeholder, .form-wrapper .form_input--group select::-moz-placeholder {
  color: #040120;
  opacity: 1;
}
.form-wrapper .form_group--name input::placeholder,
.form-wrapper .form_group--name select::placeholder,
.form-wrapper .form_group--email input::placeholder,
.form-wrapper .form_group--email select::placeholder,
.form-wrapper .form_input--group input::placeholder,
.form-wrapper .form_input--group select::placeholder {
  color: #040120;
  opacity: 1;
}
.form-wrapper .form_group--name input:focus,
.form-wrapper .form_group--name select:focus,
.form-wrapper .form_group--email input:focus,
.form-wrapper .form_group--email select:focus,
.form-wrapper .form_input--group input:focus,
.form-wrapper .form_input--group select:focus {
  box-shadow: 0 0 0 2px rgba(4, 1, 32, 0.08);
}
@media (min-width: 1024px) {
  .form-wrapper .form_group--name input,
  .form-wrapper .form_group--name select,
  .form-wrapper .form_group--email input,
  .form-wrapper .form_group--email select,
  .form-wrapper .form_input--group input,
  .form-wrapper .form_input--group select {
    height: 57px;
    padding-inline: 20px;
  }
}
.form-wrapper .form_group--name[style*="display: none"],
.form-wrapper .form_input--group[style*="display: none"],
.form-wrapper .checkbox-wrapper[style*="display: none"],
.form-wrapper .form_group--radio[style*="display:none"],
.form-wrapper .form_group--hidden {
  margin-bottom: 0;
}
.form-wrapper .intl-tel-input {
  width: 100%;
  display: block;
}
.form-wrapper .intl-tel-input .selected-flag {
  height: 56px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
}
@media (min-width: 1024px) {
  .form-wrapper .intl-tel-input .selected-flag {
    height: 57px;
  }
}
.form-wrapper .intl-tel-input input {
  padding-left: 52px !important;
}
.form-wrapper .flag-container {
  z-index: 3;
}
.form-wrapper .checkbox-wrapper {
  margin-top: 10px;
}
.form-wrapper .checkbox-wrapper label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(4, 1, 32, 0.75);
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  cursor: pointer;
}
.form-wrapper .checkbox-wrapper input[type=checkbox] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #040120;
}
.form-wrapper .form_group--button {
  margin-top: 14px;
}
@media (min-width: 1024px) {
  .form-wrapper .form_group--button {
    margin-top: 16px;
  }
}
.form-wrapper .send-form.btn {
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 10px;
  background-color: #040120;
  color: #fff;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
}
.form-wrapper .send-form.btn .button--inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.form-wrapper .send-form.btn:hover, .form-wrapper .send-form.btn:focus-visible {
  transform: translateY(-1px);
  opacity: 0.95;
}
.form-wrapper .send-form.btn:disabled {
  opacity: 1;
  background-color: #040120;
  cursor: pointer;
}
.form-wrapper .close-form {
  display: none !important;
}
.form-wrapper .validation {
  display: none;
}
.form-wrapper .error {
  margin-top: 6px;
  color: #a11414;
  font-family: "Geologica", sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

.footer {
  background-color: #040120;
  padding-top: clamp(40px, 40px + (100vw - 393px) * 0.0130975769, 60px);
  padding-bottom: 20px;
}
.footer__inner {
  padding-inline: clamp(0px, 16px + (100vw - 1024px) * -0.0174672489, 16px);
}
.footer__top {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: clamp(0px, 32px + (100vw - 1024px) * -0.0349344978, 32px);
}
@media (min-width: 1024px) {
  .footer__top {
    grid-template-columns: minmax(180px, 1.1fr) minmax(390px, 1fr) minmax(260px, 0.8fr) minmax(120px, 0.45fr);
    -moz-column-gap: clamp(20px, 20px + (100vw - 1024px) * 0.1135371179, 124px);
         column-gap: clamp(20px, 20px + (100vw - 1024px) * 0.1135371179, 124px);
    align-items: start;
    margin-bottom: clamp(0px, 0px + (100vw - 1024px) * 0.135371179, 124px);
  }
}
.footer__logo {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}
.footer__logo-img {
  display: block;
  width: 187px;
  height: auto;
}
.footer__column {
  min-width: 0;
  padding-inline: 12px;
}
.footer__heading {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 1024px) {
  .footer__heading {
    padding-bottom: 18px;
  }
}
.footer__list {
  display: grid;
  padding-left: 0;
  gap: 24px;
  margin-top: 18px;
  margin-bottom: 0;
  list-style: none;
}
.footer__list a {
  color: #fff;
  font-weight: 500;
  font-size: clamp(14px, 14px + (100vw - 393px) * 0.0013097577, 16px);
  line-height: clamp(22px, 22px + (100vw - 393px) * 0.0013097577, 24px);
}
.footer__middle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer__company, .footer__phone {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
.footer__phone {
  text-decoration: none;
}
.footer__note {
  max-width: 760px;
  margin-inline: auto;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .footer__note {
    max-width: 100%;
  }
}

body.is-legal-open {
  overflow: hidden;
}

.legal-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.legal-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.legal-modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(4, 1, 32, 0.55);
}
.legal-modal__dialog {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.legal-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background-color: #F6F6F6;
  cursor: pointer;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.legal-modal__close:hover, .legal-modal__close:focus-visible {
  transform: scale(1.04);
  opacity: 0.9;
}
.legal-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #040120;
  border-radius: 999px;
}
.legal-modal__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.legal-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 1024px) {
  .legal-modal__close {
    top: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
  }
}
.legal-modal__content {
  height: 100%;
  overflow-y: auto;
  padding: 72px 16px 40px;
}
@media (min-width: 1024px) {
  .legal-modal__content {
    padding: 40px 24px 48px;
  }
}
.legal-modal__container {
  max-width: 860px;
  margin: 0 auto;
  color: #040120;
}
.legal-modal__container h1,
.legal-modal__container h2,
.legal-modal__container p {
  margin: 0;
}
.legal-modal__container h1 {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .legal-modal__container h1 {
    margin-bottom: 28px;
    font-size: 36px;
  }
}
.legal-modal__container h2 {
  margin-top: 28px;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .legal-modal__container h2 {
    margin-top: 36px;
    margin-bottom: 18px;
    font-size: 28px;
  }
}
.legal-modal__container p {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
}
@media (min-width: 1024px) {
  .legal-modal__container p {
    font-size: 18px;
    line-height: 1.6;
  }
}
.legal-modal__container a {
  color: #040120;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal-modal__container strong {
  font-weight: 700;
}

.exitpopup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  padding: 16px;
  background-color: rgba(4, 1, 32, 0.55);
  overflow-y: auto;
}
.exitpopup-body {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: auto;
  padding: 48px 16px 24px;
  border-radius: 32px;
  background-color: #FCC842;
  box-shadow: 0 20px 60px rgba(4, 1, 32, 0.2);
}
@media (min-width: 1024px) {
  .exitpopup-body {
    max-width: 560px;
    padding: 56px 24px 28px;
  }
}
.exitpopup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.exitpopup-close svg {
  display: block;
  width: 28px;
  height: 28px;
}
@media (min-width: 1024px) {
  .exitpopup-close {
    top: 16px;
    right: 16px;
  }
}
.exitpopup-title {
  margin: 0 0 20px;
  color: #040120;
  font-weight: 800;
  font-size: 28px;
  line-height: 1.15;
  text-align: center;
}
@media (min-width: 1024px) {
  .exitpopup-title {
    font-size: 32px;
  }
}
.exitpopup-desc {
  margin: 0 0 18px;
  color: rgba(4, 1, 32, 0.65);
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}
.exitpopup-content {
  width: 100%;
}
.exitpopup .form-container {
  width: 100%;
}
.exitpopup .form_group--name,
.exitpopup .form_group--email,
.exitpopup .form_input--group {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
.exitpopup .form_group--name input,
.exitpopup .form_group--name select,
.exitpopup .form_group--email input,
.exitpopup .form_group--email select,
.exitpopup .form_input--group input,
.exitpopup .form_input--group select {
  width: 100%;
  height: 100%;
  padding-inline: 18px;
  border: 1px solid #040120;
  border-radius: 10px;
  background-color: #F6F6F6;
  color: #040120;
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.exitpopup .form_group--name input::-moz-placeholder, .exitpopup .form_group--name select::-moz-placeholder, .exitpopup .form_group--email input::-moz-placeholder, .exitpopup .form_group--email select::-moz-placeholder, .exitpopup .form_input--group input::-moz-placeholder, .exitpopup .form_input--group select::-moz-placeholder {
  color: #040120;
  opacity: 1;
}
.exitpopup .form_group--name input::placeholder,
.exitpopup .form_group--name select::placeholder,
.exitpopup .form_group--email input::placeholder,
.exitpopup .form_group--email select::placeholder,
.exitpopup .form_input--group input::placeholder,
.exitpopup .form_input--group select::placeholder {
  color: #040120;
  opacity: 1;
}
.exitpopup .form_group--name input:focus,
.exitpopup .form_group--name select:focus,
.exitpopup .form_group--email input:focus,
.exitpopup .form_group--email select:focus,
.exitpopup .form_input--group input:focus,
.exitpopup .form_input--group select:focus {
  box-shadow: 0 0 0 2px rgba(4, 1, 32, 0.08);
}
.exitpopup .form_group--name input.invalid,
.exitpopup .form_group--name select.invalid,
.exitpopup .form_group--email input.invalid,
.exitpopup .form_group--email select.invalid,
.exitpopup .form_input--group input.invalid,
.exitpopup .form_input--group select.invalid {
  border-color: #ff5252;
  background-color: #f3a3a3;
  box-shadow: 0 0 0 6px rgba(255, 167, 38, 0.35);
}
.exitpopup .form_group--name[style*="display: none"],
.exitpopup .form_input--group[style*="display: none"],
.exitpopup .checkbox-wrapper[style*="display: none"],
.exitpopup .form_group--radio[style*="display:none"],
.exitpopup .form_group--hidden {
  margin-bottom: 0;
}
.exitpopup .intl-tel-input {
  width: 100%;
  display: block;
}
.exitpopup .intl-tel-input .selected-flag {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
}
.exitpopup .intl-tel-input input {
  padding-left: 52px !important;
}
.exitpopup .flag-container {
  z-index: 3;
}
.exitpopup .validation {
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 2;
  display: none;
  transform: translateY(-50%);
}
.exitpopup .validation i,
.exitpopup .validation .fjs,
.exitpopup .validation .fjs-exclamation {
  color: #c62828;
  font-size: 18px;
  font-style: normal;
  line-height: 1;
}
.exitpopup .form_group--name .validation[style*="display: block"],
.exitpopup .form_group--email .validation[style*="display: block"],
.exitpopup .form_input--group .validation[style*="display: block"] {
  display: block !important;
}
.exitpopup .error {
  margin-top: 6px;
  color: #a11414;
  font-family: "Geologica", sans-serif;
  font-size: 12px;
  line-height: 1.35;
}
.exitpopup .checkbox-wrapper {
  margin-top: 10px;
}
.exitpopup .checkbox-wrapper label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(4, 1, 32, 0.75);
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  cursor: pointer;
}
.exitpopup .checkbox-wrapper input[type=checkbox] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #040120;
}
.exitpopup .form_group--button {
  margin-top: 14px;
}
@media (min-width: 1024px) {
  .exitpopup .form_group--button {
    margin-top: 16px;
  }
}
.exitpopup .send-form.btn {
  width: 100%;
  height: 54px;
  border: none;
  border-radius: 14px;
  background-color: #040120;
  color: #fff;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  opacity: 1;
  box-shadow: none;
  transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
}
.exitpopup .send-form.btn .button--inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-inline: 20px;
}
.exitpopup .send-form.btn:hover, .exitpopup .send-form.btn:focus-visible {
  transform: translateY(-1px);
  opacity: 0.96;
}
.exitpopup .send-form.btn:disabled {
  opacity: 1;
  background-color: #040120;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .exitpopup .send-form.btn {
    height: 100%;
    border-radius: 14px;
    font-size: 16px;
  }
}
.exitpopup .send-form.btn {
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 10px;
  background-color: #040120;
  color: #fff;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
}
.exitpopup .send-form.btn .button--inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.exitpopup .send-form.btn:hover, .exitpopup .send-form.btn:focus-visible {
  transform: translateY(-1px);
  opacity: 0.95;
}
.exitpopup .send-form.btn:disabled {
  opacity: 1;
  background-color: #040120;
  cursor: pointer;
}
.exitpopup .close-form {
  display: none !important;
}
.exitpopup .wait-window {
  display: none !important;
}

.exitpopup #exit_form input:not([type=checkbox]).inverted {
  height: auto;
}

.exitpopup .checkbox-wrapper label {
  text-align: left;
}

.exitpopup .checkbox-wrapper input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
  margin: 4px 0 0;
}

/* инпуты/селекты */
.exitpopup #exit_form input:not([type=checkbox]),
.exitpopup #exit_form select,
.exitpopup #exit_form textarea {
  width: 100%;
  height: 68px;
  border-radius: 14px;
  border: 1px solid #e7e0d6;
  background: #fff;
  padding: 24px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: clamp(14px, 1.1vw, 18px);
  outline: none;
  box-shadow: none;
}

.exitpopup #exit_form input:not([type=checkbox]).invalid,
.exitpopup #exit_form select.invalid,
.exitpopup #exit_form textarea.invalid {
  background: #ff9f98;
}

/* placeholder */
.exitpopup #exit_form input:not([type=checkbox])::-moz-placeholder {
  color: #b7b0a7;
  font-weight: 600;
}
.exitpopup #exit_form input:not([type=checkbox])::placeholder {
  color: #b7b0a7;
  font-weight: 600;
}

.waitpopup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  padding: 16px;
  background-color: rgba(4, 1, 32, 0.55);
  overflow-y: auto;
  animation: popupFade 0.25s ease;
}
.waitpopup-body {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: auto;
  padding: 48px 16px 24px;
  border-radius: 32px;
  background-color: #FCC842;
  box-shadow: 0 20px 60px rgba(4, 1, 32, 0.2);
  animation: popupScale 0.25s ease;
}
@media (min-width: 1024px) {
  .waitpopup-body {
    max-width: 560px;
    padding: 56px 24px 28px;
  }
}
.waitpopup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.waitpopup-close svg {
  display: block;
  width: 28px;
  height: 28px;
}
@media (min-width: 1024px) {
  .waitpopup-close {
    top: 16px;
    right: 16px;
  }
}
.waitpopup-title {
  margin: 0 0 10px;
  color: #040120;
  font-weight: 800;
  font-size: 28px;
  line-height: 1.15;
  text-align: center;
}
@media (min-width: 1024px) {
  .waitpopup-title {
    font-size: 32px;
  }
}
.waitpopup-title-text {
  color: #040120;
}
.waitpopup-desc {
  margin: 0 0 18px;
  color: rgba(4, 1, 32, 0.65);
  font-family: "Geologica", sans-serif;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}
.waitpopup-content {
  width: 100%;
}
.waitpopup .form-container {
  width: 100%;
}
.waitpopup .form_group--name,
.waitpopup .form_group--email,
.waitpopup .form_input--group {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
.waitpopup .form_group--name input,
.waitpopup .form_group--name select,
.waitpopup .form_group--email input,
.waitpopup .form_group--email select,
.waitpopup .form_input--group input,
.waitpopup .form_input--group select {
  width: 100%;
  height: 100%;
  padding-inline: 18px;
  border: 1px solid #040120;
  border-radius: 10px;
  background-color: #F6F6F6;
  color: #040120;
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.waitpopup .form_group--name input::-moz-placeholder, .waitpopup .form_group--name select::-moz-placeholder, .waitpopup .form_group--email input::-moz-placeholder, .waitpopup .form_group--email select::-moz-placeholder, .waitpopup .form_input--group input::-moz-placeholder, .waitpopup .form_input--group select::-moz-placeholder {
  color: #040120;
  opacity: 1;
}
.waitpopup .form_group--name input::placeholder,
.waitpopup .form_group--name select::placeholder,
.waitpopup .form_group--email input::placeholder,
.waitpopup .form_group--email select::placeholder,
.waitpopup .form_input--group input::placeholder,
.waitpopup .form_input--group select::placeholder {
  color: #040120;
  opacity: 1;
}
.waitpopup .form_group--name input:focus,
.waitpopup .form_group--name select:focus,
.waitpopup .form_group--email input:focus,
.waitpopup .form_group--email select:focus,
.waitpopup .form_input--group input:focus,
.waitpopup .form_input--group select:focus {
  box-shadow: 0 0 0 2px rgba(4, 1, 32, 0.08);
}
.waitpopup .form_group--name input.invalid,
.waitpopup .form_group--name select.invalid,
.waitpopup .form_group--email input.invalid,
.waitpopup .form_group--email select.invalid,
.waitpopup .form_input--group input.invalid,
.waitpopup .form_input--group select.invalid {
  border-color: #ff5252;
  background-color: #f3a3a3;
  box-shadow: 0 0 0 6px rgba(255, 167, 38, 0.35);
}
.waitpopup .form_group--name[style*="display: none"],
.waitpopup .form_input--group[style*="display: none"],
.waitpopup .checkbox-wrapper[style*="display: none"],
.waitpopup .form_group--radio[style*="display:none"],
.waitpopup .form_group--hidden {
  margin-bottom: 0;
}
.waitpopup .intl-tel-input {
  width: 100%;
  display: block;
}
.waitpopup .intl-tel-input .selected-flag {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
}
.waitpopup .intl-tel-input input {
  padding-left: 52px !important;
}
.waitpopup .flag-container {
  z-index: 3;
}
.waitpopup .validation {
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 2;
  display: none;
  transform: translateY(-50%);
}
.waitpopup .validation i,
.waitpopup .validation .fjs,
.waitpopup .validation .fjs-exclamation {
  color: #c62828;
  font-size: 18px;
  font-style: normal;
  line-height: 1;
}
.waitpopup .form_group--name .validation[style*="display: block"],
.waitpopup .form_group--email .validation[style*="display: block"],
.waitpopup .form_input--group .validation[style*="display: block"] {
  display: block !important;
}
.waitpopup .error {
  margin-top: 6px;
  color: #a11414;
  font-family: "Geologica", sans-serif;
  font-size: 12px;
  line-height: 1.35;
}
.waitpopup .checkbox-wrapper {
  margin-top: 10px;
}
.waitpopup .checkbox-wrapper label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(4, 1, 32, 0.75);
  font-family: "Geologica", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  cursor: pointer;
}
.waitpopup .checkbox-wrapper input[type=checkbox] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #040120;
}
.waitpopup .form_group--button {
  margin-top: 14px;
}
@media (min-width: 1024px) {
  .waitpopup .form_group--button {
    margin-top: 16px;
  }
}
.waitpopup .send-form.btn {
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 14px;
  background-color: #040120;
  color: #fff;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  box-shadow: none;
  transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
}
.waitpopup .send-form.btn .button--inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-inline: 20px;
}
.waitpopup .send-form.btn:hover, .waitpopup .send-form.btn:focus-visible {
  transform: translateY(-1px);
  opacity: 0.96;
}
.waitpopup .send-form.btn:disabled {
  opacity: 1;
  background-color: #040120;
  cursor: pointer;
}
.waitpopup .close-form {
  display: none !important;
}
.waitpopup .wait-window {
  display: none !important;
}

.waitpopup #wait_form input:not([type=checkbox]).inverted {
  height: auto;
}

@keyframes popupFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popupScale {
  from {
    transform: scale(0.96);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.waitpopup #wait_form input:not([type=checkbox]),
.waitpopup #wait_form select,
.waitpopup #wait_form textarea {
  width: 100%;
  height: 68px;
  border-radius: 14px;
  border: 1px solid #e7e0d6;
  background: #fff;
  padding: 24px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: clamp(14px, 1.1vw, 18px);
  outline: none;
  box-shadow: none;
}

.waitpopup #wait_form input:not([type=checkbox]).invalid,
.waitpopup #wait_form select.invalid,
.waitpopup #wait_form textarea.invalid {
  background: #ff9f98;
}

.waitpopup #wait_form input:not([type=checkbox]).inverted {
  height: auto;
}

/* placeholder */
.waitpopup #wait_form input:not([type=checkbox])::-moz-placeholder {
  color: #b7b0a7;
  font-weight: 600;
}
.waitpopup #wait_form input:not([type=checkbox])::placeholder {
  color: #b7b0a7;
  font-weight: 600;
}

.waitpopup #wait_form input:not([type=checkbox]).inverted {
  height: auto;
}

.waitpopup .checkbox-wrapper label {
  text-align: left;
}

.waitpopup .checkbox-wrapper input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
  margin: 4px 0 0;
}

.waitpopup .intl-tel-input .selected-flag {
  height: 100%;
}/*# sourceMappingURL=style.css.map */