.flex-order-wrapper{
  display: flex;
  flex-direction: column;
}

.modal-quiz {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000000;
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 2.60417vw;
  padding-bottom: 2.60417vw;
  justify-content: center;
  overflow-y: scroll;
}

.modal-quiz .quiz-inner {
  margin-top: auto;
  margin-bottom: auto;
  width: 69.79167vw;
  border-radius: 1.5625vw;
  background: #FFF;
  padding: 2.08333vw;
  padding-bottom: 0px;
}

.quiz-slide__name {
  color: #979FAD;
  font-family: Manrope;
  font-size: 1.04167vw;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 28px */
  letter-spacing: 0.2px;
  margin-bottom: 1.51042vw;
}

.quiz__title {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 1.875vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1.61458vw;
}

.quiz-btn {
  color: #FFF;
  text-align: center;
  font-family: Manrope;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.16667vw;
  width: 13.54167vw;
  border-radius: 1.04167vw;
  background: #6995D7;
  box-shadow: 0px 0.15625vw 0px 0px #437BCD, 0px 1.04167vw 2.08333vw 0px rgba(84, 140, 225, 0.35), 0px 0px 0.78125vw 0px rgba(255, 255, 255, 0.4) inset;
}

.quiz-btns {
  display: flex;
  align-items: center;
}

.quiz-prev {
  margin-right: 1.04167vw;
  width: 7.13542vw;
  background: #D5DBE5;
  box-shadow: 0px 0.15625vw 0px 0px #BCC3CE, 0px 1.04167vw 2.08333vw 0px rgba(199, 205, 216, 0.3), 0px 0px 0.78125vw 0px rgba(255, 255, 255, 0.6) inset;
}

.quiz-wrapper {
  min-height: 17.1875vw;
}

.quiz-item {
  border-radius: 1.04167vw;
  background: #F1F4F8;
  padding: 1.04167vw;
  display: inline-flex;
  align-items: center;
  border: 1px solid #F1F4F8;
  transition: 0.4s all ease;
  cursor: pointer;
}

.quiz-item .cicle {
  width: 0.83333vw;
  height: 0.83333vw;
  border-radius: 3.125vw;
  margin-right: 0.52083vw;
  background-color: #fff;
  position: relative;
}

.quiz-item .cicle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 0.41667vw;
  height: 0.41667vw;
  background-color: #6995D7;
  border-radius: 50%;
  transition: 0.4s all ease;
  opacity: 0;
}

.quiz-item.active {
  border-color: #6995D7;
}

.quiz-item.active .cicle::after {
  opacity: 1;
}

.quiz-item__name {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 1.04167vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.6;
}

.quiz-content {
  width: 100%;
  max-width: 35.67708vw;
}

.quiz-items {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.04167vw;
}

.quiz-bottom__title {
  color: #979FAD;
  font-family: "Playfair Display";
  font-size: 1.04167vw;
  font-style: italic;
  font-weight: 400;
  width: 7.29167vw;
  margin-right: 1.04167vw;
  line-height: 140%;
}

.quiz-bottom {
  margin-top: 1.5625vw;
}

.quiz-bottom-blocks {
  display: flex;
  align-items: center;
}

.quiz-bottom {
  display: flex;
  align-items: center;
}

.quiz-bottom-block {
  padding-left: 1.25vw;
  padding-top: 0.78125vw;
  width: 17.60417vw;
  height: 7.29167vw;
  border-radius: 1.04167vw 1.04167vw 0px 0px;
  background: #F4F4F4;
  box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(114, 125, 163, 0.15);
  -webkit-backdrop-filter: blur(1.04167vw);
          backdrop-filter: blur(1.04167vw);
  border-bottom: none;
  position: relative;
  margin-right: 2.26563vw;
}

.quiz-bottom-block:last-child {
  margin-right: 0;
}

.quiz-bottom-block__title {
  color: #5A6270;
  font-family: Manrope;
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0.9375vw;
}

.quiz-bottom-block__title strong {
  font-weight: 600;
}

.quiz-bottom-block__type {
  color: #FFF;
  font-family: Manrope;
  font-size: 0.58594vw;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  width: 2.70833vw;
  height: 1.30208vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.78125vw;
  background: #979FAD;
  box-shadow: 0px 0px 0.58594vw 0px rgba(255, 255, 255, 0.6) inset;
}

.quiz-bottom-block__icon {
  width: 3.95833vw;
  height: 3.95833vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(114, 125, 163, 0.15);
  -webkit-backdrop-filter: blur(1.04167vw);
          backdrop-filter: blur(1.04167vw);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1.77083vw;
  right: 1.40625vw;
}

.quiz-bottom-block__icon span {
  width: 2.08333vw;
  height: 2.08333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--transparent-white-day, rgba(255, 255, 255, 0.7));
  box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(30, 30, 30, 0.2);
  -webkit-backdrop-filter: blur(1.04167vw);
          backdrop-filter: blur(1.04167vw);
}

.quiz-bottom-block__icon span svg {
  width: 0.72917vw;
  height: auto;
}

.quiz-inner {
  position: relative;
}

.quiz-inner::after {
  position: absolute;
  width: 46.82292vw;
  height: 36.5625vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/quiz/quiz-bottom-photo.png");
  content: "";
  display: block;
  right: 0;
  bottom: 0;
}

.quiz-bottom {
  position: relative;
  z-index: 100;
}

.quiz-bottom-block {
  background-size: cover;
  background-position: center;
}

.quiz-bottom-block:nth-child(1) {
  background-image: url("../img/quiz/block/1.png");
}

.quiz-bottom-block:nth-child(2) {
  background-image: url("../img/quiz/block/2.png");
}

.quiz-bottom-block:nth-child(3) {
  background-image: url("../img/quiz/block/3.png");
}

.quiz-info {
  border-radius: 1.04167vw;
  border: 1px solid #FFF;
  background: #FFF;
  box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(114, 125, 163, 0.15);
  -webkit-backdrop-filter: blur(1.04167vw);
          backdrop-filter: blur(1.04167vw);
  position: relative;
  z-index: 100;
  width: 23.85417vw;
  padding: 1.5625vw;
}

.photo-wrap {
  position: relative;
  overflow: hidden;
}

.photo-wrap img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.quiz-info__photo {
  width: 5.625vw;
  height: 5.625vw;
}

.quiz-slide {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
}

.quiz-info-top {
  display: flex;
  align-items: center;
}

.quiz-info__photo {
  margin-right: 1.19792vw;
  flex-shrink: 0;
}

.quiz-info__name {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 1.19792vw;
}

.quiz-info__text {
  color: #979FAD;
  font-family: Manrope;
  font-size: 0.72917vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-right: -1.04167vw;
}

.quiz-info__content {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-top: 1.5625vw;
}

.quiz-info-bottom {
  margin-top: 1.5625vw;
}

.quiz-info-bottom__name {
  color: #979FAD;
  font-family: Manrope;
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 10.52083vw;
}

.quiz-info-soc__item {
  width: 2.1875vw;
  height: 2.1875vw;
  border-radius: 0.52083vw;
  background: radial-gradient(47.56% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #80C360;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.52083vw;
}

.quiz-info-soc__item:last-child {
  margin-right: 0;
}

.quiz-info-soc {
  display: flex;
  align-items: center;
}

.quiz-info-soc img {
  width: 0.83333vw;
}

.quiz-info-bottom {
  display: flex;
  align-items: center;
}

.soc-tg {
  background: radial-gradient(47.56% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #89B6DB;
}

.soc-wc {
  background: radial-gradient(47.56% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #8062BA;
}

.quiz-progress {
  display: flex;
  align-items: center;
  margin-bottom: 1.61458vw;
}

.progress-line {
  width: 6.77083vw;
  margin-right: 1.19792vw;
  height: 0.26042vw;
  position: relative;
  border-radius: 0.10417vw;
  opacity: 0.6;
  background: #D5DBE5;
}

.progress-line span {
  position: absolute;
  color: #D5DBE5;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Manrope;
  font-size: 0.72917vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5vw;
  width: 1.09375vw;
  right: -1.19792vw;
  top: -1.66667vw;
}

.progress-line::after {
  position: absolute;
  width: 0.26042vw;
  height: 0.26042vw;
  background-color: #D5DBE5;
  opacity: 0.6;
  right: -0.72917vw;
  bottom: 0px;
  content: "";
  transition: 0.4s all ease;
  border-radius: 50%;
}

.progress-line:last-child {
  margin-right: 0;
  width: 1.30208vw;
}

.progress-line:last-child::after {
  display: none;
}

.progress-line:first-child {
  width: 1.30208vw;
}

.progress-line.active {
  background-color: #D0AE8E;
  opacity: 1;
}

.progress-line.active span {
  color: #D0AE8E;
  opacity: 1;
}

.progress-line.active::after {
  background-color: #D0AE8E;
  opacity: 1;
}

.quiz__title {
  min-height: 5.26042vw;
  display: flex;
  align-items: center;
}

.quiz-slide-photos .quiz-item__name {
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.quiz-slide-photos .quiz__title {
  min-height: unset;
  margin-bottom: 1.14583vw;
}

.quiz-slide-photos .quiz-items {
  gap: 0px;
}

.quiz-slide-photos .quiz-item {
  margin-top: 7.91667vw;
  position: relative;
}

.quiz-slide-photos .quiz-item:nth-child(1) {
  margin-right: 1.97917vw;
}

.quiz-slide-photos .quiz-item:nth-child(2) {
  margin-right: 0.83333vw;
}

.quiz-item-photo {
  position: absolute;
  left: 0;
  top: -7.91667vw;
  border-radius: 1.04167vw;
  height: 7.08333vw;
  width: 11.25vw;
}

.quiz-inner::after {
  pointer-events: none;
}

.quiz-slider {
  position: relative;
  z-index: 100;
}

.quiz-slider .slick-list {
  overflow: visible;
}

.modal-quiz .quiz-inner {
  overflow: hidden;
}

.quiz-slide {
  transition: 0.4s all ease;
  opacity: 0;
}

.quiz-slide.slick-current {
  opacity: 1;
}

.modal-quiz {
  transition: 0.4s all ease;
  opacity: 0;
  visibility: hidden;
}

.modal-quiz.opened {
  opacity: 1;
  visibility: visible;
}

.modal-window {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000000;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: 0.4s all ease;
  visibility: hidden;
}

.modal-window.opened {
  opacity: 1;
  visibility: visible;
}

.modal-loading-inner {
  margin-top: auto;
  margin-bottom: auto;
  width: 29.89583vw;
  height: 18.02083vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal-loading__title {
  color: #151515;
  text-align: center;
  font-size: 1.875vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5vw;
  margin-bottom: 2.34375vw;
}

.modal-loading__status {
  color: #6995D7;
  text-align: center;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.075vw;
  text-transform: uppercase;
}

.modal-loading__icon {
  width: 4.16667vw;
  height: 4.16667vw;
  margin-bottom: 1.61458vw;
  -webkit-animation: 2s linear 0s normal none infinite running rot;
          animation: 2s linear 0s normal none infinite running rot;
}

.modal-loading__icon img {
  width: 100%;
}

.modal-loading-inner {
  position: relative;
  z-index: 100;
}

.modal-loading-inner * {
  position: relative;
  z-index: 10;
}

.modal-loading-inner .modal-loading-bg {
  width: 59.58333vw;
  z-index: 1;
  position: absolute;
  left: -19vw;
  top: -14.91667vw;
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.photo-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.magnet.thank .header {
  opacity: 1;
}

.magnet.thanks-quiz h2 {
  font-size: 1.25vw;
  line-height: 140%;
}

.magnet.thanks-quiz .magnet__block::before {
  border-radius: 1.04167vw;
  border: 1px solid #FFF;
  background: #D5DBE5;
  box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(114, 125, 163, 0.15);
  -webkit-backdrop-filter: blur(1.04167vw);
          backdrop-filter: blur(1.04167vw);
}

.magnet.thanks-quiz .magnet__italic {
  font-family: "PlayfairDisplayItalic";
}

.thanks-quiz-quote {
  margin-bottom: 1.35417vw;
}

.thanks-quiz-quote-photo {
  width: 7.44792vw;
  height: 7.44792vw;
  margin-right: 1.97917vw;
}

.thanks-quiz-quote {
  display: flex;
  align-items: center;
}

.thanks-quiz-quote__title {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 1.04167vw;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0.88542vw;
}

.thanks-quiz-quote__title strong {
  font-weight: 600;
}

.thanks-quiz-quote__title span {
  color: #A7805C;
  font-weight: 600;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}

.thanks-quiz-quote__text {
  color: #555;
  font-family: "Playfair Display";
  font-size: 1.04167vw;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.quiz-answers-textarea {
  display: none;
}

.video--quiz {
  background-color: #F4F4F4;
}

.result.thank {
  background-color: #F4F4F4;
  background-image: none !important;
  padding-top: 0;
}

.result.thank h2 {
  margin: 0px;
  color: #2F2F2F;
  text-align: center;
  font-family: Manrope;
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 100%;
  margin-bottom: 2.08333vw;
}

.result.thank .result__subtitle {
  color: #5A6270;
  font-family: Manrope;
  font-size: 1.51042vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  margin-bottom: 2.08333vw;
}

.result.thank .thank__wrapper {
  margin-bottom: 2.08333vw;
}

.result-bottom__text {
  text-align: center;
  color: #979FAD;
  font-family: Manrope;
  font-size: 1.04167vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.video--quiz {
  padding-top: 5.20833vw;
}

.result__btn {
  width: 26.04167vw;
  height: 6.25vw;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-day, #FFF);
  text-align: center;
  font-family: Manrope;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2.08333vw;
}

.first-screen {
  height: 44.27083vw;
  position: relative;
  overflow: hidden;
}

.first-screen .header {
  margin-bottom: 3.48958vw;
  max-width: 40.52083vw;
}

.first-screen .tooltip-link {
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.first-screen .tooltip-content {
  width: 20.3125vw;
  padding: 0.78125vw;
  color: var(--black-day, #2F2F2F);
  font-family: Manrope;
  font-size: 0.72917vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.first-screen p {
  margin-bottom: 1.04167vw;
}

.first-screen p:last-child {
  margin-bottom: 0;
}

.first-screen-photo img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.first-screen__title {
  color: #FFF;
  font-family: Manrope;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 3.38542vw;
}

.first-screen__subtitle {
  color: var(--light-beige-day, #D0AE8E);
  font-feature-settings: "case" on, "liga" off, "calt" off;
  font-family: "Playfair Display";
  font-size: 1.66667vw;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0.78125vw;
}

.first-block__name {
  color: var(--light-beige-day, #D0AE8E);
  font-family: "Playfair Display";
  font-size: 1.04167vw;
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0.36458vw;
}

.first-block__text {
  color: var(--white-day, #FFF);
  font-family: Manrope;
  font-size: 1.04167vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.first-block__text strong {
  font-weight: 600;
}

.first-block {
  padding-left: 9.73958vw;
}

.first-screen__text {
  color: #FFF;
  font-family: Manrope;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 4.32292vw;
}

.first-screen-bottom {
  display: flex;
  align-items: center;
}

.first-btn-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.first-btn-wrapper__text {
  color: #FFF;
  margin-top: 1.40625vw;
  font-family: Manrope;
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.first-btn-wrapper {
  margin-left: 6.51042vw;
}

.first__btn {
  width: 23.4375vw;
  height: 6.25vw;
  color: var(--white-day, #FFF);
  text-align: center;
  font-family: Manrope;
  font-size: 0.83333vw;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.first-block {
  margin-top: -2.08333vw;
}

.first-block {
  position: relative;
}

.first-block-photo img {
  width: 16.30208vw;
  position: absolute;
  left: -5.60417vw;
  top: -1.95833vw;
}

.magnet.thank.quiz-final {
  background-image: unset !important;
  padding-bottom: 5.20833vw;
}

.magnet.thank.quiz-final .header {
  margin-bottom: 5.20833vw;
}

.magnet.thank.quiz-final .magnet__bottom h2 {
  color: #2F2F2F;
  font-weight: 400;
}

.final-reviews {
  padding-bottom: 1.5625vw;
}

.quiz-result {
  padding-bottom: 5.20833vw;
}

.quiz-result__subtitle {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 1.66667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 2.60417vw;
}

.quiz-result .form {
  max-width: 29.42708vw;
  width: 100%;
}

.quiz-result-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
}

.quiz-result-content {
  margin-top: 2.5vw;
}

.quiz-result-content h2 {
  font-size: 2.96875vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.quiz-result-content h2 svg {
  width: 1.66667vw;
}

.quiz-result__phone {
  text-align: center;
  color: #2F2F2F;
  margin-bottom: 0.91667vw;
  text-align: center;
  font-family: Manrope;
  font-size: 1.875vw;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.quiz-result form .form__label {
  margin-bottom: 0.91667vw;
}

.quiz-result .form {
  padding: 1.5625vw;
}

.quiz-result .form h4 {
  margin-bottom: 0.91667vw;
}

.quiz-result .form__agreement {
  color: #2F2F2F;
  text-align: center;
  font-family: Manrope;
  font-size: 0.57292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.5;
}

.loading-landing .modal-loading-inner {
  width: 22.70833vw;
  height: 15.46875vw;
  border-radius: 1.04167vw;
  background: #D5DBE5;
  box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(114, 125, 163, 0.15);
  -webkit-backdrop-filter: blur(1.04167vw);
          backdrop-filter: blur(1.04167vw);
  padding-top: 3.20312vw;
  justify-content: flex-start;
}

.loading-landing .modal-loading__title {
  color: #979FAD;
  text-align: center;
  font-family: Manrope;
  font-size: 1.66667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 1.77083vw;
}

.loading-landing .modal-loading__icon {
  width: 2.60417vw;
  height: 2.60417vw;
}

.modal-quiz-close{
  position: absolute;
  top: 1.389vw;
  right: 1.389vw;
  width: 1.389vw;
  cursor: pointer;
  z-index: 10000;
  opacity: .6;
}

@media (min-width: 680px) {
  .quiz-slide__name{
    white-space: nowrap;
  }
  .modal-thanks {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
    overflow-y: auto;
  }

  .modal-thanks .magnet.thank {
    padding: 0px;
    max-width: 69.79167vw;
    margin-right: auto;
    margin-left: auto;
    background-image: unset !important;
  }

  .modal-thanks .magnet__wrap {
    border-radius: 1.5625vw;
    background: #FFF;
    padding-left: 2.5vw;
    padding-top: 2.08333vw;
    padding-right: 3.59375vw;
    padding-bottom: 2.08333vw;
  }

  .modal-thanks .thank h1 {
    font-size: 2.08333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 1.92708vw;
  }

  .modal-thanks .thank h2 {
    font-size: 1.04167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 28.54167vw;
  }

  .modal-thanks .magnet.thank .magnet__block {
    width: 30.19531vw;
    height: 9.92188vw;
    max-width: unset;
    padding-left: 1.25vw;
    padding-top: 0.85938vw;
    padding-bottom: 0;
    padding-right: 0.26042vw;
  }

  .modal-thanks .magnet.thank .magnet__block::before {
    width: 100%;
    height: 100%;
  }

  .modal-thanks .magnet.thank .magnet__bottom {
    padding: 1.09375vw;
    padding-top: 1.77083vw;
    padding-bottom: 1.09375vw;
  }

  .modal-thanks .magnet.thank .magnet__bottom h2 {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    max-width: unset;
    font-size: 2.14422vw;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 1.78698vw;
  }

  .modal-thanks .magnet.thank .magnet__bottom {
    height: 19.94792vw;
    border-radius: 0.89344vw;
  }

  .modal-thanks .thank-item {
    height: 12.19531vw;
    width: 21.88901vw;
    border-radius: 0.89344vw;
    border: 0.858px solid var(--white-day, #FFF);
    background: var(--transparent-white-day, rgba(255, 255, 255, 0.7));
    box-shadow: 0px 1.8762vw 3.5737vw -1.38479vw rgba(114, 125, 163, 0.15);
    -webkit-backdrop-filter: blur(0.89343vw);
    backdrop-filter: blur(0.89343vw);
    padding: 1.35417vw;
  }

  .modal-thanks .thank-item img {
    height: auto;
  }

  .modal-thanks .thank-item h3 {
    font-size: 0.89344vw;
    line-height: 140%;
  }

  .modal-thanks .thank-item p {
    font-size: 0.89344vw;
    margin-bottom: 3.22917vw;
    line-height: 140%;
  }

  .modal-thanks .thank-item a {
    font-size: 0.89344vw;
  }

  .modal-thanks .thank-item .thank-item__pdf {
    margin-bottom: 0;
    font-size: 0.67005vw;
    right: 1.19792vw;
    bottom: 1.35417vw;
    border-radius: 0.89344vw;
    padding: 0.26042vw 0.89323vw;
  }

  .modal-thanks .magnet.thank .magnet-img {
    height: auto;
    width: 48.4375vw;
    left: 24.11458vw;
    top: -6.45833vw;
  }

  .modal-thanks .magnet.thank .magnet__wrap .form {
    border-radius: 1.04167vw;
    background: var(--white-day, #FFF);
    box-shadow: 0px 2.1875vw 4.16667vw -1.61458vw rgba(114, 125, 163, 0.15);
    -webkit-backdrop-filter: blur(1.04167vw);
    backdrop-filter: blur(1.04167vw);
    width: 27.29167vw;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet__italic {
    font-size: 1.21094vw;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0.74219vw;
  }

  .modal-thanks .magnet.thank .magnet__wrap {
    margin-bottom: 2.08333vw;
  }

  .modal-thanks .magnet.thank {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-top: auto;
    margin-bottom: auto;
  }

  .modal-thanks .thank-item a {
    opacity: 0;
    pointer-events: none;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item {
    width: 9.88281vw;
    height: 5.42969vw;
    min-width: 9.89583vw;
    border-radius: 0.78125vw;
    border: 0.75px solid var(--white-day, #FFF);
    background: var(--transparent-white-day, rgba(255, 255, 255, 0.7));
    box-shadow: 0px 1.64063vw 3.125vw -1.21094vw rgba(114, 125, 163, 0.15);
    -webkit-backdrop-filter: blur(0.78125vw);
    backdrop-filter: blur(0.78125vw);
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item img {
    height: auto !important;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet__items {
    gap: 0.9375vw;
  }

  .modal-thanks .magnet.thank .magnet__block {
    overflow: visible;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item .magnet-item__title {
    font-size: 0.58594vw;
    font-weight: 400;
    line-height: 140%;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item .magnet-item__title span {
    font-size: 0.58594vw;
    line-height: 140%;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item:nth-child(1) img {
    width: 9.32292vw;
    bottom: -2.08333vw;
    right: -2.60417vw;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item:nth-child(2) img {
    width: 12.5vw;
    bottom: -2.1875vw;
    right: -2.86458vw;
  }

  .modal-thanks .magnet.thank .magnet__block .magnet-item:nth-child(3) img {
    width: 9.16667vw;
    bottom: -1.875vw;
    right: -2.86458vw;
  }

  .modal-thanks .thank-item:nth-child(1) img {
    width: 20.3125vw;
    right: -2.29167vw;
    bottom: -3.02083vw;
  }

  .modal-thanks .thank-item:nth-child(2) img {
    width: 23.17708vw;
    right: -1.14583vw;
    bottom: -3.17708vw;
  }

  .modal-thanks .thank-item:nth-child(3) img {
    width: 20.05208vw;
    right: -2.23958vw;
    bottom: -3.02083vw;
  }

  .modal-thanks .magnet.thank {
    width: 100%;
    overflow: visible;
  }

  .modal-thanks .magnet__wrap {
    position: relative;
  }
}

/* ========== COOKIE NOTICE ========== */
.cookie-notice {
  position: fixed;
  bottom: 20px;
  left: 30px;
  max-width: 420px;
  border-radius: 12px;
  padding: 32px;
  box-sizing: border-box;
  box-shadow: 0 0 24px rgba(25, 25, 25, 0.15);
  background-color: #fff;
  z-index: 9999;
}

@media (max-width: 576px) {
  .cookie-notice {
    font-size: 15px;
    max-width: calc(100% - 20px);
    left: 10px;
    bottom: 10px;
    padding: 24px;
  }
}

.cookie-notice__buttons {
  margin-top: 16px;
}

.cookie-notice__confirm {
  background-color: #6995d7;
  height: 48px;
  width: 100%;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.2s ease-out;
}

@media (max-width: 576px) {
  .cookie-notice__confirm {
    font-size: 14px;
    height: 42px;
  }
}

.cookie-notice__confirm:hover {
  background-color: #567aaf;
}

.cookie-notice__text a {
  color: #6995d7;
  text-decoration: underline;
}

.cookie-notice__text a:hover {
  color: #567aaf;
  text-decoration: underline;
}

/* ========== CONSENT POLICY MODAL ========== */
body.consent-policy-modal-open {
  overflow: hidden;
}

.consent-policy-modal {
  position: fixed;
  inset: 0;
  z-index: 10000010;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.84);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.consent-policy-modal.is-active {
  display: flex;
  animation: consentPolicyFadeIn 180ms ease-out both;
}

.consent-policy-modal.is-closing {
  display: flex;
  pointer-events: none;
  animation: consentPolicyFadeOut 160ms ease-in both;
}

.consent-policy-modal__dialog {
  position: relative;
  width: min(560px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 36px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(47, 47, 47, 0.22);
  color: #2f2f2f;
  font-family: Manrope, sans-serif;
}

.consent-policy-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #f4f4f4;
  color: #6995d7;
  font-family: inherit;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, transform 0.2s ease-out;
}

.consent-policy-modal__close:hover,
.consent-policy-modal__close:focus {
  background: #6995d7;
  color: #fff;
  transform: scale(1.04);
}

.consent-policy-modal__label {
  margin-right: 54px;
  color: #6995d7;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.consent-policy-modal__title {
  margin-top: 10px;
  margin-right: 54px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.22;
}

.consent-policy-modal__text {
  margin-top: 20px;
  padding: 18px 20px;
  border-radius: 14px;
  background: #f4f4f4;
  color: #2f2f2f;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.consent-policy-modal__text a {
  color: #6995d7;
  font-weight: 600;
  text-decoration: underline;
}

.consent-policy-modal__text a:hover {
  color: #567aaf;
}

.consent-policy-modal__actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-top: 24px;
}

.consent-policy-modal__button {
  min-height: 58px;
  padding: 14px 22px;
  border: 0;
  border-radius: 16px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out, transform 0.2s ease-out;
}

.consent-policy-modal__button:hover,
.consent-policy-modal__button:focus {
  transform: translateY(-1px);
}

.consent-policy-modal__button[disabled] {
  cursor: wait;
  opacity: 0.7;
  transform: none;
}

.consent-policy-modal__button--primary {
  background: #6995d7;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.4) inset, 0 18px 34px rgba(84, 140, 225, 0.32), 0 3px 0 #437bcd;
  color: #fff;
}

.consent-policy-modal__button--primary:hover,
.consent-policy-modal__button--primary:focus {
  background: #567aaf;
}

.consent-policy-modal__button--secondary {
  border: 1px solid rgba(47, 47, 47, 0.14);
  background: #fff;
  color: #2f2f2f;
}

.consent-policy-modal__button--secondary:hover,
.consent-policy-modal__button--secondary:focus {
  background: #f4f4f4;
  color: #567aaf;
}

@keyframes consentPolicyFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes consentPolicyFadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.985);
  }
}

@media (max-width: 576px) {
  .consent-policy-modal {
    padding: 14px;
  }

  .consent-policy-modal__dialog {
    max-height: calc(100vh - 28px);
    padding: 28px 18px 20px;
    border-radius: 16px;
  }

  .consent-policy-modal__close {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    font-size: 30px;
  }

  .consent-policy-modal__label {
    margin-right: 46px;
    font-size: 11px;
  }

  .consent-policy-modal__title {
    margin-right: 46px;
    font-size: 22px;
  }

  .consent-policy-modal__text {
    padding: 14px;
    font-size: 15px;
  }

  .consent-policy-modal__actions {
    grid-template-columns: 1fr;
  }

  .consent-policy-modal__button {
    width: 100%;
    min-height: 54px;
    font-size: 13px;
  }
}