html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-family: "IBM Plex Sans JP", sans-serif;
}

ul, li, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.header {
  position: relative;
  margin-bottom: 14px;
}
.header__navigation {
  position: relative;
  display: flex;
  align-items: center;
  background: #181A1F;
  padding: 12px 16px;
  z-index: 15;
}
@media screen and (min-width: 600px) {
  .header__navigation {
    padding: 12px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .header__navigation {
    padding: 12px 40px;
  }
}
.header__logo-wrapper {
  height: 30px;
  width: 120px;
  margin-right: auto;
}
.header__logo {
  height: 100%;
  width: 100%;
}
.header__social-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media screen and (min-width: 300px) {
  .header__social-wrapper {
    gap: 16px;
  }
}
.header__social-link {
  display: block;
  height: 32px;
  width: 32px;
}
.header__social-link svg {
  transition: fill 0.15s ease-in-out;
}
.header__social-link svg path {
  transition: fill 0.15s ease-in-out;
}
.header__social-link:active svg {
  fill: #FFF;
}
.header__social-link:active svg path {
  fill: #181A1F;
}
@media screen and (min-width: 1024px) {
  .header__social-link:hover svg {
    fill: #FFF;
  }
  .header__social-link:hover svg path {
    fill: #181A1F;
  }
}
.header__menu-btn {
  position: relative;
  height: 32px;
  width: 32px;
  border-radius: 100px;
  margin-left: 8px;
  z-index: 10;
}
@media screen and (min-width: 300px) {
  .header__menu-btn {
    margin-left: 16px;
  }
}
.header__menu {
  position: absolute;
  transform: translateY(-200%);
  height: 100vh;
  width: 100vw;
  transition: transform 0.25s ease-in-out;
}
.header__menu--active {
  transform: translateY(0);
  background: #181A1F;
  padding: 16px 40px;
  border-top: 1px solid #30313A;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .header__menu {
    height: max-content;
    width: 100%;
  }
}
.header__navigation-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: max-content;
  gap: 16px;
  overflow: auto;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .header__navigation-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 16px 24px;
    overflow: hidden;
  }
}
.header__navigation-item {
  color: #C8C9C9;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header__navigation-item:active {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .header__navigation-item {
    font-size: 14px;
  }
  .header__navigation-item:hover {
    text-decoration: underline;
  }
}

.dot-menu {
  position: relative;
}

.dot-menu__checkbox {
  display: none;
}

.dot-menu__label:before,
.dot-menu__label:after {
  content: "";
  position: absolute;
  width: 5.3333333333px;
  height: 5.3333333333px;
  border-radius: 5.3333333333px;
  background-color: #FFF;
  transition: 0.8s;
  left: 13.3333333333px;
  transition: 0.2s;
}

.dot-menu__label:after {
  top: 21.3333333333px;
}

.dot-menu__label:before {
  top: 5.3333333333px;
}

.dot-menu__checkbox:checked ~ .dot-menu__label {
  background-color: #FFF;
}
.dot-menu__checkbox:checked ~ .dot-menu__label:before,
.dot-menu__checkbox:checked ~ .dot-menu__label span:before,
.dot-menu__checkbox:checked ~ .dot-menu__label:after {
  background-color: #181A1F;
  top: 13.3333333333px;
}
.dot-menu__checkbox:checked ~ .dot-menu__label span:before {
  width: 16px;
  left: 8px;
}

.dot-menu__label {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: #181A1F;
  display: block;
  border-radius: 100px;
  border: 1px solid #FFF;
  text-indent: -9999em;
}
.dot-menu__label span:before {
  content: "";
  position: absolute;
  width: 5.3333333333px;
  height: 5.3333333333px;
  border-radius: 5.3333333333px;
  background-color: #FFF;
  transition: 0.8s;
  left: 13.3333333333px;
  top: 13.3333333333px;
}

.page--active {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .page--active {
    overflow: auto;
  }
}
.page__body {
  background: #181A1F;
}
.page__content-wrapper {
  position: relative;
  overflow: hidden;
}
.page__container {
  max-width: 391px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
}
@media screen and (min-width: 360px) {
  .page__container {
    max-width: 631px;
  }
}
@media screen and (min-width: 600px) {
  .page__container {
    max-width: 1083px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .page__container {
    max-width: 1359px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1280px) {
  .page__container {
    max-width: 1615px;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1536px) {
  .page__container {
    max-width: 1920px;
  }
}
@media screen and (min-width: 1921px) {
  .page__container {
    max-width: 2560px;
  }
}
.page__main-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 208px;
  border-radius: 100px;
  border: 2px solid transparent;
  background: #FF5239;
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.page__main-btn span {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: color 0.15s ease-in-out;
}
.page__main-btn:active {
  border: 2px solid #FF5239;
  background: #181A1F;
}
.page__main-btn:active span {
  color: #FF5239;
}
.page__main-btn--center {
  margin: 0 auto;
}
@media screen and (min-width: 360px) {
  .page__main-btn {
    height: 63px;
    width: 264px;
  }
  .page__main-btn span {
    font-size: 20px;
  }
}
@media screen and (min-width: 600px) {
  .page__main-btn {
    height: 66px;
    width: 304px;
  }
  .page__main-btn span {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .page__main-btn:hover {
    border: 2px solid #FF5239;
    background: #181A1F;
  }
  .page__main-btn:hover span {
    color: #FF5239;
  }
}
.page__content-block {
  margin-bottom: 60px;
}
.page__section-banner {
  width: 100%;
}
.page__section-banner--1 {
  height: clamp(137.42px, calc(137.42px + (182.71 - 137.42) * (100vw - 270px) / (359 - 270)), 182.71px);
}
.page__section-banner--2 {
  height: clamp(171.87px, calc(171.87px + (228.53 - 171.87) * (100vw - 270px) / (359 - 270)), 228.53px);
}
.page__section-banner--3 {
  height: clamp(170.26px, calc(170.26px + (226.38 - 170.26) * (100vw - 270px) / (359 - 270)), 226.38px);
}
.page__section-banner--4 {
  height: clamp(148.7px, calc(148.7px + (197.72 - 148.7) * (100vw - 270px) / (359 - 270)), 197.72px);
}
@media screen and (min-width: 360px) {
  .page__section-banner--1 {
    height: clamp(183.224px, calc(183.224px + (304.864 - 183.224) * (100vw - 360px) / (599 - 360)), 304.864px);
  }
  .page__section-banner--2 {
    height: clamp(229.164px, calc(229.164px + (381.304 - 229.164) * (100vw - 360px) / (599 - 360)), 381.304px);
  }
  .page__section-banner--3 {
    height: clamp(227.015px, calc(227.015px + (377.728 - 227.015) * (100vw - 360px) / (599 - 360)), 377.728px);
  }
  .page__section-banner--4 {
    height: clamp(198.269px, calc(198.269px + (329.897 - 198.269) * (100vw - 360px) / (599 - 360)), 329.897px);
  }
}
@media screen and (min-width: 600px) {
  .page__section-banner--1 {
    height: clamp(305.373px, calc(305.373px + (520.661 - 305.373) * (100vw - 600px) / (1023 - 600)), 520.661px);
  }
  .page__section-banner--2 {
    height: clamp(381.94px, calc(381.94px + (651.208 - 381.94) * (100vw - 600px) / (1023 - 600)), 651.208px);
  }
  .page__section-banner--3 {
    height: clamp(378.358px, calc(378.358px + (645.101 - 378.358) * (100vw - 600px) / (1023 - 600)), 645.101px);
  }
  .page__section-banner--4 {
    height: clamp(330.448px, calc(330.448px + (563.413 - 330.448) * (100vw - 600px) / (1023 - 600)), 563.413px);
  }
}
@media screen and (min-width: 1024px) {
  .page__section-banner--1 {
    height: clamp(424px, calc(424px + (529.586 - 424) * (100vw - 1024px) / (1279 - 1024)), 529.586px);
    margin-bottom: -100px;
  }
  .page__section-banner--2 {
    height: clamp(424px, calc(424px + (529.586 - 424) * (100vw - 1024px) / (1279 - 1024)), 529.586px);
    margin-bottom: -100px;
  }
  .page__section-banner--3 {
    height: clamp(424px, calc(424px + (529.586 - 424) * (100vw - 1024px) / (1279 - 1024)), 529.586px);
    margin-bottom: -200px;
  }
  .page__section-banner--4 {
    height: clamp(424px, calc(424px + (529.586 - 424) * (100vw - 1024px) / (1279 - 1024)), 529.586px);
    margin-bottom: -60px;
  }
}
@media screen and (min-width: 1280px) {
  .page__section-banner--1 {
    height: clamp(530px, calc(530px + (635.586 - 530) * (100vw - 1280px) / (1535 - 1280)), 635.586px);
    margin-bottom: -140px;
  }
  .page__section-banner--2 {
    height: clamp(530px, calc(530px + (635.586 - 530) * (100vw - 1280px) / (1535 - 1280)), 635.586px);
  }
  .page__section-banner--3 {
    height: clamp(530px, calc(530px + (635.586 - 530) * (100vw - 1280px) / (1535 - 1280)), 635.586px);
  }
  .page__section-banner--4 {
    height: clamp(530px, calc(530px + (635.586 - 530) * (100vw - 1280px) / (1535 - 1280)), 635.586px);
    margin-bottom: -100px;
  }
}
@media screen and (min-width: 1536px) {
  .page__section-banner--1 {
    height: clamp(636px, calc(636px + (795 - 636) * (100vw - 1536px) / (1920 - 1536)), 795px);
    margin-bottom: -220px;
  }
  .page__section-banner--2 {
    height: clamp(636px, calc(636px + (795 - 636) * (100vw - 1536px) / (1920 - 1536)), 795px);
  }
  .page__section-banner--3 {
    height: clamp(636px, calc(636px + (795 - 636) * (100vw - 1536px) / (1920 - 1536)), 795px);
  }
  .page__section-banner--4 {
    height: clamp(636px, calc(636px + (795 - 636) * (100vw - 1536px) / (1920 - 1536)), 795px);
  }
}
@media screen and (min-width: 1921px) {
  .page__section-banner--1 {
    height: clamp(795.414px, calc(795.414px + (1060 - 795.414) * (100vw - 1921px) / (2560 - 1921)), 1060px);
  }
  .page__section-banner--2 {
    height: clamp(795.414px, calc(795.414px + (1060 - 795.414) * (100vw - 1921px) / (2560 - 1921)), 1060px);
  }
  .page__section-banner--3 {
    height: clamp(795.414px, calc(795.414px + (1060 - 795.414) * (100vw - 1921px) / (2560 - 1921)), 1060px);
    margin-bottom: -300px;
  }
  .page__section-banner--4 {
    height: clamp(795.414px, calc(795.414px + (1060 - 795.414) * (100vw - 1921px) / (2560 - 1921)), 1060px);
  }
}
.page__section-text-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.page__block-title {
  color: #FFF;
  font-family: "Dela Gothic One", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 36px;
}
.page__block-title--red {
  color: #FF5239;
}
@media screen and (min-width: 360px) {
  .page__block-title {
    font-size: 36px;
  }
}
@media screen and (min-width: 1536px) {
  .page__block-title {
    font-size: 40px;
  }
}
.page__separate-block {
  display: block;
}
@media screen and (min-width: 600px) {
  .page__separate-block--md-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
  }
}
.page__block-subtitle {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 24px;
}
.page__block-text {
  color: #C8C9C9;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page__block-text a {
  color: #44C4FF;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.page__block-text--warning {
  color: #FF5239;
  font-weight: 500;
}
.page__block-text--attention {
  color: #85FB5A;
  font-weight: 500;
}
.page__blue-text {
  color: #44C4FF;
  font-weight: 700;
}
.page__green-text {
  color: #85FB5A;
  font-weight: 700;
}
.page__medium-white {
  font-weight: 500;
  color: #FFF;
}
.page__list {
  list-style: none;
}
.page__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.page__item:last-child {
  margin-bottom: 0;
}
.page__item--center {
  align-items: center;
}
.page__item-point {
  color: #C8C9C9;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 8px;
}
.page__item-point--warning {
  height: 24px;
  width: 24px;
}
.page__item-point--warning img {
  height: 100%;
  width: 100%;
}
.page__warning-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  border: 1px solid #FF5239;
  background: #30313A;
  padding: 16px;
}
.page__warning-block--green {
  border: 1px solid #85FB5A;
}
.page__warning-block--no-gap {
  gap: 0;
}
@media screen and (min-width: 600px) {
  .page__warning-block {
    flex-direction: row;
  }
}
.page__warning-icon {
  height: 32px;
  width: 32px;
}
.page__warning-text {
  color: #FF5239;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.page__warning-text span {
  color: #FFF;
}
.page__warning-text--green {
  color: #85FB5A;
}
.page__attention-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 600px) {
  .page__attention-wrapper {
    flex-direction: row;
  }
}
.page__attention-icon {
  height: 120px;
  width: 120px;
}
@media screen and (min-width: 360px) {
  .page__attention-icon {
    height: 180px;
    width: 180px;
  }
}
@media screen and (min-width: 600px) {
  .page__attention-icon {
    height: 121px;
    width: 121px;
  }
}
@media screen and (min-width: 1024px) {
  .page__attention-icon {
    height: 94px;
    width: 94px;
  }
}
@media screen and (min-width: 1280px) {
  .page__attention-icon {
    height: 121px;
    width: 121px;
  }
}
@media screen and (min-width: 1921px) {
  .page__attention-icon {
    height: 94px;
    width: 94px;
  }
}
.page__attention-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #85FB5A;
  background: #30313A;
  padding: 16px;
}
@media screen and (min-width: 1024px) {
  .page__attention-content {
    width: 100%;
  }
}
.page__attention-title {
  color: #85FB5A;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page__attention-text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.page__cards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 24px 16px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .page__cards-list {
    max-width: 480px;
    gap: 36px 40px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .page__cards-list {
    max-width: 100%;
    gap: 36px 0;
    justify-content: space-between;
  }
}
.page__cards-list--1:after {
  content: "";
  flex: 0 1 15%;
  visibility: hidden;
}
.page__cards-item-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}
.page__cards-item-wrapper:last-child {
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .page__cards-item-wrapper {
    flex: 0 1 15%;
  }
  .page__cards-item-wrapper:last-child {
    justify-content: center;
  }
}
.page__cards-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.page__cards-image {
  height: clamp(111px, calc(111px + (155.5 - 111) * (100vw - 270px) / (359 - 270)), 155.5px);
  width: 100%;
}
@media screen and (min-width: 360px) {
  .page__cards-image {
    height: clamp(156px, calc(156px + (275.5 - 156) * (100vw - 360px) / (599 - 360)), 275.5px);
  }
}
@media screen and (min-width: 600px) {
  .page__cards-image {
    height: 120px;
    width: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .page__cards-image--trophy {
    height: 180px;
    width: 180px;
  }
}
@media screen and (min-width: 1280px) {
  .page__cards-image {
    height: 160px;
    width: 160px;
  }
  .page__cards-image--trophy {
    height: 180px;
    width: 180px;
  }
}
@media screen and (min-width: 1536px) {
  .page__cards-image {
    height: 200px;
    width: 200px;
  }
}
@media screen and (min-width: 1921px) {
  .page__cards-image {
    height: 320px;
    width: 320px;
  }
}
.page__cards-text {
  text-align: center;
  font-style: normal;
  line-height: normal;
  font-family: "Dela Gothic One", sans-serif;
}
.page__cards-title {
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
}
.page__cards-title--trophy {
  font-size: 24px;
}
@media screen and (min-width: 300px) {
  .page__cards-title {
    font-size: 14px;
  }
  .page__cards-title--trophy {
    font-size: 24px;
  }
}
@media screen and (min-width: 360px) {
  .page__cards-title {
    font-size: 16px;
  }
  .page__cards-title--trophy {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .page__cards-title--trophy {
    font-size: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .page__cards-title {
    font-size: 20px;
  }
  .page__cards-title--trophy {
    font-size: 24px;
  }
}
@media screen and (min-width: 1536px) {
  .page__cards-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .page__cards-title {
    font-size: 32px;
  }
}
.page__cards-description {
  color: #FF5239;
  font-size: 18px;
  font-weight: 400;
  margin-top: -10px;
}
.page__cards-description--trophy {
  color: #85FB5A;
  font-size: 20px;
}
@media screen and (min-width: 300px) {
  .page__cards-description {
    font-size: 20px;
  }
  .page__cards-description--trophy {
    font-size: 22px;
  }
}
@media screen and (min-width: 360px) {
  .page__cards-description {
    font-size: 24px;
  }
  .page__cards-description--trophy {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .page__cards-description--trophy {
    font-size: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .page__cards-description {
    font-size: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .sm-m-auto {
    margin: 0 auto;
  }
}

.mt-12 {
  margin-top: 12px;
}

@media screen and (min-width: 600px) {
  .md-pt-12 {
    padding-top: 12px;
  }
}

.mt-36 {
  margin-top: 36px;
}

.mt-40 {
  margin-top: 40px;
}

@media screen and (max-width: 599px) {
  .sm-mt-40 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .md-mt-40 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1279px) {
  .lg-mt-40 {
    margin-top: 40px;
  }
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-8 {
  margin-bottom: 8px;
}

.fw-regular {
  font-weight: 400;
}

.fw-bold {
  font-weight: 700;
}

.ai-flex-s {
  align-items: flex-start;
}

.w-100 {
  width: 100%;
}

@media screen and (min-width: 600px) {
  .md-flex-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
  }
}

@media screen and (min-width: 600px) {
  .md-jc-center {
    justify-content: center;
  }
}

@media screen and (min-width: 600px) {
  .md-flex-column {
    flex-direction: column;
  }
}

@media screen and (min-width: 1024px) {
  .lg-flex-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .lg-jc-center {
    justify-content: center;
  }
}

@media screen and (min-width: 1280px) {
  .xl-flex-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
  }
}

@media screen and (min-width: 1536px) {
  .xxl-flex-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
  }
}

@media screen and (max-width: 1535px) {
  .xl-mt-36 {
    margin-top: 36px;
  }
}

.hero {
  margin-bottom: 60px;
}
.hero__main-banner-wrapper {
  display: block;
}
@media screen and (min-width: 1024px) {
  .hero__main-banner-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 579.951px;
    width: 100%;
    padding: 0 40px;
    z-index: -1;
  }
}
@media screen and (min-width: 1280px) {
  .hero__main-banner-wrapper {
    height: 703.777px;
  }
}
@media screen and (min-width: 1536px) {
  .hero__main-banner-wrapper {
    height: 890px;
  }
}
@media screen and (min-width: 1921px) {
  .hero__main-banner-wrapper {
    height: 1199.565px;
  }
}
.hero__main-banner {
  height: clamp(275.12px, calc(275.12px + (378.002 - 275.12) * (100vw - 270px) / (359 - 270)), 378.002px);
  width: 100%;
}
@media screen and (min-width: 360px) {
  .hero__main-banner {
    height: clamp(379.16px, calc(379.16px + (655.435 - 379.16) * (100vw - 360px) / (599 - 360)), 655.435px);
  }
}
@media screen and (min-width: 600px) {
  .hero__main-banner {
    height: clamp(647.343px, calc(647.343px + (1136.319 - 647.343) * (100vw - 600px) / (1023 - 600)), 1136.319px);
  }
}
@media screen and (min-width: 1024px) {
  .hero__main-banner {
    height: clamp(456.61px, calc(456.61px + (579.951 - 456.61) * (100vw - 1024px) / (1279 - 1024)), 579.951px);
  }
}
@media screen and (min-width: 1280px) {
  .hero__main-banner {
    height: clamp(580.43px, calc(580.43px + (703.777 - 580.43) * (100vw - 1280px) / (1535 - 1280)), 703.777px);
  }
}
@media screen and (min-width: 1536px) {
  .hero__main-banner {
    height: clamp(704.26px, calc(704.26px + (890 - 704.26) * (100vw - 1536px) / (1920 - 1536)), 890px);
  }
}
@media screen and (min-width: 1921px) {
  .hero__main-banner {
    height: clamp(890.48px, calc(890.48px + (1199.565 - 890.48) * (100vw - 1921px) / (2560 - 1921)), 1199.565px);
  }
}
.hero__text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media screen and (min-width: 360px) {
  .hero__text-content {
    gap: 16px;
  }
}
.hero__empty-block {
  display: none;
}
@media screen and (min-width: 1024px) {
  .hero__empty-block {
    display: block;
    height: clamp(228.3px, calc(228.3px + (289.98 - 228.3) * (100vw - 1024px) / (1279 - 1024)), 289.98px);
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .hero__empty-block {
    height: clamp(290.22px, calc(290.22px + (351.89 - 290.22) * (100vw - 1280px) / (1535 - 1280)), 351.89px);
  }
}
@media screen and (min-width: 1536px) {
  .hero__empty-block {
    height: clamp(352.13px, calc(352.13px + (445 - 352.13) * (100vw - 1536px) / (1920 - 1536)), 445px);
  }
}
@media screen and (min-width: 1921px) {
  .hero__empty-block {
    height: clamp(445.24px, calc(445.24px + (599.78 - 445.24) * (100vw - 1921px) / (2560 - 1921)), 599.78px);
  }
}
@media screen and (min-width: 1024px) {
  .hero__text-content-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 186px;
    width: 100%;
    height: clamp(147.71px, calc(147.71px + (186 - 147.71) * (100vw - 1024px) / (1279 - 1024)), 186px);
  }
}
@media screen and (min-width: 1280px) {
  .hero__text-content-top {
    height: clamp(186.6px, calc(186.6px + (225.33 - 186.6) * (100vw - 1280px) / (1535 - 1280)), 225.33px);
  }
}
@media screen and (min-width: 1536px) {
  .hero__text-content-top {
    height: clamp(225.48px, calc(225.48px + (283.81 - 225.48) * (100vw - 1536px) / (1920 - 1536)), 283.81px);
  }
}
@media screen and (min-width: 1921px) {
  .hero__text-content-top {
    height: clamp(283.97px, calc(283.97px + (381.03 - 283.97) * (100vw - 1921px) / (2560 - 1921)), 381.03px);
  }
}
@media screen and (min-width: 1024px) {
  .hero__btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }
}
.hero__warning-wrapper {
  display: none;
}
@media screen and (min-width: 1024px) {
  .hero__warning-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
  }
}
.hero__points-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .hero__points-wrapper {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
  }
}
.hero__main-point {
  height: clamp(64.22px, calc(64.22px + (88.238 - 64.22) * (100vw - 270px) / (359 - 270)), 88.238px);
  width: 100%;
}
@media screen and (min-width: 360px) {
  .hero__main-point {
    height: clamp(88.508px, calc(88.508px + (153 - 88.508) * (100vw - 360px) / (599 - 360)), 153px);
  }
}
@media screen and (min-width: 600px) {
  .hero__main-point {
    height: clamp(151.111px, calc(151.111px + (265.254 - 151.111) * (100vw - 600px) / (1023 - 600)), 265.254px);
  }
}
@media screen and (min-width: 1024px) {
  .hero__main-point {
    height: clamp(80.59px, calc(80.59px + (103.529 - 80.59) * (100vw - 1024px) / (1279 - 1024)), 103.529px);
  }
}
@media screen and (min-width: 1280px) {
  .hero__main-point {
    height: clamp(103.62px, calc(103.62px + (126.556 - 103.62) * (100vw - 1280px) / (1535 - 1280)), 126.556px);
  }
}
@media screen and (min-width: 1536px) {
  .hero__main-point {
    height: clamp(126.65px, calc(126.65px + (161.185 - 126.65) * (100vw - 1536px) / (1920 - 1536)), 161.185px);
  }
}
@media screen and (min-width: 1921px) {
  .hero__main-point {
    height: clamp(161.28px, calc(161.28px + (218.751 - 161.28) * (100vw - 1921px) / (2560 - 1921)), 218.751px);
  }
}
.hero__warning-banner--mobile {
  width: 100%;
  height: clamp(56.67px, calc(56.67px + (77.857 - 56.67) * (100vw - 360px) / (599 - 360)), 77.857px);
}
@media screen and (min-width: 360px) {
  .hero__warning-banner--mobile {
    height: clamp(78.095px, calc(78.095px + (135 - 78.095) * (100vw - 360px) / (599 - 360)), 135px);
  }
}
@media screen and (min-width: 600px) {
  .hero__warning-banner--mobile {
    height: clamp(133.333px, calc(133.333px + (234.048 - 133.333) * (100vw - 600px) / (1023 - 600)), 234.048px);
  }
}
@media screen and (min-width: 1024px) {
  .hero__warning-banner--mobile {
    display: none;
  }
  .hero__warning-banner--desktop {
    display: block;
    height: 174px;
    width: 180px;
  }
}
@media screen and (min-width: 600px) {
  .hero__main-btn {
    height: 69px;
    width: 344px;
  }
  .hero__main-btn span {
    font-size: 28px;
  }
}
@media screen and (min-width: 1536px) {
  .hero__main-btn {
    height: 87px;
    width: 400px;
  }
  .hero__main-btn span {
    font-size: 32px;
  }
}
@media screen and (min-width: 1921px) {
  .hero__main-btn {
    height: 131px;
    width: 640px;
  }
  .hero__main-btn span {
    font-size: 48px;
  }
}

.footer {
  padding: 0 0 40px 0;
}
.footer__buttons-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .footer__buttons-wrapper {
    flex-direction: row;
  }
}
.footer__download-link {
  display: block;
  height: 49px;
  width: 208px;
  transition: opacity 0.15s ease-in-out;
}
.footer__download-link img {
  height: 100%;
  width: 100%;
}
.footer__download-link:active {
  opacity: 0.8;
}
@media screen and (min-width: 360px) {
  .footer__download-link {
    height: 62px;
    width: 264px;
  }
}
@media screen and (min-width: 1024px) {
  .footer__download-link {
    height: 66px;
    width: 279.661px;
  }
  .footer__download-link:hover {
    opacity: 0.8;
  }
}
.footer__social-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
}
.footer__mail {
  display: block;
  width: max-content;
  color: #44C4FF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.15s ease-in-out;
  margin: 0 auto;
}
.footer__mail:active {
  color: #0095FF;
  text-decoration: underline;
}
.footer__mail:visited {
  color: #0278AF;
  text-decoration: underline;
}
@media screen and (min-width: 335px) {
  .footer__mail {
    font-size: 18px;
  }
}
@media screen and (min-width: 1024px) {
  .footer__mail:hover {
    color: #0095FF;
    text-decoration: underline;
  }
}

/*# sourceMappingURL=index.css.map */