@charset "UTF-8";
*,
.cookie-consent,
.quiz__bullets,
::after,
::before {
  box-sizing: border-box;
}
.cookie-consent,
.js .reveal {
  opacity: 0;
  will-change: opacity, transform;
}
.cost__info-price,
.cost__title,
.diplomas__title,
.education__drop-title,
.education__title,
.gift__title,
.heading__title,
.hero__title,
.learn__title,
.result__card-info,
.result__card-num,
.result__title {
  text-transform: uppercase;
}
.banefits__text,
.cta__title,
.heading__subtitle,
.heading__title,
.hero__title,
.programm__info,
.programm__title,
.whom__title,
address,
body {
  font-style: normal;
}
.hero,
.hero .container,
.hero__decorate,
body {
  position: relative;
}
.whom__card .left,
.whom__card img {
  max-height: clamp(1.25rem, 0.683rem + 2.45vw, 3.625rem);
  bottom: 62px;
}
.education__drop,
.education__wrapper {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cost__form-container .checkbox-wrapper input[type='checkbox'],
.cta__form-container .checkbox-wrapper input[type='checkbox'],
.exitpopup-content .checkbox-wrapper input[type='checkbox'],
.waitpopup-content .checkbox-wrapper input[type='checkbox'] {
  width: clamp(1.25rem, 1.041rem + 0.9vw, 2.125rem);
  height: clamp(1.25rem, 1.041rem + 0.9vw, 2.125rem);
  display: inline-grid;
  place-content: center;
  padding: 0 !important;
}
.cost__form-container .checkbox-wrapper input[type='checkbox']:checked,
.cta__form-container .checkbox-wrapper input[type='checkbox']:checked,
.exitpopup-content .checkbox-wrapper input[type='checkbox']:checked,
.waitpopup-content .checkbox-wrapper input[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23B3B3B3' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  background-size: 68% 68%;
}
.education__list li,
.quiz__bullets,
.quiz__bullets li {
  list-style-type: disc !important;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/Helvetica-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url('../fonts/Ubuntu-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url('../fonts/Ubuntu-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url('../fonts/Ubuntu-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url('../fonts/Ubuntu-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}
section[id] {
  scroll-margin-top: 50px;
}
main > section {
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
}
.js .reveal {
  transform: translate3d(0, 16px, 0);
  transition-property: opacity, transform;
  transition-duration: 520ms, 720ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
.js .reveal.reveal--left {
  transform: translate3d(-16px, 0, 0);
}
.js .reveal.reveal--right {
  transform: translate3d(16px, 0, 0);
}
.js .reveal.reveal--down {
  transform: translate3d(0, -16px, 0);
}
.js .reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
body {
  font-family: var(--ff-halvetica);
  color: #636363;
  background-color: var(--lightgray);
  min-width: 320px;
  font-size: 18px;
  font-weight: 500;
}
.container {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 1820px;
}
#codeModal,
#postModal,
.scam-warning[hidden],
.sr-only,
.waitpopup-body.waitpopup-body--quiz .waitpopup-desc,
.waitpopup-body.waitpopup-body--quiz .waitpopup-title {
  display: none !important;
}
* {
  padding: 0;
  margin: 0;
  border: none;
}
a,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}
aside,
footer,
header,
legend,
main,
nav,
section {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}
ul,
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
img,
svg {
  max-width: 100%;
  height: auto;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}
input::-ms-clear {
  display: none;
}
button,
input[type='submit'] {
  display: inline-block;
  box-shadow: none;
  background: 0 0;
  cursor: pointer;
}
button:active,
button:focus,
input:active,
input:focus {
  outline: 0;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
label {
  cursor: pointer;
}
:root {
  --ff-halvetica: 'Helvetica Neue', sans-serif;
  --ff-ubuntu: 'Ubuntu', sans-serif;
  --white: #ffffff;
  --black: #070908;
  --lightgray: #f5f5f5;
  --gray: #404241;
  --grey-2: #a3a3a3;
  --black-grey: #404241;
  --dark-green: #12905b;
  --green: #20ff14;
  --mind-green: #83e5a6;
  --stoke: linear-gradient(90deg, #8a8a8a 0%, #fefefe 50.96%, #646464 98.56%);
}
.hero {
  width: 100%;
  padding: 50px 0 0;
  background-image: url(../img/hero/hero-bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero__link {
  position: absolute;
  top: 50px;
  left: 50px;
}
.hero__logo {
  width: 100%;
  max-width: clamp(12.5rem, 11.802rem + 2.98vw, 15.375rem);
}
.hero__title {
  text-align: center;
  font-family: var(--ff-ubuntu);
  font-size: clamp(2.188rem, 0.111rem + 9.49vw, 11.5rem);
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -5.52px;
  background: var(
    --stroke,
    linear-gradient(90deg, #8a8a8a 0, #fefefe 50.96%, #646464 98.56%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banefits__info-pop,
.banefits__text {
  color: var(--white, #fff);
  font-family: var(--ff-halvetica);
}
.hero__decorate {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  margin-top: -90px;
}
.hero__man,
.hero__picture {
  position: relative;
  display: block;
  width: 100%;
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 1300px) {
  .hero__decorate {
    margin-top: -50px;
  }
}
.hero__man {
  margin: 0 auto;
  height: auto;
  max-height: clamp(520px, 70vh, 920px);
  object-fit: contain;
  object-position: bottom center;
  aspect-ratio: 1694/877;
}
.hero__btns-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(14px, 2vw, 30px);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
  bottom: 70px;
  z-index: 4;
}
.hero__btns-wrapper .main-btn,
.hero__btns-wrapper button {
  width: clamp(360px, 26vw, 600px);
  padding: clamp(18px, 1.5vw, 30px) clamp(28px, 3vw, 78px);
  font-size: clamp(1.1rem, 0.9rem + 0.7vw, 1.8rem);
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1190px) {
  .hero__link {
    position: relative;
    top: auto;
    left: auto;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    width: 100%;
  }
  .hero__logo {
    display: block;
    height: clamp(19px, 4vw, 22px);
    width: auto;
    max-width: 100%;
  }
  .hero__btns-wrapper .main-btn,
  .hero__btns-wrapper button {
    padding: clamp(16px, 1.4vw, 22px) clamp(22px, 3vw, 46px);
    font-size: clamp(1.05rem, 0.92rem + 0.5vw, 1.4rem);
  }
}
.banefits {
  background-color: var(--black, #070908);
  padding: 63px 0 100px;
}
.banefits .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1525px) {
  .banefits .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.banefits__card {
  padding: 70px 41px 25px 40px;
  background-image: url(../img/ben-card.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1100px) {
  .banefits__card {
    padding: 50px 70px 37px 50px;
  }
}
.banefits__text {
  font-size: clamp(1.5rem, 1.41rem + 0.39vw, 1.875rem);
  font-weight: 700;
  line-height: clamp(1.75rem, 1.601rem + 0.65vw, 2.375rem);
}
.banefits__icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.banefits__icons > img {
  width: 40px;
  height: 40px;
}
.banefits__info {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.banefits__info-pop,
.education__title .copiright::after,
.whom__card .left,
.whom__card img {
  position: absolute !important;
}
.banefits__info-btn {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    transform 0.12s,
    opacity 0.12s;
}
.banefits__info-btn img {
  width: 32px;
  height: 32px;
}
.banefits__info-btn:hover {
  transform: translateY(-1px);
}
.banefits__info-btn:active {
  transform: translateY(0);
  opacity: 0.85;
}
.banefits__info-btn:focus-visible {
  outline: rgba(32, 255, 20, 0.75) solid 2px;
  outline-offset: 2px;
}
.banefits__info-pop {
  right: -10px;
  bottom: calc(100% + 10px);
  width: max-content;
  max-width: min(320px, 100vw - 32px);
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(7, 9, 8, 0.92);
  backdrop-filter: blur(8px);
  font-size: clamp(1rem, 0.851rem + 0.65vw, 1.625rem);
  font-weight: 500;
  line-height: 1.25;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition:
    opacity 0.15s,
    transform 0.15s;
  z-index: 50;
}
.cta,
.whom__card {
  position: relative;
  overflow: hidden;
}
.banefits__info-pop::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 100%;
  width: 10px;
  height: 10px;
  background: rgba(7, 9, 8, 0.92);
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 700px) {
  .banefits .container {
    grid-template-columns: repeat(1, 1fr);
  }
  .banefits__card {
    padding: 50px 70px 37px 50px;
  }
  .banefits__icons {
    margin-bottom: 22px;
  }
  .banefits__info-pop {
    right: -16px;
    bottom: calc(100% + 12px);
  }
}
.banefits__info.is-open .banefits__info-pop,
.banefits__info:focus-within .banefits__info-pop,
.banefits__info:hover .banefits__info-pop {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.heading {
  background-color: var(--lightgray, #f5f5f5);
  padding: 80px 0 60px;
}
.heading__title {
  color: var(--black, #070908);
  font-family: var(--ff-ubuntu);
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 7rem);
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -3.36px;
  margin-bottom: 15px;
}
.heading__title--accent {
  color: var(--green, #20ff14);
}
.heading__subtitle {
  color: var(--grey-2, #a3a3a3);
  font-family: var(--ff-halvetica);
  font-size: clamp(1rem, 0.523rem + 2.06vw, 3rem);
  font-weight: 700;
  line-height: 115%;
  margin-bottom: 17px;
}
.cta__title,
.mentors__title,
.slider-card__name,
.whom__card-title,
.whom__title {
  font-family: var(--ff-ubuntu);
  font-weight: 700;
  text-transform: uppercase;
}
.cta {
  padding: 108px 40px 180px;
  border-radius: 40px;
  background: var(--black-grey, #404241) url('../img/icons/envelope.svg')
    no-repeat right bottom;
  z-index: 2;
}
.whom__card--first,
.whom__card--four {
  background-position: center bottom;
  background-repeat: no-repeat;
}
.programm,
.whom__grid {
  background-color: var(--black);
}
.cta__title {
  color: var(--white, #fff);
  font-size: clamp(1.75rem, 1.213rem + 2.32vw, 4rem);
  line-height: clamp(2.25rem, 1.713rem + 2.32vw, 4.5rem);
  letter-spacing: -3.2px;
  margin-bottom: 56px;
}
.learn__card-info h3,
.learn__card-info p,
.whom__title {
  color: var(--black, #070908);
}
.wrapper-cta {
  padding: 80px 0;
}
.whom {
  padding-bottom: 108px;
}
.education .copiright::after,
.whom .copiright::after {
  content: '©';
  vertical-align: super;
  margin-left: 10px;
}
.education__title .copiright::after,
.mentors__title .copiright::after {
  content: '©';
  top: -0.8em;
  right: -0.75em;
  font-size: 0.92em;
  line-height: 1;
  margin-left: 0;
  vertical-align: baseline;
}
.whom__title {
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 7rem);
  line-height: 110%;
  letter-spacing: -3.36px;
  margin-bottom: 24px;
}
.whom__card-info,
.whom__card-title {
  color: var(--white, #fff);
  font-style: normal;
}
.whom__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1px;
}
.whom__card {
  padding: 60px 65px 170px 56px;
  min-height: 175px;
}
.whom__card img {
  right: -50px;
}
.whom__card .left {
  left: -50px;
}
.whom__card--first {
  background-image: url(../img/whom-1.webp);
}
.whom__card--four {
  background-image: url(../img/whom-2.webp);
}
.whom__card--left-bot {
  border-left: 1px solid var(--green);
  border-bottom: 1px solid var(--green);
}
.whom__card--top-right {
  border-top: 1px solid var(--green);
  border-right: 1px solid var(--green);
}
@media (max-width: 1050px) {
  .whom__card,
  .whom__card--left-bot {
    border-top: 1px solid var(--green);
  }
  .whom__grid {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    display: flex;
    flex-direction: column;
  }
  .whom__card .left,
  .whom__card img {
    right: -73px;
    bottom: 23px;
    z-index: 2;
  }
  .whom__card {
    padding: 21px 70px 35px 20px;
  }
  .whom__card .left {
    left: auto;
  }
  .whom__card--first {
    background-size: contain;
    order: 3;
  }
  .whom__card--four {
    background-size: contain;
    order: 4;
  }
  .whom__card--left-bot {
    border-bottom: none;
    border-left: none;
    order: 1;
  }
  .whom__card--top-right {
    border-right: none;
    order: 2;
  }
}
.whom__card-title {
  font-size: clamp(1.5rem, 0.893rem + 2.59vw, 4rem);
  line-height: clamp(1.75rem, 1.083rem + 2.85vw, 4.5rem);
  letter-spacing: -3.2px;
  margin-bottom: clamp(0.625rem, 0.291rem + 1.42vw, 2rem);
}
.whom__card-info {
  font-family: var(--ff-halvetica);
  font-size: clamp(1rem, 0.697rem + 1.29vw, 2.25rem);
  font-weight: 500;
  line-height: normal;
}
.programm {
  padding: 127px 0 153px;
  background: var(--black) url(../img/programm-bg.webp) no-repeat right bottom;
}
.programm__title {
  color: #f2f2f2;
  font-family: var(--ff-ubuntu);
  font-size: clamp(1.75rem, 1.362rem + 1.68vw, 3.375rem);
  font-weight: 700;
  line-height: clamp(2rem, 1.552rem + 1.94vw, 3.875rem);
  max-width: 1060px;
  margin-bottom: 19px;
}
.programm__title--accent {
  color: var(--green);
}
.programm__info {
  color: #f2f2f2;
  font-family: var(--ff-halvetica);
  font-size: clamp(1rem, 0.761rem + 1.03vw, 2rem);
  font-weight: 700;
  line-height: clamp(1.375rem, 1.136rem + 1.03vw, 2.375rem);
}
.learn__card-info h3,
.learn__title,
.result__title {
  font-family: var(--ff-ubuntu);
  font-weight: 700;
  font-style: normal;
}
.learn__card-info p,
.result__card-info,
.slider-card__info,
.slider-card__position,
.thanks__text {
  font-family: var(--ff-halvetica);
  font-style: normal;
}
.learn {
  padding: 104px 0 172px;
}
.learn__title {
  color: var(--white, #fff);
  font-size: clamp(1.5rem, 0.903rem + 2.58vw, 4rem);
  line-height: clamp(1.75rem, 1.094rem + 2.84vw, 4.5rem);
  letter-spacing: -3.2px;
  margin-bottom: 54px;
}
@media (max-width: 1200px) {
  .learn {
    padding: 80px 0 100px;
  }
  .learn__title {
    margin-bottom: 34px;
  }
}
@media (max-width: 900px) {
  body {
    font-size: 16px;
  }
  .hero {
    padding: 40px 0 0;
  }
  .hero .container,
  .hero__decorate,
  .hero__link {
    padding: 0;
  }
  .hero__title {
    margin-bottom: 0;
    letter-spacing: -1.32px;
  }
  .hero__man {
    max-height: none;
    aspect-ratio: 300/608;
  }
  .hero .container {
    display: flex;
    flex-direction: column;
  }
  .hero__btns-wrapper {
    background-color: transparent;
    position: static;
    width: 100%;
    padding: 25px 35px 0;
    margin-bottom: 24px;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 2vw, 20px);
    order: -1;
  }
  .hero__decorate {
    order: 0;
    margin-top: 0;
  }
  .hero__btns-wrapper .main-btn,
  .hero__btns-wrapper button {
    font-size: clamp(1.25rem, 1.011rem + 1.03vw, 2.25rem);
    padding: 25px 57px;
    width: 80%;
  }
  .banefits {
    padding: 54px 0 91px;
  }
  .heading__title {
    margin-bottom: 10px;
    letter-spacing: -0.84px;
  }
  .cta {
    padding: 80px 30px 30px;
    background: var(--black-grey, #404241) url('../img/icons/envelope-mob.svg')
      no-repeat right top;
  }
  .cta__title {
    text-align: center;
    margin-bottom: 34px;
    letter-spacing: -1.4px;
  }
  .wrapper-cta {
    padding: 50px 0;
  }
  .whom {
    padding-bottom: 50px;
  }
  .whom__title {
    letter-spacing: -0.84px;
  }
  .whom__card-title {
    letter-spacing: -1.2px;
  }
  .learn__title {
    text-align: center;
    margin-bottom: 24px;
    letter-spacing: -0.84px;
  }
}
.learn__card {
  padding: 60px 121px 100px;
  border-radius: 24px 24px 0 0;
  background-color: var(--white);
  background: var(--black-grey, #404241);
}
@media (max-width: 1200px) {
  .learn__card {
    padding: 70px 50px 50px;
  }
}
.cookie-consent {
  position: fixed;
  left: 50%;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  z-index: 1000;
  width: min(1813px, calc(100% - 100px));
  padding: clamp(10px, 0.6vw + 6px, 12px) clamp(16px, 2.2vw, 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 5vw, 150px);
  background: #404241;
  border-radius: 80px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
  transform: translate3d(-50%, 18px, 0) scale(0.99);
  filter: blur(6px);
  transition:
    opacity 260ms,
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 420ms cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.cookie-consent.cookie-consent--visible {
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
  filter: blur(0);
  pointer-events: auto;
}
.cookie-consent.cookie-consent--hiding {
  opacity: 0;
  transform: translate3d(-50%, 12px, 0) scale(0.985);
  filter: blur(8px);
}
.cookie-consent__text {
  color: var(--light-grey, #ccc);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: clamp(0.625rem, 0.476rem + 0.65vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  max-width: min(1120px, 100%);
}
.cookie-consent__link {
  color: var(--dark-green, #12905b);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 160ms;
}
.cookie-consent__link:hover {
  text-decoration: none;
  color: var(--mind-green, #83e5a6);
}
.cookie-consent__btn {
  width: 277px;
  height: 64px;
  border-radius: 100px;
  border: 2px solid transparent;
  background: #000;
  color: #fff;
  font-family: var(--ff-halvetica);
  font-size: clamp(16px, 0.55vw + 14px, 20px);
  line-height: 1;
  cursor: pointer;
  flex: 0 0 auto;
  transition:
    transform 140ms,
    box-shadow 240ms,
    border-color 240ms;
}
.cookie-consent__btn:hover {
  transform: translateY(-1px);
  border-color: var(--white, #fff);
  box-shadow: none;
}
.cookie-consent__btn:active {
  transform: translateY(0);
}
.cookie-consent__btn:focus-visible {
  outline: #20ff14 solid 2px;
  outline-offset: 3px;
}
body.is-modal-open {
  overflow: hidden;
}
body.is-modal-open .cookie-consent {
  opacity: 0;
  pointer-events: none;
}
.scam-warning {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
}
.scam-warning__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
}
.scam-warning__dialog {
  position: relative;
  width: min(
    640px,
    calc(
      100% - 32px - env(safe-area-inset-left, 0px) -
        env(safe-area-inset-right, 0px)
    )
  );
  background: #fff;
  border-radius: clamp(18px, 2vw, 28px);
  padding: clamp(22px, 3vw, 44px) 20px 50px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
  z-index: 1;
  --scam-content-width: min(560px, 100%);
  opacity: 0;
  transform: translate3d(0, 14px, 0) scale(0.985);
  filter: blur(8px);
  transition:
    opacity 240ms,
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform, filter;
}
.scam-warning.is-visible .scam-warning__dialog {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}
.scam-warning.is-hiding .scam-warning__dialog {
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.98);
  filter: blur(10px);
}
.scam-warning__title {
  margin: 0 auto clamp(18px, 1.6vw, 26px);
  color: #000;
  font-family: var(--ff-ubuntu);
  font-size: clamp(24px, 2.4vw, 44px);
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
  max-width: var(--scam-content-width);
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
.scam-warning__content {
  max-width: var(--scam-content-width);
  margin-left: auto;
  margin-right: auto;
}
.scam-warning__content p {
  margin: 0 0 clamp(18px, 1.9vw, 26px);
  color: #50554f;
  font-family: var(--ff-halvetica);
  font-size: clamp(0.95rem, 0.79rem + 0.65vw, 1.6rem);
  font-weight: 400;
  line-height: clamp(1.2rem, 0.98rem + 0.9vw, 2.05rem);
  text-align: left;
}
.scam-warning__content p:last-child {
  margin-bottom: 0;
}
.scam-warning__note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
}
.scam-warning__mark {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #d10000;
  font-weight: 800;
  line-height: 1;
}
.scam-warning__close {
  position: fixed;
  top: calc(18px + env(safe-area-inset-top, 0px));
  right: calc(18px + env(safe-area-inset-right, 0px));
  width: 48px;
  height: 48px;
  border: 0;
  background: 0 0;
  cursor: pointer;
  z-index: 2;
}
.scam-warning__close::after,
.scam-warning__close::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 2px;
  background: rgba(255, 255, 255, 0.92);
  transform-origin: center;
}
.scam-warning__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.scam-warning__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.scam-warning__close:focus-visible {
  outline: rgba(255, 255, 255, 0.9) solid 2px;
  outline-offset: 4px;
  border-radius: 10px;
}
.scam-warning__close--mobile {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: 0;
  background: 0 0;
  cursor: pointer;
  z-index: 3;
}
.scam-warning__close--mobile::after,
.scam-warning__close--mobile::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background: #050505;
  transform-origin: center;
}
.scam-warning__close--mobile::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.scam-warning__close--mobile::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.scam-warning__close--mobile:focus-visible {
  outline: #050505 solid 2px;
  outline-offset: 3px;
  border-radius: 50%;
}
@media (max-width: 600px) {
  .hero__btns-wrapper {
    gap: 10px;
  }
  .hero__btns-wrapper .main-btn,
  .hero__btns-wrapper button {
    width: 100%;
    padding: 15px 20px;
  }
  .banefits {
    padding: 42px 0 91px;
  }
  .banefits__card {
    padding: 50px 42px 37px;
  }
  .banefits__icons > img {
    width: 32px;
    height: 32px;
  }
  .heading {
    padding: 25px 0 35px;
  }
  .cta {
    padding: 80px 15px 30px;
  }
  .wrapper-cta {
    padding: 40px 0;
  }
  .whom {
    padding-bottom: 35px;
  }
  .programm {
    padding: 26px 32px 250px;
    background: var(--black) url(../img/programm-bg-mob.webp) no-repeat center
      bottom;
    background-size: cover;
  }
  .programm__info,
  .programm__title {
    text-align: center;
  }
  .learn {
    padding: 30px 0 60px;
  }
  .learn__title {
    margin-bottom: 17px;
  }
  .learn__card {
    padding: 16px 16px 32px;
  }
  .scam-warning__dialog {
    width: calc(
      100% - 24px - env(safe-area-inset-left, 0px) -
        env(safe-area-inset-right, 0px)
    );
    padding: 18px 18px 20px;
    border-radius: 18px;
  }
  .scam-warning__title {
    font-size: 28px;
    padding-right: 20px;
    text-align: center;
    white-space: normal;
  }
  .scam-warning__content p {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
  }
  .scam-warning__mark {
    width: 24px;
    height: 24px;
  }
  .scam-warning__close {
    display: none;
  }
  .scam-warning__close--mobile {
    display: inline-flex;
    width: 36px;
    height: 36px;
    top: 12px;
    right: 12px;
  }
}
.learn__card--sec {
  padding: 141px 121px 100px;
  background: var(--mind-green, #83e5a6);
  margin-top: -20px;
}
@media (max-width: 1200px) {
  .learn__card--sec {
    padding: 70px 50px 50px;
  }
}
@media (max-width: 600px) {
  .learn__card--sec {
    padding: 16px 16px 32px;
  }
  .whom__card .left,
  .whom__card img {
    right: -95px;
    bottom: 23px;
    z-index: 2;
  }
}
.learn__card--thre {
  padding: 141px 121px 100px;
  background: var(--white, #fff);
  margin-top: -20px;
}
.learn__card-view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 120px;
}
.learn__card-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.learn__card-info h3 {
  font-size: clamp(1.25rem, 0.743rem + 2.19vw, 3.375rem);
  line-height: clamp(1.625rem, 1.088rem + 2.32vw, 3.875rem);
  margin-bottom: 32px;
}
.learn__card-info p {
  font-size: clamp(1rem, 0.821rem + 0.77vw, 1.75rem);
  font-weight: 400;
  line-height: clamp(1.25rem, 1.011rem + 1.03vw, 2.25rem);
  color: #50554f;
}
.learn__card-info--first h3,
.learn__card-info--first p,
.result__title,
.second-btn,
.submit-btn {
  color: var(--white, #fff);
}
.learn__card-view img {
  max-height: 445px;
  width: 100%;
  aspect-ratio: 787.77/443.62;
  object-fit: cover;
  overflow: hidden;
  border-radius: 15.158px;
}
.result {
  padding: 24px 0 170px;
  background-image: url(../img/result/result.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.result__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 66px;
}
.result__title {
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 7rem);
  line-height: 110%;
  letter-spacing: -3.36px;
  margin-bottom: 0;
}
.result__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  grid-auto-rows: 1fr;
}
.result__card {
  padding: 20px 15px;
  border: 0.5px solid var(--stroke, #8a8a8a);
  background: var(--black, #070908);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 392px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/result/1.webp);
}
.result__card--sec {
  background-image: url(../img/result/2.webp);
}
.result__card--tre {
  background-image: url(../img/result/3.webp);
}
.result__card--for {
  background-image: url(../img/result/4.webp);
}
.result__card:nth-child(odd) {
  margin-top: 0;
}
.result__card:nth-child(2n) {
  margin-top: 200px;
}
.result__card-info {
  color: var(--bg, #f5f5f5);
  font-size: clamp(1.125rem, 1.035rem + 0.39vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.313rem, 1.208rem + 0.45vw, 1.75rem);
}
.education__title,
.result__card-num {
  font-family: var(--ff-ubuntu);
  font-style: normal;
  font-weight: 700;
}
.result__card-num {
  color: var(--white, #fff);
  font-size: clamp(3rem, 2.761rem + 1.03vw, 4rem);
  line-height: clamp(3.375rem, 3.106rem + 1.16vw, 4.5rem);
  letter-spacing: -3.2px;
}
@media (max-width: 1000px) {
  .result .container {
    padding: 0 0 0 50px;
  }
  .result {
    --peek: 64px;
    padding: 24px 0 110px;
  }
  .result__head {
    align-items: center;
    margin-bottom: 28px;
  }
  .result__grid {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 8px;
    padding-right: var(--peek);
  }
  .result__grid::-webkit-scrollbar {
    display: none;
  }
  .result__card {
    flex: 0 0 calc((100% - 40px - var(--peek)) / 3);
    scroll-snap-align: start;
  }
  .result__card:nth-child(2n) {
    margin-top: 0;
  }
}
@media (max-width: 760px) {
  .result {
    --peek: 56px;
  }
  .result__card {
    flex-basis: calc((100% - 20px - var(--peek)) / 2);
  }
}
@media (max-width: 520px) {
  .result__card {
    height: 295px;
    flex-basis: 100%;
  }
  .result {
    --peek: 44px;
  }
}
.education {
  padding-bottom: 160px;
}
.education__title .copiright {
  position: relative;
  display: inline-block;
  padding-left: clamp(32px, 18vw, 380px);
  margin-top: 1px;
}
.education__title {
  color: var(--black, #070908);
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 7rem);
  line-height: 80%;
  letter-spacing: -3.36px;
  margin-bottom: 50px;
}
.diplomas__title,
.gift__title {
  letter-spacing: -3.2px;
}
.education__drop-title,
.education__mod {
  font-family: var(--ff-ubuntu);
  font-size: clamp(1.25rem, 0.743rem + 2.19vw, 3.375rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(1.75rem, 1.243rem + 2.19vw, 3.875rem);
}
.education__item,
.education__lesson,
.infinity {
  font-size: clamp(1rem, 0.761rem + 1.03vw, 2rem);
}
.education__wrapper {
  padding: 50px 115px 0;
  transition: background-color 0.2s ease-in-out;
}
.education__wrapper:not(.education__wrapper--active):hover {
  background-color: #428e5f;
}
.education__wrapper--active {
  background-color: var(--mind-green, #83e5a6);
}
.education__list {
  padding-left: 26px;
}
.education__flex {
  display: flex;
  flex-direction: column;
  margin-bottom: 72px;
}
.education__mod {
  color: var(--mind-green, #83e5a6);
  margin-bottom: 22px;
  transition: 0.2s ease-in-out;
}
.education__drop-title,
.education__mod--active {
  color: var(--black, #070908);
}
.education__drop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 24px;
  flex: 1;
  border-bottom: 1px solid var(--light-grey, #ccc);
  user-select: none;
}
.education__drop--active {
  border-bottom: none;
}
.education__drop:focus-visible {
  outline: rgba(7, 9, 8, 0.55) solid 2px;
  outline-offset: 6px;
  border-radius: 16px;
}
@media (hover: hover) {
  .education__drop:hover {
    opacity: 0.9;
  }
}
.education__drop-title {
  flex: 1 1 auto;
  min-width: 0;
}
.education__item,
.education__lesson {
  color: var(--black, #070908);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(1.25rem, 0.981rem + 1.16vw, 2.375rem);
  font-family: 'Helvetica Neue';
}
.diplomas__card-title,
.diplomas__title,
.infinity {
  color: var(--white, #fff);
  font-weight: 700;
  font-style: normal;
}
.education__icon {
  flex: 0 0 auto;
  flex-shrink: 0;
  width: clamp(1.25rem, 0.564rem + 2.97vw, 4.125rem);
  height: clamp(1.25rem, 0.564rem + 2.97vw, 4.125rem);
  min-width: 20px;
  min-height: 20px;
  border-radius: 33px;
  background: var(--mind-green, #83e5a6);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}
.education__icon img,
.slider-btn img {
  width: clamp(0.688rem, 0.255rem + 1.87vw, 2.5rem);
  height: clamp(0.688rem, 0.255rem + 1.87vw, 2.5rem);
}
.education__icon--active {
  background: var(--white, #fff);
  transform: rotate(180deg);
}
.education__child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    max-height 0.28s,
    opacity 0.18s;
  padding-bottom: 0;
}
.education__child--active {
  opacity: 1;
  max-height: 1200px;
  pointer-events: auto;
  padding-bottom: 100px;
}
.education__child,
.education__child * {
  cursor: auto;
}
.education__lesson {
  border-radius: 100px;
  background: var(--white, #fff);
  padding: 18px 34px;
}
.btn-wrapper,
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.infinity {
  gap: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: 20px;
  background: var(--black, #070908);
  padding: 23px 95px;
  margin-top: 80px;
  text-align: center;
  font-family: var(--ff-halvetica);
  line-height: clamp(1.375rem, 1.136rem + 1.03vw, 2.375rem);
}
.diplomas__card-title,
.diplomas__title {
  font-family: var(--ff-ubuntu);
}
.diplomas {
  background-color: var(--black);
}
.diplomas .container {
  overflow: hidden;
  padding: 110px 15px 62px;
  position: relative;
}
@media (max-width: 1000px) {
  .diplomas .container {
    padding: 60px 15px 45px;
  }
}
.diplomas .xx-img {
  position: absolute;
  transform: rotate(-13deg);
  top: -25px;
  right: 150px;
  max-height: clamp(1.75rem, 1.302rem + 1.94vw, 3.625rem);
}
.diplomas__title {
  font-size: clamp(1.75rem, 1.213rem + 2.32vw, 4rem);
  line-height: clamp(2.125rem, 1.558rem + 2.45vw, 4.5rem);
  margin-bottom: 72px;
  max-width: 1400px;
}
.diplomas__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 96px;
  padding: 90px 94px;
  border-radius: 24px;
  border: 1px solid #404241;
  background: rgba(255, 255, 255, 0.18);
}
.diplomas__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.diplomas__card-img {
  margin-bottom: 40px;
  width: 75%;
  transition: 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .diplomas__grid,
  .learn__card-view {
    column-gap: 50px;
  }
  .learn__card--thre {
    padding: 70px 50px 50px;
  }
  .diplomas__grid {
    padding: 50px 54px;
  }
  .diplomas__card-img {
    width: 80%;
  }
}
.diplomas__card-img:hover {
  transform: scale(1.05);
}
.diplomas__card-title {
  font-size: clamp(1.25rem, 0.743rem + 2.19vw, 3.375rem);
  line-height: clamp(1.375rem, 0.778rem + 2.58vw, 3.875rem);
  margin-bottom: 16px;
}
.diplomas__card-info {
  color: var(--light-grey, #ccc);
  font-family: var(--ff-halvetica);
  font-size: clamp(1rem, 0.851rem + 0.65vw, 1.625rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(1.375rem, 1.136rem + 1.03vw, 2.375rem);
}
.gift__info,
.gift__title {
  font-weight: 700;
  position: relative;
  font-style: normal;
  z-index: 2;
  text-align: center;
}
.diplomas__card-title img {
  vertical-align: middle;
}
.gift {
  padding-bottom: 100px;
}
.gift__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background: var(--white, #fff);
  padding: 110px 0 118px;
  overflow: hidden;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.15);
}
.gift__title {
  color: var(--black, #070908);
  font-family: var(--ff-ubuntu);
  font-size: clamp(1.75rem, 1.213rem + 2.32vw, 4rem);
  line-height: clamp(2.125rem, 1.558rem + 2.45vw, 4.5rem);
  max-width: 900px;
  margin-bottom: 11px;
}
.gift__title--accent {
  color: #0ec204;
}
.gift__info {
  color: var(--black, #070908);
  font-family: var(--ff-halvetica);
  font-size: clamp(1rem, 0.761rem + 1.03vw, 2rem);
  line-height: clamp(1.375rem, 1.136rem + 1.03vw, 2.375rem);
  max-width: 826px;
}
.cost__info-flex__left-title,
.cost__info-price,
.cost__info-price::after,
.cost__title {
  font-family: var(--ff-ubuntu);
  font-weight: 700;
}
.gift__decor,
.gift__decor--sec {
  width: auto;
  bottom: 0;
  object-fit: cover;
  position: absolute;
}
.gift__decor {
  left: 0;
  max-height: clamp(12.5rem, -4.044rem + 29.41vw, 31.25rem);
}
@media (max-width: 900px) {
  .cookie-consent {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
    gap: 10px;
    border-radius: 0;
    flex-direction: column;
    align-items: stretch;
    box-shadow: none;
    transform: translate3d(0, 18px, 0) scale(0.99);
  }
  .cookie-consent.cookie-consent--visible {
    transform: translate3d(0, 0, 0) scale(1);
  }
  .cookie-consent.cookie-consent--hiding {
    transform: translate3d(0, 12px, 0) scale(0.985);
  }
  .cookie-consent__text {
    max-width: none;
  }
  .cookie-consent__link {
    display: block;
    margin-top: 4px;
  }
  .cookie-consent__btn {
    width: clamp(8.688rem, 6.629rem + 8.9vw, 17.313rem);
    height: clamp(1.625rem, 1.058rem + 2.45vw, 4rem);
    align-self: center;
    font-size: clamp(0.625rem, 0.476rem + 0.65vw, 1.25rem);
  }
  .diplomas__title,
  .education__title,
  .gift__title,
  .result__title {
    letter-spacing: -1.4px;
  }
  .diplomas__grid,
  .learn__card-view {
    grid-template-columns: repeat(1, 1fr);
  }
  .diplomas__card-info,
  .diplomas__card-title,
  .diplomas__title,
  .learn__card-info p {
    text-align: center;
  }
  .learn__card-view img {
    margin-bottom: 20px;
  }
  .learn__card-info h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  .education {
    padding-bottom: 100px;
  }
  .education__title {
    margin-bottom: 32px;
  }
  .education__flex {
    margin-bottom: 42px;
  }
  .infinity {
    gap: 8px;
    margin-top: 40px;
  }
  .diplomas .container {
    padding: 54px 15px;
  }
  .diplomas .xx-img {
    top: -12px;
    right: 50px;
  }
  .diplomas__title {
    margin-bottom: 34px;
  }
  .diplomas__grid {
    row-gap: 30px;
    padding: 30px 34px;
  }
  .diplomas__card {
    align-items: center;
  }
  .diplomas__card-title img {
    width: 30px;
  }
  .diplomas__card-info img {
    height: 25px;
  }
  .gift {
    padding-bottom: 70px;
  }
  .gift__wrapper {
    padding: 160px 18px 165px;
  }
  .gift__decor {
    display: none;
  }
  .gift__decor--mob {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 196px;
  }
}
.cost__grid,
.cost__info-list {
  grid-template-columns: repeat(2, 1fr);
}
.gift__decor--sec {
  right: 0;
  max-height: clamp(12.5rem, -22.518rem + 62.25vw, 52.188rem);
}
@media (min-width: 900px) {
  .gift__decor--mob,
  .gift__decor--sec--mob {
    display: none;
  }
}
.cost {
  background-color: var(--black);
  padding: 121px 0 50px;
}
.cost__title {
  color: var(--white, #fff);
  font-size: clamp(1.75rem, 1.248rem + 2.29vw, 4rem);
  font-style: normal;
  line-height: clamp(2.25rem, 1.748rem + 2.29vw, 4.5rem);
  letter-spacing: -3.2px;
  margin-bottom: 48px;
}
.cost__info-price,
.cost__info-price::after {
  color: var(--black, #070908);
}
.cost__grid {
  border-radius: 24px;
  background: var(--white, #fff);
  display: grid;
  overflow: hidden;
}
.cost__info {
  padding: 40px 120px 40px 40px;
}
.cost__info-price {
  font-size: clamp(3.5rem, 2.72rem + 3.57vw, 7rem);
  font-style: normal;
  line-height: 110%;
  letter-spacing: -3.36px;
  margin-bottom: 64px;
}
.cost__info-flex__left-price,
.cost__info-flex__left-title {
  color: var(--grey-2, #a3a3a3);
  line-height: 115%;
  font-style: normal;
}
.cost__info-price::after {
  content: ' руб/мес';
  font-size: clamp(1.5rem, 1.082rem + 1.91vw, 3.375rem);
  font-style: normal;
  line-height: 32px;
}
.cost__info-flex {
  display: flex;
  align-items: center;
  gap: 60px;
}
.cost__info-flex__left-title {
  font-size: clamp(1.25rem, 1.194rem + 0.25vw, 1.5rem);
}
.cost__info-flex__left-price {
  font-family: var(--ff-halvetica);
  font-size: clamp(1.75rem, 1.471rem + 1.27vw, 3rem);
  font-weight: 400;
}
.cost__info-flex__right-promo,
.cost__info__promo-input,
.cost__promo-input {
  border: 0;
  font-size: clamp(1.125rem, 1.041rem + 0.38vw, 1.5rem);
  background: 0 0;
}
.cost__info-flex__left-price::after {
  content: ' руб/мес';
  font-family: var(-ff-halvetica);
  font-size: clamp(1.25rem, 1.139rem + 0.51vw, 1.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.cost__info-flex__right-promo {
  color: #0ec204;
  font-family: var(--ff-halvetica);
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  cursor: pointer;
  padding: 0;
}
.cost__info-text,
.cost__info__promo-apply,
.cost__info__promo-error,
.cost__info__promo-input,
.cost__promo-apply,
.cost__promo-error,
.cost__promo-input {
  font-family: var(--ff-halvetica);
  font-weight: 500;
  line-height: 115%;
}
.cost__info-flex__right-promo:hover {
  color: #428e5f;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 6.5%;
  text-underline-offset: 15.5%;
}
.cost__info__promo,
.cost__promo {
  width: 100%;
  max-width: 520px;
}
.cost__info__promo-row,
.cost__promo-row {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cost__info__promo-input,
.cost__promo-input {
  flex: 1 1 auto;
  min-width: 160px;
  padding: 6px 0;
  border-bottom: 2px solid #070908;
  color: #070908;
}
.cost__info__promo-input:focus,
.cost__promo-input:focus {
  outline: 0;
  border-bottom-color: #428e5f;
}
.cost__info__promo-input::placeholder,
.cost__promo-input::placeholder {
  color: rgba(7, 9, 8, 0.45);
}
.cost__info__promo-apply,
.cost__promo-apply {
  flex: 0 0 auto;
  border: 0;
  border-radius: 12px;
  background: #404241;
  color: #fff;
  padding: 12px 18px;
  font-size: 18px;
  cursor: pointer;
}
.cost__info__promo-apply:hover,
.cost__promo-apply:hover {
  background: #2f3130;
}
.cost__info__promo-error,
.cost__promo-error {
  margin-top: 12px;
  color: #ff4a33;
  font-size: 14px;
}
.cost__form-title,
.cost__info-text {
  color: var(--black, #070908);
  font-style: normal;
}
.cost__info-list {
  padding: 40px 0 56px;
  margin-top: 84px;
  display: grid;
  gap: 40px;
  border-top: 2px solid #0ec204;
}
@media (max-width: 1200px) {
  .cost__info {
    padding: 40px 70px 40px 40px;
  }
  .cost__info-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .cost__info-list {
    gap: 24px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px;
  }
}
.cost__info-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.cost__info-icon {
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cost__info-text {
  font-size: clamp(1rem, 0.944rem + 0.25vw, 1.25rem);
}
.cost__form {
  background: var(--bg, #f5f5f5);
  padding: 34px 23px;
}
.cost__form-title {
  text-align: center;
  font-family: var(--ff-ubuntu);
  font-size: clamp(1.25rem, 0.971rem + 1.27vw, 2.5rem);
  font-weight: 700;
  line-height: clamp(1.5rem, 1.166rem + 1.53vw, 3rem);
  margin-bottom: 24px;
}
.footer__link,
.main-btn,
.second-btn,
.submit-btn {
  font-family: var(--ff-halvetica);
  transition: 0.2s ease-in-out;
  font-style: normal;
}
.footer {
  padding-bottom: 50px;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.decorate,
.footer__list {
  align-items: center;
  display: flex;
}
.footer__logo {
  margin-bottom: 55px;
}
.footer__logo img {
  height: clamp(1.5rem, 1.246rem + 1.1vw, 2.563rem);
}
.footer__item--prob:not(:last-child) {
  border-right: 2px solid var(--grey-2, #a3a3a3);
}
.footer__list {
  justify-content: center;
  margin-bottom: 6px;
}
.footer__link {
  color: var(--grey-2, #a3a3a3);
  text-align: center;
  font-size: clamp(1rem, 0.881rem + 0.52vw, 1.5rem);
  font-weight: 400;
  line-height: 115%;
  padding: 0 10px;
}
.main-btn,
.second-btn {
  font-size: clamp(1.25rem, 1.011rem + 1.03vw, 2.25rem);
  line-height: normal;
}
@media (min-width: 1600px) {
  .footer__link {
    font-weight: 700;
  }
}
.main-btn,
.second-btn,
.submit-btn {
  font-weight: 500;
}
.quiz__title,
.thanks__title {
  font-family: var(--ff-ubuntu);
  text-transform: uppercase;
}
.footer__link:hover {
  color: var(--white);
}
.footer__link--text:hover {
  color: var(--grey-2, #a3a3a3);
}
.footer__last {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.decorate {
  width: 99.5%;
  justify-content: space-between;
  margin-bottom: 5px;
}
.decorate__img {
  height: clamp(1.75rem, 1.302rem + 1.94vw, 3.625rem);
  z-index: 2;
}
.decorate__line {
  height: 2px;
  width: 100%;
  background-color: #a3a3a3;
  margin-right: -50px;
  margin-left: -30px;
}
.main-btn {
  color: var(--white, #fff);
  padding: 33px 93px;
  border: 4px solid var(--stroke, #30f69e);
  background: var(--dark-green, #12905b);
}
.main-btn:not(:disabled):not(.disabled):hover {
  border: 4px solid var(--stroke, #30f69e);
  -webkit-box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
  -moz-box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
  box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
}
.main-btn.disabled,
.main-btn:disabled {
  color: #636363;
  border: 3px solid #4c4d4c;
  background: #2c332f;
  box-shadow: none;
}
.second-btn {
  padding: 33px 93px;
  border: 4px solid var(--stroke, #30f69e);
  background: var(--black, #070908);
  -webkit-box-shadow: 0 0 15px 2px rgba(14, 194, 4, 0.91);
  -moz-box-shadow: 0 0 15px 2px rgba(14, 194, 4, 0.91);
  box-shadow: 0 0 15px 2px rgba(14, 194, 4, 0.91);
}
@media (max-width: 900px) {
  .gift__decor--sec {
    display: none;
  }
  .gift__decor--sec--mob {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 291px;
  }
  .cost {
    padding: 80px 0 40px;
  }
  .cost__title {
    margin-bottom: 40px;
    letter-spacing: -1.4px;
  }
  .cost__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .cost__info {
    padding: 40px 16px 20px;
  }
  .cost__info-price {
    letter-spacing: -1.4px;
    margin-bottom: 48px;
  }
  .cost__info-flex__left-title {
    font-weight: 500;
  }
  .cost__info__promo,
  .cost__promo {
    max-width: 100%;
  }
  .cost__info__promo-row,
  .cost__promo-row {
    gap: 12px;
  }
  .cost__info__promo-apply,
  .cost__promo-apply {
    font-size: 16px;
    padding: 10px 14px;
    border-radius: 10px;
  }
  .cost__info__promo-error,
  .cost__promo-error {
    font-size: 12px;
  }
  .cost__info-list {
    margin-top: 24px;
    padding: 32px 0;
  }
  .cost__form {
    padding: 20px 16px;
  }
  .cost__form-title {
    margin-bottom: 24px;
  }
  .footer__logo {
    margin-top: 48px;
    margin-bottom: 32px;
  }
  .main-btn,
  .second-btn {
    padding: 25px 57px;
  }
}
@media (max-width: 550px) {
  .main-btn,
  .second-btn {
    width: 100%;
    padding: 15px 20px;
  }
}
.second-btn:not(:disabled):not(.disabled):hover {
  background: var(--stroke, linear-gradient(90deg, #30f69e 0, #0fa864 100%));
  -webkit-box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
  -moz-box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
  box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
}
.second-btn.disabled,
.second-btn:disabled {
  color: #636363;
  border: 4px solid #4c4d4c;
  background: #4c4d4c;
  box-shadow: none;
}
.submit-btn.disabled,
.submit-btn:disabled {
  color: #636363;
  border: 2px solid #4c4d4c;
  background: #4c4d4c;
  box-shadow: none;
  cursor: default;
}
.submit-btn {
  text-align: center;
  font-size: clamp(1.25rem, 1.166rem + 0.38vw, 1.625rem);
  line-height: 38px;
  padding: 13px clamp(1.375rem, -4.14rem + 9.8vw, 7.625rem);
  border-radius: 8px;
  background: var(--dark-green, #12905b);
  border: 2px solid transparent;
  white-space: nowrap;
}
.submit-btn:not(:disabled):not(.disabled):hover {
  -webkit-box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
  -moz-box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
  box-shadow: 0 0 15px 5px rgba(14, 194, 4, 0.91);
}
.form_group--hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  clip-path: inset(100%);
  white-space: nowrap;
}
.exitpopup-body,
.waitpopup-body {
  background: #f5f5f5 !important;
  border-radius: 16px;
  padding: 35px 30px 30px !important;
}
.exitpopup-title,
.waitpopup-title {
  font-size: 32px !important;
  font-weight: 700;
}
.exitpopup-content,
.waitpopup-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  background: #f5f5f5 !important;
}
.cost__form-container .checkbox-wrapper input[type='checkbox']:checked,
.cta__form-container .checkbox-wrapper input[type='checkbox']:checked,
.exitpopup-content .checkbox-wrapper input[type='checkbox']:checked,
.thanks,
.waitpopup-content .checkbox-wrapper input[type='checkbox']:checked {
  background-repeat: no-repeat;
  background-position: center;
}
.exitpopup-content .form-container,
.waitpopup-content .form-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.exitpopup-content .form_group--button,
.waitpopup-content .form_group--button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.exitpopup-content .form_group--button .submit-btn,
.waitpopup-content .form_group--button .submit-btn {
  width: 100%;
  margin-top: 40px;
  padding: 12px;
}
.exitpopup-content .checkbox-wrapper input[type='checkbox'],
.waitpopup-content .checkbox-wrapper input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  border: 2.5px solid rgba(179, 179, 179, 0.9);
  border-radius: 9px;
  background: 0 0;
  flex: 0 0 auto;
  margin: 0;
  cursor: pointer;
}
.exitpopup-content .checkbox-wrapper input[type='checkbox']:focus-visible,
.waitpopup-content .checkbox-wrapper input[type='checkbox']:focus-visible {
  outline: rgba(179, 179, 179, 0.55) solid 3px;
  outline-offset: 4px;
}
.exitpopup-content .checkbox-wrapper label,
.waitpopup-content .checkbox-wrapper label {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--grey-2, #a3a3a3);
  font-family: 'Helvetica Neue';
  font-size: clamp(0.475rem, 0.725rem + 0.13vw, 1rem) !important;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  padding-right: 19px;
}
.exitpopup-content .form_group--email,
.exitpopup-content .form_group--email input,
.exitpopup-content .form_group--name,
.exitpopup-content .form_group--name input,
.exitpopup-content .form_input--group,
.exitpopup-content .form_input--group input,
.waitpopup-content .form_group--email,
.waitpopup-content .form_group--email input,
.waitpopup-content .form_group--name,
.waitpopup-content .form_group--name input,
.waitpopup-content .form_input--group,
.waitpopup-content .form_input--group input {
  width: 100%;
}
.exitpopup-content .form_group--email input:focus,
.exitpopup-content .form_group--name input:focus,
.exitpopup-content .form_input--group input:focus,
.waitpopup-content .form_group--email input:focus,
.waitpopup-content .form_group--name input:focus,
.waitpopup-content .form_input--group input:focus {
  border-bottom: 1px solid #000;
  background-color: #f5f5f5;
}
.exitpopup-content .form_group--email input.invalid,
.exitpopup-content .form_group--name input.invalid,
.exitpopup-content .form_input--group input.invalid,
.waitpopup-content .form_group--email input.invalid,
.waitpopup-content .form_group--name input.invalid,
.waitpopup-content .form_input--group input.invalid {
  border-bottom: 1px solid #ff9f98;
  background-color: #f5f5f5;
}
.exitpopup-content .form_group--email input.valid,
.exitpopup-content .form_group--name input.valid,
.exitpopup-content .form_input--group input.valid,
.waitpopup-content .form_group--email input.valid,
.waitpopup-content .form_group--name input.valid,
.waitpopup-content .form_input--group input.valid {
  border-bottom: 1px solid #78f3a5;
  background-color: #f5f5f5;
}
.exitpopup-content div input,
.waitpopup-content div input {
  padding: 22px 15px 20px !important;
  background: #f5f5f5;
  text-align: center;
  width: 100%;
  font-family: 'Helvetica Neue' !important;
  font-size: clamp(1rem, 0.94rem + 0.26vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  border-bottom: 1.381px solid var(--grey-2, #a3a3a3);
}
.cost__form-container div input,
.cta__form-container div input {
  padding: 22px 15px 20px !important;
  font-family: 'Helvetica Neue' !important;
  font-size: clamp(1rem, 0.881rem + 0.52vw, 1.5rem);
  text-align: center;
}
.cost__form-container div input.js-intl-tel-input,
.cta__form-container .form_group--name input.js-intl-tel-input,
.cta__form-container .form_input--group input.js-intl-tel-input,
.exitpopup-content div input.js-intl-tel-input,
.waitpopup-content div input.js-intl-tel-input {
  padding-left: 45px !important;
}
.waitpopup-content div.selected-flag {
  padding: 0 !important;
}
.cta__form-container .checkbox-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  max-width: fit-content;
  bottom: -60px;
  left: 0;
  padding-right: 15px;
}
.cta__form-container .checkbox-wrapper input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  border: 2.5px solid rgba(179, 179, 179, 0.9);
  border-radius: 9px;
  background: 0 0;
  flex: 0 0 auto;
  margin: 0;
  cursor: pointer;
}
.cta__form-container .checkbox-wrapper input[type='checkbox']:focus-visible {
  outline: rgba(179, 179, 179, 0.55) solid 3px;
  outline-offset: 4px;
}
.cta__form-container .checkbox-wrapper label {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--grey-2, #a3a3a3);
  font-family: 'Helvetica Neue';
  font-size: clamp(0.625rem, 0.416rem + 0.9vw, 1.5rem) !important;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  padding-right: 15px;
}
.cta__form-container .form_input--group {
  margin: 0;
}
.cta__form-container .form_group--email {
  display: none !important;
}
.cta__form-container .form_group--name input,
.cta__form-container .form_input--group input {
  min-width: clamp(12.5rem, -4.044rem + 29.41vw, 31.25rem);
  color: #fff !important;
}
.cost__form-container .checkbox-wrapper label,
.cost__form-container div input,
.cta__form-container div input {
  line-height: 115%;
  font-weight: 700;
  font-style: normal;
}
.cta__form-container .form_group--name input:focus,
.cta__form-container .form_input--group input:focus {
  outline: #fff solid 2px;
  outline-offset: 2px;
}
.cta__form-container .form_group--name input.invalid,
.cta__form-container .form_input--group input.invalid {
  outline: #ff9f98 solid 2px;
  background-color: #515550;
  outline-offset: 2px;
}
.cta__form-container .form_group--name input.valid,
.cta__form-container .form_input--group input.valid {
  outline: #78f3a5 solid 2px;
  background-color: #515550;
  outline-offset: 2px;
}
.cta__form-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
  position: relative;
}
.cta__form-container .form_group--button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.cta__form-container div input {
  max-width: 500px;
  border-radius: 8px;
  background: var(--lighter-black-grey, #50554f);
}
.cost__form-container {
  display: flex;
  flex-direction: column;
  gap: 27px;
}
@media (min-width: 1500px) {
  .cost__form-container {
    padding: 0 100px;
  }
}
.cost__form-container .form_group--button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cost__form-container .form_group--button .send-form {
  width: 90%;
  margin-top: 40px;
  padding: 33px;
}
@media (max-width: 1000px) {
  .cost__form-container .form_group--button,
  .exitpopup-content .form_group--button,
  .waitpopup-content .form_group--button {
    width: 100%;
    padding-top: 0;
  }
  .exitpopup-content .form_group--button .submit-btn,
  .waitpopup-content .form_group--button .submit-btn {
    margin-top: 20px;
  }
  .cost__form-container .form_group--button .send-form {
    margin-top: 20px;
    padding: 22px;
  }
}
.cost__form-container .form_group--email input,
.cost__form-container .form_group--name input,
.cost__form-container .form_input--group input {
  min-width: clamp(12.5rem, -4.044rem + 29.41vw, 31.25rem);
}
.cost__form-container .form_group--email input:focus,
.cost__form-container .form_group--name input:focus,
.cost__form-container .form_input--group input:focus {
  border-bottom: 1px solid #000;
  background-color: #f5f5f5;
}
.cost__form-container .form_group--email input.invalid,
.cost__form-container .form_group--name input.invalid,
.cost__form-container .form_input--group input.invalid {
  border-bottom: 1px solid #ff9f98;
  background-color: #f5f5f5;
}
.cost__form-container .form_group--email input.valid,
.cost__form-container .form_group--name input.valid,
.cost__form-container .form_input--group input.valid {
  border-bottom: 1px solid #78f3a5;
  background-color: #f5f5f5;
}
.cost__form-container .checkbox-wrapper input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  border: 2.5px solid rgba(179, 179, 179, 0.9);
  border-radius: 9px;
  background: 0 0;
  flex: 0 0 auto;
  margin: 0;
  cursor: pointer;
}
.cost__form-container .checkbox-wrapper input[type='checkbox']:focus-visible {
  outline: rgba(179, 179, 179, 0.55) solid 3px;
  outline-offset: 4px;
}
.cost__form-container .checkbox-wrapper label {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: 'Helvetica Neue';
  font-size: clamp(0.75rem, 0.631rem + 0.52vw, 1.25rem) !important;
  padding-right: 15px;
}
.quiz__badges,
.slider-btn,
.thanks,
.wrapper-slider-btn {
  display: flex;
  align-items: center;
}
.cost__form-container div input {
  background: #f5f5f5;
  border-bottom: 1.381px solid var(--grey-2, #a3a3a3);
}
.thanks {
  background-color: #132610;
  position: relative;
  padding: 15px 100px;
  height: 100vh;
  width: 100vw;
  background-image: url(../img/thanks/thanks-bg.png);
  background-size: cover;
  overflow: hidden;
  justify-content: center;
}
.thanks__wrapper {
  position: relative;
  padding: 75px 40px;
  border-radius: 40px;
  border: 2px solid var(--stroke, #8a8a8a);
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8.5px);
  opacity: 0;
  transform: translateY(18px) scale(0.985);
  animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) both thanksCardIn;
  max-width: 836px;
}
.big-like,
.like {
  position: absolute;
  opacity: 0;
}
.thanks__title {
  color: var(--bg, #f5f5f5);
  text-align: center;
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 7rem);
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -3.36px;
  margin-bottom: 40px;
  opacity: 0;
  transform: translateY(14px);
  animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) both thanksTextIn;
  animation-delay: 280ms;
}
.thanks__text {
  color: var(--light-grey, #ccc);
  text-align: center;
  font-size: clamp(1rem, 0.702rem + 1.29vw, 2.25rem);
  font-weight: 500;
  line-height: 116%;
  opacity: 0;
  transform: translateY(12px);
  animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) both thanksTextIn;
  animation-delay: 420ms;
}
.big-like {
  bottom: 0;
  right: 0;
  height: clamp(15.625rem, 10.567rem + 21.87vw, 36.813rem);
  transform: translate(18%, 18%) scale(0.95);
  animation:
    1s cubic-bezier(0.22, 1, 0.36, 1) 220ms both thanksBigLikeIn,
    6.5s ease-in-out 1.4s infinite thanksFloat;
}
.like {
  top: -50px;
  left: -50px;
  height: clamp(6.25rem, 2.968rem + 14.19vw, 20rem);
  transform: translate(-35%, -45%) rotate(-8deg);
  transform-origin: 50% 50%;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.35));
  animation:
    0.9s cubic-bezier(0.22, 1, 0.36, 1) 260ms both thanksLikeIn,
    2.6s ease-in-out 1.4s infinite thanksWobble;
}
@media (max-width: 1200px) {
  .like {
    top: -30px;
    left: -30px;
    transform: translate(-30%, -40%) rotate(-8deg);
  }
}
@media (max-width: 900px) {
  .cost__form-container div input,
  .exitpopup-content div input,
  .waitpopup-content div input {
    max-width: 100%;
    padding: 10px 0 !important;
  }
  .submit-btn {
    padding: 13px 57px;
    width: 100%;
    margin-top: 56px;
  }
  .exitpopup-body,
  .waitpopup-body {
    padding: 20px 15px !important;
  }
  .waitpopup-body.waitpopup-body--quiz {
    padding: 37px 15px 20px !important;
  }
  .exitpopup-title,
  .waitpopup-title {
    font-size: 25px !important;
  }
  .exitpopup-content .checkbox-wrapper input[type='checkbox'],
  .waitpopup-content .checkbox-wrapper input[type='checkbox'] {
    border: 1.5px solid rgba(179, 179, 179, 0.9);
    border-radius: 6px;
  }
  .cta__form-container {
    flex-direction: column;
    gap: 20px;
    gap: 16px;
  }
  .exitpopup-content .checkbox-wrapper label,
  .waitpopup-content .checkbox-wrapper label {
    gap: 10px;
  }
  .cta__form-container .checkbox-wrapper input[type='checkbox'] {
    border: 1.5px solid rgba(179, 179, 179, 0.9);
    border-radius: 6px;
  }
  .cta__form-container .checkbox-wrapper {
    bottom: 100px;
  }
  .cta__form-container .form_group--name,
  .cta__form-container .form_input--group {
    width: 100%;
  }
  .cta__form-container .form_group--button {
    margin-left: 0;
    width: 100%;
  }
  .cta__form-container .form_group--button .send-form {
    width: 90%;
  }
  .cta__form-container div input {
    max-width: 100%;
  }
  .cost__form-container {
    gap: 16px;
  }
  .cost__form-container .checkbox-wrapper input[type='checkbox'] {
    border: 1.5px solid rgba(179, 179, 179, 0.9);
    border-radius: 6px;
  }
  .thanks {
    padding: 15px 50px;
  }
  .thanks__wrapper {
    padding: 45px 20px;
  }
  .thanks__title {
    margin-bottom: 20px;
    letter-spacing: -0.84px;
  }
  .like {
    top: 0;
    left: 0;
    transform: translate(-30%, -40%) rotate(-8deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cookie-consent,
  .scam-warning__dialog {
    filter: none;
  }
  .js .reveal,
  .scam-warning__dialog {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .cookie-consent,
  .cookie-consent__btn,
  .js .reveal {
    transition: none;
  }
  .js .reveal {
    will-change: auto;
  }
  .big-like,
  .like,
  .thanks__text,
  .thanks__title,
  .thanks__wrapper {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
@keyframes thanksCardIn {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.975);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes thanksTextIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes thanksLikeIn {
  from {
    opacity: 0;
    transform: translate(-55%, -65%) rotate(-14deg) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translate(-35%, -45%) rotate(-8deg) scale(1);
  }
}
@keyframes thanksBigLikeIn {
  from {
    opacity: 0;
    transform: translate(30%, 30%) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate(18%, 18%) scale(0.95);
  }
}
@keyframes thanksFloat {
  0%,
  100% {
    transform: translate(18%, 18%) scale(0.95);
  }
  50% {
    transform: translate(14%, 14%) scale(0.95);
  }
}
@keyframes thanksWobble {
  0%,
  100% {
    transform: translate(-35%, -45%) rotate(-8deg);
  }
  50% {
    transform: translate(-30%, -45%) rotate(-5deg);
  }
}
label > p {
  padding-top: 3px;
}
.mentors {
  padding: 56px 0 159px;
  background-color: #fff;
  overflow-x: hidden;
}
.mentors-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 77px;
}
.mentors-slider {
  overflow: hidden;
  margin-right: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
}
.mentors__title .copiright {
  position: relative;
  display: inline-block;
  padding-left: clamp(6px, 8vw, 170px);
  margin-top: 1px;
}
.mentors__title .copiright::after,
.quiz__legend {
  position: absolute;
}
.mentors__title {
  color: var(--black, #070908);
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 7rem);
  font-style: normal;
  line-height: 80%;
  letter-spacing: -3.36px;
}
.slider {
  display: flex;
  gap: 40px;
  will-change: transform;
  transition: transform 0.35s;
}
.slider-card {
  flex: 0 0 calc((100% - 220px) / 3);
  min-width: 280px;
}
.slider-card__img {
  display: block;
  object-fit: cover;
  object-position: top center;
}
.wrapper-slider-btn {
  justify-content: center;
  gap: 40px;
}
.slider-btn {
  justify-content: center;
  width: clamp(1.5rem, 0.873rem + 2.71vw, 4.125rem);
  height: clamp(1.5rem, 0.873rem + 2.71vw, 4.125rem);
  border-radius: 33px;
  background: var(--mind-green, #83e5a6);
  transition: 0.2s ease-in-out;
}
.quiz__head,
.quiz__wrap,
.slider-card {
  flex-direction: column;
  display: flex;
}
.slider-btn:hover {
  background: #428e5f;
}
.quiz__back:active:not(:disabled),
.quiz__next:active:not(:disabled),
.slider-btn:active {
  transform: scale(0.98);
}
.slider-card {
  align-items: flex-start;
  justify-content: flex-start;
}
.slider-card__img {
  margin-bottom: 24px;
  width: 100%;
  height: clamp(19.125rem, 16.156rem + 12.84vw, 31.563rem);
}
.slider-card__name {
  color: #000;
  font-size: clamp(1.5rem, 1.381rem + 0.52vw, 2rem);
  font-style: normal;
  line-height: clamp(1.5rem, 1.261rem + 1.03vw, 2.5rem);
  margin-bottom: 12px;
}
.slider-card__position {
  color: var(--lighter-black-grey, #50554f);
  font-size: clamp(1rem, 0.851rem + 0.65vw, 1.625rem);
  font-weight: 500;
  line-height: clamp(1.375rem, 1.136rem + 1.03vw, 2.375rem);
}
.slider-card__tere {
  width: clamp(8.813rem, 7.425rem + 6vw, 14.625rem);
  height: 5px;
  border-radius: 20px;
  background: var(--dark-green, #12905b);
  margin-top: 32px;
  margin-bottom: 32px;
}
.slider-card__info {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: clamp(1.125rem, 0.976rem + 0.65vw, 1.75rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.321rem + 0.77vw, 2.25rem);
}
@media (max-width: 1200px) {
  .wrapper-slider-btn {
    gap: 20px;
  }
}
@media (max-width: 1100px) {
  .education__wrapper {
    padding: 50px 50px 0;
  }
  .education__child--active {
    padding-bottom: 50px;
  }
  .mentors {
    padding: 45px 0 130px;
  }
  .mentors-top {
    margin-bottom: 50px;
  }
  .mentors__title {
    letter-spacing: -1.4px;
  }
  .slider {
    gap: 24px;
  }
  .slider-card {
    flex: 0 0 calc((100% - 140px) / 2);
    min-width: 260px;
  }
  .slider-card__img {
    margin-bottom: 14px;
  }
  .slider-card__name {
    margin-bottom: 7px;
  }
  .slider-card__tere {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.quiz {
  padding: 56px 0;
}
.quiz__wrap {
  background: #404241;
  border-radius: 40px;
  padding: 86px 48px;
  gap: 40px;
}
.quiz__head {
  gap: 48px;
}
.quiz__intro {
  max-width: 1144px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quiz__title {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.05em;
  font-size: clamp(1.75rem, 0.497rem + 5.42vw, 4rem);
  line-height: 112.5%;
  margin: 0;
}
.quiz__badge-text,
.quiz__bullets li,
.quiz__desc,
.quiz__option-text,
.quiz__question,
.quiz__submit.second-btn,
.quiz__subtitle {
  font-family: var(--ff-halvetica);
}
.quiz__badge-text,
.quiz__subtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 115%;
}
.quiz__subtitle {
  color: #a3a3a3;
  margin: 0;
  max-width: 860px;
}
.quiz__badge-text,
.quiz__question {
  color: #fff;
}
.quiz__badges {
  gap: 12px;
  flex-wrap: wrap;
}
.quiz__badge {
  display: inline-flex;
  align-items: center;
  gap: 19px;
  padding: 8px 20px;
  border-radius: 8px;
  background: #12905b;
}
.quiz__badge-icon {
  width: 40px;
  height: 40px;
}
.quiz__badge-text {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.quiz__card {
  background: #070908;
  border-radius: 24px;
  padding: 40px;
}
.quiz__card-head {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
  max-width: 1184px;
}
.quiz--final .quiz__card-head {
  margin-bottom: 2px;
  text-align: left;
}
.quiz--final .quiz__bullets {
  margin-top: 2px;
}
.quiz--final .quiz__desc,
.quiz--final .quiz__question {
  text-align: left;
}
.quiz__question {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.018rem + 2.09vw, 3rem);
  line-height: 115%;
  margin: 0;
}
.quiz__bullets li,
.quiz__desc {
  color: #ccc;
  font-size: 20px;
  line-height: 115%;
  font-weight: 500;
}
.quiz__desc {
  margin: 0;
  max-width: 860px;
}
.quiz__legend {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.quiz__answers {
  border: 0;
  padding: 0;
  margin: 0;
}
.quiz__answers-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 860px;
}
.quiz__bullets {
  margin: 0 0 32px;
  padding-left: 22px;
  list-style-position: outside !important;
  display: block;
  gap: 12px;
  max-width: 1184px;
  width: 100%;
}
.quiz__bullets li {
  display: list-item;
  text-align: left;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}
.quiz__bullets li + li {
  margin-top: 12px;
}
.quiz__bullets li::marker {
  color: #fff;
}
.quiz__submit.second-btn {
  height: 72px;
  width: 500px;
  max-width: 100%;
  padding: 10px 22px;
  border-radius: 8px;
  border: 0;
  background: #12905b;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  box-shadow: none;
}
.quiz__submit.second-btn:not(:disabled):not(.disabled):hover {
  background: #0fa864;
}
.quiz__option {
  border: 1px solid #404241;
  border-radius: 8px;
  padding: 20px;
  cursor: pointer;
  user-select: none;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}
.quiz__option:hover {
  border-color: #0ec204;
}
.quiz__option-inner {
  display: flex;
  align-items: center;
  gap: 14px;
}
.quiz__radio {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #404241;
  position: relative;
  flex: 0 0 auto;
}
.quiz__radio::after {
  content: '';
  position: absolute;
  inset: 6px;
  border-radius: 999px;
  background: #0ec204;
  transform: scale(0);
  transition: transform 0.15s;
}
.quiz__radio:checked::after {
  transform: scale(1);
}
.quiz__option-text {
  color: #fff;
  font-weight: 500;
  font-size: clamp(1rem, 0.801rem + 0.86vw, 1.625rem);
  line-height: 146%;
}
.quiz__next,
.quiz__progress-label,
.quiz__progress-percent {
  font-family: var(--ff-halvetica);
  line-height: 115%;
}
.quiz__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 40px;
}
.quiz__progress {
  min-width: 260px;
  flex: 1 1 auto;
  max-width: 854px;
}
.quiz__progress-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.quiz__progress-label {
  color: #50554f;
  font-weight: 500;
  font-size: 20px;
}
.quiz__progress-percent {
  color: #0ec204;
  font-weight: 500;
  font-size: 20px;
}
.quiz__bar {
  height: 3px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
}
.quiz__bar-fill {
  height: 100%;
  width: 0%;
  background: #12905b;
  transition: width 0.25s;
}
.quiz__back,
.quiz__next {
  height: 72px;
  cursor: pointer;
}
.quiz__actions {
  display: flex;
  align-items: center;
  gap: 26px;
}
.quiz__back {
  width: 72px;
  border-radius: 8px;
  border: 1px solid #50554f;
  background: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.15s,
    opacity 0.2s;
}
.quiz__back img {
  filter: invert(33%) sepia(6%) saturate(242%) hue-rotate(86deg) brightness(93%)
    contrast(88%);
  width: 34px;
  height: 34px;
}
.quiz__back:hover:not(:disabled) {
  background: 0 0;
  border-color: #12905b;
}
.quiz__back:hover:not(:disabled) img {
  filter: invert(41%) sepia(92%) saturate(345%) hue-rotate(109deg)
    brightness(92%) contrast(92%);
}
.quiz__back:disabled {
  opacity: 0.5;
  cursor: default;
}
.quiz__next {
  min-width: 258px;
  padding: 10px 22px;
  border-radius: 8px;
  border: 0;
  background: #12905b;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  transition:
    transform 0.15s,
    background-color 0.2s,
    opacity 0.2s;
}
.quiz__next:hover:not(:disabled) {
  background: #0fa864;
}
.quiz__next:disabled {
  opacity: 1;
  cursor: default;
  background: #50554f;
  color: #a3a3a3;
  transform: none;
}
@media (max-width: 900px) {
  .quiz__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  .quiz__progress {
    max-width: 100%;
    min-width: 0;
  }
  .quiz__actions {
    align-self: flex-end;
    gap: 14px;
  }
  .quiz__next {
    width: 258px;
    min-width: 258px;
  }
  .quiz__head {
    gap: 28px;
  }
  .quiz__badge-text {
    font-size: 18px;
  }
}
@media (max-width: 700px) {
  .decorate__line {
    margin-right: -20px;
    margin-left: -20px;
  }
  .quiz {
    padding: 32px 0;
  }
  .quiz__wrap {
    border-radius: 24px;
    padding: 24px 14px;
    gap: 40px;
  }
  .quiz__intro {
    max-width: 100%;
  }
  .quiz__title {
    text-align: center;
    font-size: 28px;
    line-height: 121%;
  }
  .quiz__subtitle {
    text-align: center;
    font-size: 16px;
  }
  .quiz__badges {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .quiz__badge {
    justify-content: center;
  }
  .quiz__card {
    border-radius: 16px;
    padding: 24px 8px;
  }
  .quiz__card-head {
    margin-bottom: 32px;
    text-align: center;
  }
  .quiz__desc {
    font-size: 14px;
    text-align: center;
  }
  .quiz__question {
    font-size: 24px;
    line-height: 125%;
    text-align: center !important;
  }
  .quiz__option-text {
    font-size: 16px;
  }
  .quiz__bullets li {
    font-size: 14px;
    text-align: left;
  }
  .quiz__submit.second-btn {
    width: 100%;
    height: 56px;
    font-size: 20px;
  }
}
.footer__extra-item,
.footer__extra-list-second > p,
.footer__extra-title {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
}
@media (max-width: 600px) {
  .cost__info__promo-apply,
  .cost__promo-apply,
  .cta__form-container .form_group--button .send-form,
  .diplomas__card-img,
  .quiz__next {
    width: 100%;
  }
  .learn__card--thre {
    padding: 16px 16px 32px;
  }
  .learn__card-info h3 {
    margin-bottom: 12px;
  }
  .education,
  .gift {
    padding-bottom: 40px;
  }
  .education__title {
    margin-bottom: 25px;
  }
  .education__wrapper {
    padding: 20px 20px 0;
  }
  .education__mod {
    margin-bottom: 10px;
  }
  .cost__title,
  .diplomas__card-img,
  .diplomas__title {
    margin-bottom: 20px;
  }
  .education__drop {
    padding-bottom: 12px;
  }
  .education__child--active {
    padding-bottom: 20px;
  }
  .education__lesson {
    padding: 10px 18px;
  }
  .infinity {
    padding: 25px 40px;
  }
  .infinity__img {
    height: 40px;
  }
  .diplomas__grid {
    padding: 14px 16px;
  }
  .diplomas__card-title img {
    width: 20px;
  }
  .diplomas__card-info img {
    height: 20px;
  }
  .cost {
    padding: 32px 0;
  }
  .cost__title {
    text-align: center;
  }
  .cost__info-price,
  .mentors-top {
    margin-bottom: 32px;
  }
  .cost__info-flex {
    gap: 25px;
  }
  .cost__info__promo-row,
  .cost__promo-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .footer__item--prob:not(:last-child) {
    border: none;
  }
  .footer__list {
    flex-direction: column;
  }
  .cta__form-container .form_group--button {
    margin-left: 0;
  }
  .cost__form-container .form_group--button .send-form {
    width: 100%;
    padding: 20px;
  }
  .mentors {
    padding: 32px 0 118px;
  }
  .wrapper-slider-btn {
    display: flex;
    gap: 14px;
  }
  .mentors-slider {
    overflow: hidden;
    margin-right: 0;
    padding-right: 0;
  }
  .slider {
    flex-direction: row;
    gap: 24px;
  }
  .slider-card {
    flex: 0 0 100%;
    min-width: 0;
  }
  .slider-card__img {
    height: auto;
    aspect-ratio: 1/1;
    object-position: top center;
  }
  .quiz__actions {
    gap: 14px;
    align-self: stretch;
  }
  .quiz__back {
    min-width: 56px;
    height: 56px;
  }
  .quiz__next {
    min-width: 0;
    height: 56px;
    font-size: 20px;
  }
  .quiz__head {
    gap: 17px;
  }
  .quiz__badge-text {
    font-size: 16px;
  }
}
.footer__extra-list,
.footer__extra-list-second,
.footer__extra-wrapper {
  gap: clamp(0.5rem, 0.321rem + 0.77vw, 1.25rem);
  display: flex;
}
.footer__extra {
  width: 100%;
  max-width: 1771px;
  padding: 0 15px;
  margin-bottom: clamp(2.375rem, 1.629rem + 3.23vw, 5.5rem);
}
.footer__extra-title {
  color: var(--white, #fff);
  font-size: clamp(1rem, 0.851rem + 0.65vw, 1.625rem);
  margin-bottom: clamp(0.75rem, 0.631rem + 0.52vw, 1.25rem);
}
.footer__extra-wrapper {
  align-items: flex-start;
  justify-content: space-between;
}
.footer__extra-list {
  flex-direction: column;
  align-items: flex-start;
  max-width: 524px;
}
.footer__extra-list-second {
  align-items: center;
}
.footer__extra-list-second > p {
  color: #fff;
  font-size: clamp(0.813rem, 0.648rem + 0.71vw, 1.5rem);
}
.footer__extra-item {
  color: var(--grey-2, #a3a3a3);
  font-size: clamp(0.875rem, 0.726rem + 0.65vw, 1.5rem);
}
.footer__extra-item a {
  color: inherit;
}
.footer__extra-list-second > img {
  height: clamp(2.375rem, 1.898rem + 2.06vw, 4.375rem);
}
.footer__extra-item:hover a {
  color: #fff;
}
.footer__extra-item--img {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.footer__extra-item--img > img {
  width: 32px;
  height: 32px;
}
@media (max-width: 900px) {
  .footer__extra-item,
  .footer__extra-item--img > a,
  .footer__extra-title {
    text-align: center;
  }
  .footer {
    padding: 20px 10px;
  }
  .footer__extra-item--img,
  .footer__extra-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .footer__extra-list {
    justify-content: center;
    align-items: center;
  }
  .footer__extra-list-second {
    gap: 20px;
  }
  .above-mobile {
    display: none;
  }
}
@media (max-width: 370px) {
  .result__card-info {
    font-size: 15px;
  }
}