.quiz-section-hero {
  font-family: Onest, serif;
  border-radius: 32px;
  border: 1px solid var(--White-White-10, rgba(251, 251, 251, 0.1));
  background: #1A1A1A;
  display: flex;
  padding: calc(100px + (120 - 100) * (100vw - 2049px) / (2560 - 2049)) calc(80px + (120 - 80) * (100vw - 2049px) / (2560 - 2049)) calc(80px + (96 - 80) * (100vw - 2049px) / (2560 - 2049)) calc(80px + (120 - 80) * (100vw - 2049px) / (2560 - 2049));
  flex-direction: column;
  align-items: center;
  gap: 150px;
  align-self: stretch;
  position: relative;
}
.quiz-section-hero .picture_image_section {
  width: calc(1065px + (1200 - 1065) * (100vw - 2049px) / (2560 - 2049));
  right: calc(59px + (120 - 59) * (100vw - 2049px) / (2560 - 2049));
  top: calc(30px + (0 - 30) * (100vw - 2049px) / (2560 - 2049));
  position: absolute;
}
.quiz-section-hero .image_section {
  width: 100%;
}
.quiz-section-hero .row-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(48px + (64 - 48) * (100vw - 2049px) / (2560 - 2049));
  align-self: stretch;
  position: relative;
  z-index: 1;
}
.quiz-section-hero .row-text .badges {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.quiz-section-hero .row-text .badges .badge {
  border-radius: 100px;
  border: 1px solid rgba(251, 251, 251, 0.08);
  background: rgba(251, 251, 251, 0.03);
  backdrop-filter: blur(5px);
  display: flex;
  padding: 14px 24px 14px 16px;
  align-items: center;
  gap: 12px;
}
.quiz-section-hero .row-text .badges .badge .icon {
  width: 24px;
}
.quiz-section-hero .row-text .badges .badge .text {
  color: #FAFAFA;
  font-size: 17px;
  font-weight: 500;
  line-height: 135.294%;
  letter-spacing: -0.34px;
}
.quiz-section-hero .row-text .wrapper_text {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.quiz-section-hero .row-text .wrapper_text .title {
  color: #FFF;
  font-size: calc(80px + (96 - 80) * (100vw - 2049px) / (2560 - 2049));
  font-weight: 500;
  line-height: 95.833%;
  letter-spacing: -2.88px;
  max-width: calc(1000px + (1200 - 1000) * (100vw - 2049px) / (2560 - 2049));
}
.quiz-section-hero .row-text .wrapper_text .text {
  color: #808080;
  font-size: calc(20px + (24 - 20) * (100vw - 2049px) / (2560 - 2049));
  font-weight: 500;
  line-height: 133.333%;
  letter-spacing: -0.48px;
  max-width: calc(600px + (800 - 600) * (100vw - 2049px) / (2560 - 2049));
}
.quiz-section-hero .row-text .link_telegram {
  border-radius: 12px;
  background: linear-gradient(91deg, #4060FF 0%, #3A56E5 100%);
  width: calc(440px + (500 - 440) * (100vw - 2049px) / (2560 - 2049));
  color: #FAFAFA;
  font-size: calc(20px + (22 - 20) * (100vw - 2049px) / (2560 - 2049));
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: -0.44px;
  position: relative;
  overflow: hidden;
}
.quiz-section-hero .row-text .link_telegram .text-btn {
  width: 100%;
  display: flex;
  padding: calc(24px + (28 - 24) * (100vw - 2049px) / (2560 - 2049)) 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: relative;
}
.quiz-section-hero .row-text .link_telegram .icon-telegram {
  width: 24px;
}
.quiz-section-hero .row-text .link_telegram:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: 0.2s all;
  background: linear-gradient(91deg, #35F 0%, #2243E5 100%);
}
@media (hover: hover) {
  .quiz-section-hero .row-text .link_telegram:hover:before {
    opacity: 1;
  }
}
.quiz-section-hero .row-steps {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  position: relative;
  z-index: 1;
}
.quiz-section-hero .row-steps .step {
  display: flex;
  height: calc(360px + (400 - 360) * (100vw - 2049px) / (2560 - 2049));
  padding: calc(40px + (48 - 40) * (100vw - 2049px) / (2560 - 2049)) calc(40px + (48 - 40) * (100vw - 2049px) / (2560 - 2049)) 16px calc(40px + (48 - 40) * (100vw - 2049px) / (2560 - 2049));
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 24px;
  border: 1px solid rgba(251, 251, 251, 0.07);
  background: linear-gradient(289deg, rgba(251, 251, 251, 0.03) 0%, rgba(251, 251, 251, 0.07) 100%);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.quiz-section-hero .row-steps .step:last-child {
  background: linear-gradient(289deg, #3F52B2 0%, #667FFF 100%);
}
.quiz-section-hero .row-steps .step .title_step {
  color: #FFF;
  font-size: calc(32px + (36 - 32) * (100vw - 2049px) / (2560 - 2049));
  font-weight: 500;
  line-height: 116.667%;
  letter-spacing: -1.08px;
}
.quiz-section-hero .row-steps .step .num_step {
  color: #FFF;
  font-size: calc(240px + (300 - 240) * (100vw - 2049px) / (2560 - 2049));
  font-weight: 400;
  line-height: 13.333%;
  letter-spacing: -12px;
  opacity: 0.2;
}

@media screen and (min-width: 1025px) and (max-width: 2048px) {
  .quiz-section-hero {
    padding: 100px 80px 80px 80px;
    gap: 150px;
  }
  .quiz-section-hero .row-text .wrapper_text .title {
    font-size: calc(78px + (80 - 78) * (100vw - 1921px) / (2048 - 1921));
    line-height: 95%;
    letter-spacing: -2.4px;
    max-width: 1000px;
  }
  .quiz-section-hero .row-text {
    gap: 48px;
  }
  .quiz-section-hero .picture_image_section {
    width: calc(950px + (1065 - 950) * (100vw - 1921px) / (2048 - 1921));
    right: calc(47px + (59 - 47) * (100vw - 1921px) / (2048 - 1921));
    top: calc(40px + (30 - 40) * (100vw - 1921px) / (2048 - 1921));
  }
  .quiz-section-hero .row-text .wrapper_text .text {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.4px;
    max-width: 600px;
  }
  .quiz-section-hero .row-text .link_telegram {
    width: 440px;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.4px;
  }
  .quiz-section-hero .row-text .link_telegram .text-btn {
    padding: 24px;
    gap: 16px;
  }
  .quiz-section-hero .row-steps .step {
    height: 360px;
    padding: 40px 40px 16px 40px;
  }
  .quiz-section-hero .row-steps .step .num_step {
    font-size: 240px;
    line-height: 16.667%;
    letter-spacing: -9.6px;
  }
  .quiz-section-hero .row-steps .step .title_step {
    font-size: 32px;
    line-height: 112.5%;
    letter-spacing: -0.96px;
  }
  .quiz-section-hero .row-steps {
    gap: calc(16px + (20 - 16) * (100vw - 1921px) / (2048 - 1921));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
  .quiz-section-hero .row-text .wrapper_text .title {
    font-size: calc(64px + (78 - 64) * (100vw - 1537px) / (1920 - 1537));
    max-width: calc(700px + (1000 - 700) * (100vw - 1537px) / (1920 - 1537));
    line-height: 94.872%;
    letter-spacing: -2.34px;
  }
  .quiz-section-hero .picture_image_section {
    width: calc(734px + (950 - 734) * (100vw - 1537px) / (1920 - 1537));
    right: calc(31.5px + (47 - 31.5) * (100vw - 1537px) / (1920 - 1537));
    top: calc(12.7px + (40 - 12.7) * (100vw - 1537px) / (1920 - 1537));
  }
  .quiz-section-hero .row-steps {
    gap: calc(12px + (16 - 12) * (100vw - 1537px) / (1920 - 1537));
  }
  .quiz-section-hero .row-steps .step .title_step {
    font-size: calc(24px + (32 - 24) * (100vw - 1537px) / (1920 - 1537));
  }
  .quiz-section-hero .row-steps .step .num_step {
    font-size: calc(190px + (240 - 190) * (100vw - 1537px) / (1920 - 1537));
  }
  .quiz-section-hero .row-steps .step {
    height: calc(260px + (360 - 260) * (100vw - 1537px) / (1920 - 1537));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1536px) {
  .quiz-section-hero {
    padding: calc(32px + (56 - 32) * (100vw - 1025px) / (1536 - 1025)) calc(32px + (64 - 32) * (100vw - 1025px) / (1536 - 1025)) calc(32px + (64 - 32) * (100vw - 1025px) / (1536 - 1025)) calc(32px + (64 - 32) * (100vw - 1025px) / (1536 - 1025));
    gap: calc(48px + (100 - 48) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .picture_image_section {
    width: calc(480px + (734 - 480) * (100vw - 1025px) / (1536 - 1025));
    right: calc(8px + (31.5 - 8) * (100vw - 1025px) / (1536 - 1025));
    top: calc(4px + (12.7 - 4) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .badges {
    gap: calc(6px + (10 - 6) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .badges .badge {
    padding: calc(6px + (12 - 6) * (100vw - 1025px) / (1536 - 1025)) calc(12px + (20 - 12) * (100vw - 1025px) / (1536 - 1025)) calc(6px + (12 - 6) * (100vw - 1025px) / (1536 - 1025)) calc(10px + (16 - 10) * (100vw - 1025px) / (1536 - 1025));
    gap: calc(6px + (10 - 6) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .badges .badge .icon {
    width: calc(14px + (20 - 14) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .badges .badge .text {
    font-size: calc(13px + (16 - 13) * (100vw - 1025px) / (1536 - 1025));
    line-height: 137.5%;
    letter-spacing: -0.32px;
  }
  .quiz-section-hero .row-text .link_telegram .text-btn {
    font-size: calc(15px + (18 - 15) * (100vw - 1025px) / (1536 - 1025));
    line-height: 133.333%;
    letter-spacing: -0.36px;
    padding: calc(16px + (24 - 16) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .wrapper_text .title {
    font-size: calc(42px + (64 - 42) * (100vw - 1025px) / (1536 - 1025));
    line-height: 95.313%;
    letter-spacing: -1.92px;
    max-width: calc(480px + (700 - 480) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text {
    gap: calc(28px + (44 - 28) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .wrapper_text {
    gap: calc(16px + (24 - 16) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-text .link_telegram {
    width: calc(300px + (400 - 300) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-steps .step {
    height: calc(200px + (260 - 200) * (100vw - 1025px) / (1536 - 1025));
    padding: calc(20px + (32 - 20) * (100vw - 1025px) / (1536 - 1025)) calc(20px + (32 - 20) * (100vw - 1025px) / (1536 - 1025)) 8px calc(20px + (32 - 20) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-steps {
    gap: calc(6px + (12 - 6) * (100vw - 1025px) / (1536 - 1025));
  }
  .quiz-section-hero .row-steps .step .title_step {
    font-size: calc(18px + (24 - 18) * (100vw - 1025px) / (1536 - 1025));
    line-height: 116.667%;
    letter-spacing: -0.72px;
  }
  .quiz-section-hero .row-steps .step .num_step {
    font-size: calc(130px + (190 - 130) * (100vw - 1025px) / (1536 - 1025));
    line-height: 21.053%;
    letter-spacing: -7.6px;
  }
  .quiz-section-hero .row-text .wrapper_text .text {
    max-width: calc(500px + (600 - 500) * (100vw - 1025px) / (1536 - 1025));
  }
}
@media screen and (max-width: 1024px) {
  .quiz-section-hero {
    margin-top: 0;
    padding: calc(20px + (28 - 20) * (100vw - 200px) / (393 - 200)) calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200)) calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200)) calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200));
    border-radius: calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200));
    gap: 0;
  }
  .quiz-section-hero .picture_image_section {
    width: 100%;
    position: static;
    right: unset;
    top: unset;
    margin-top: calc(12px + (16 - 12) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-text .badges {
    gap: calc(6px + (10 - 6) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-text .badges .badge {
    padding: calc(8px + (10 - 8) * (100vw - 200px) / (393 - 200)) calc(12px + (16 - 12) * (100vw - 200px) / (393 - 200)) calc(8px + (10 - 8) * (100vw - 200px) / (393 - 200)) calc(10px + (12 - 10) * (100vw - 200px) / (393 - 200));
    gap: calc(6px + (8 - 6) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-text .badges .badge .icon {
    width: calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-text .badges .badge .text {
    font-size: calc(14px + (16 - 14) * (100vw - 200px) / (393 - 200));
    line-height: 125%;
    letter-spacing: -0.32px;
  }
  .quiz-section-hero .row-text {
    gap: calc(20px + (28 - 20) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-text .wrapper_text .title {
    font-size: calc(32px + (40 - 32) * (100vw - 200px) / (393 - 200));
    line-height: calc(32px + (40 - 32) * (100vw - 200px) / (393 - 200));
    letter-spacing: -1.2px;
    max-width: unset;
  }
  .quiz-section-hero .row-text .wrapper_text {
    gap: calc(12px + (16 - 12) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-text .wrapper_text .text {
    font-size: calc(15px + (17 - 15) * (100vw - 200px) / (393 - 200));
    line-height: 129.412%;
    letter-spacing: -0.34px;
    max-width: unset;
  }
  .quiz-section-hero .row-text .link_telegram {
    width: 100%;
    font-size: calc(15px + (17 - 15) * (100vw - 200px) / (393 - 200));
    line-height: calc(20px + (22 - 20) * (100vw - 200px) / (393 - 200));
    letter-spacing: -0.34px;
  }
  .quiz-section-hero .row-text .link_telegram:active:before {
    opacity: 1;
  }
  .quiz-section-hero .row-text .link_telegram .text-btn {
    padding: calc(14px + (18 - 14) * (100vw - 200px) / (393 - 200)) 24px;
    gap: 16px;
  }
  .quiz-section-hero .row-steps {
    align-self: unset;
    flex-direction: column;
    gap: calc(6px + (8 - 6) * (100vw - 200px) / (393 - 200));
    margin-top: calc(-24px + (-38 - -24) * (100vw - 200px) / (393 - 200));
  }
  .quiz-section-hero .row-steps .step {
    flex-direction: row-reverse;
    align-items: center;
    border-radius: calc(10px + (12 - 10) * (100vw - 200px) / (393 - 200));
    padding: calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200)) calc(24px + (32 - 24) * (100vw - 200px) / (393 - 200)) calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200)) calc(16px + (20 - 16) * (100vw - 200px) / (393 - 200));
    gap: 16px;
    flex: unset;
    width: 100%;
    height: auto;
  }
  .quiz-section-hero .row-steps .step .title_step {
    font-size: calc(16px + (18 - 16) * (100vw - 200px) / (393 - 200));
    line-height: calc(20px + (22 - 20) * (100vw - 200px) / (393 - 200));
    letter-spacing: -0.54px;
    width: 100%;
    flex: 1;
  }
  .quiz-section-hero .row-steps .step .num_step {
    font-size: calc(40px + (60 - 40) * (100vw - 200px) / (393 - 200));
    line-height: calc(40px + (60 - 40) * (100vw - 200px) / (393 - 200));
    letter-spacing: -2.4px;
    width: calc(56px + (80 - 56) * (100vw - 200px) / (393 - 200));
  }
}

/*# sourceMappingURL=quiz-section-hero.css.map */