@import "/styles/default.css";

@import "/styles/components/mobile-header.css";

@import "/styles/components/header.css";

@import "/styles/components/offer/faq.css";

@import "/styles/components/benefits.css";

@import "/styles/components/steps.css";

@import "/styles/components/mini-awards.css";

@import "/styles/components/footer.css";

.benefits {
  background: none;
}
.benefits__item {
  padding-right: calc(30 / 1920 * 100vw);
}
@media screen and (max-width: 768px) {
  .benefits__item {
    padding-right: calc(12 / 390 * 100vw);
  }
}

.steps__item-1 {
  flex-basis: calc(900 / 1920 * 100vw);
  display: flex;
  flex-direction: column;
}
.steps__item-1 > h6 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: calc(14 / 1920 * 100vw);
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--text-light-blue);
}
.steps__item-1 > h3 {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: calc(32 / 1920 * 100vw);
  line-height: 110%;
  letter-spacing: -0.02em;
  color: var(--text-white);
  margin-top: calc(18 / 1920 * 100vw);
  text-align: left;
}
.steps__item-1 > p:last-of-type {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc(13 / 1920 * 100vw);
  line-height: 110%;
  letter-spacing: -0.03em;
  color: var(--text-white-500);
  margin-top: calc(18 / 1920 * 100vw);
}
.steps__item-1 > button {
  margin-top: auto;
}

.steps__item-2 > p:last-of-type {
  width: calc(362 / 1920 * 100vw);
}
.steps__item-2 > button {
  margin-top: calc(61 / 1920 * 100vw);
}

.steps__item-3 {
  flex-basis: calc(900 / 1920 * 100vw);

  display: flex;
  flex-direction: column;
}
.steps__item-3 > p {
  width: calc(402 / 1920 * 100vw);
}
.steps__item-3 > button {
  margin-top: auto;
}

.steps__item-5 {
  flex-basis: calc(435 / 1920 * 100vw);

  display: flex;
  flex-direction: column;
}
.steps__item-5 > h6 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: calc(14 / 1920 * 100vw);
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--text-light-blue);
}
.steps__item-5 > h3 {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: calc(32 / 1920 * 100vw);
  line-height: 110%;
  letter-spacing: -0.02em;
  color: var(--text-white);
  margin-top: calc(18 / 1920 * 100vw);
  text-align: left;
  width: calc(334 / 1920 * 100vw);
}
.steps__item-5 > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc(15 / 1920 * 100vw);
  line-height: 110%;
  letter-spacing: -0.03em;
  color: var(--fill-white-800);
  margin-top: calc(20 / 1920 * 100vw);
  width: calc(292 / 1920 * 100vw);
}
.steps__item-5 > button {
  margin-top: auto;
}
.steps__item > p {
  color: var(--fill-white-500);
}

@media screen and (max-width: 1024px) {
  .steps__item-1 {
    flex-basis: calc(900 / 768 * 100vw);
    display: flex;
    flex-direction: column;
  }
  .steps__item-1 > h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: calc(14 / 768 * 100vw);
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--text-light-blue);
  }
  .steps__item-1 > h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: calc(32 / 768 * 100vw);
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--text-white);
    margin-top: calc(0 / 768 * 100vw);
    text-align: left;
  }
  .steps__item-1 > p:last-of-type {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: calc(13 / 768 * 100vw);
    line-height: 110%;
    letter-spacing: -0.03em;
    color: var(--text-white-500);
    margin-top: calc(0 / 768 * 100vw);
  }
  .steps__item-1 > button {
    margin-top: auto;
  }

  .steps__item-2 > p:last-of-type {
    width: 100%;
  }
  .steps__item-2 > button {
    margin-top: calc(0 / 768 * 100vw);
  }

  .steps__item-3 {
    flex-basis: calc(900 / 768 * 100vw);

    display: flex;
    flex-direction: column;
  }
  .steps__item-3 > p {
    width: 100%;
  }
  .steps__item-3 > button {
    margin-top: auto;
  }

  .steps__item-5 {
    flex-basis: calc(435 / 768 * 100vw);

    display: flex;
    flex-direction: column;
  }
  .steps__item-5 > h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: calc(14 / 768 * 100vw);
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--text-light-blue);
  }
  .steps__item-5 > h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: calc(32 / 768 * 100vw);
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--text-white);
    margin-top: calc(0 / 768 * 100vw);
    text-align: left;
    width: 100%;
  }
  .steps__item-5 > p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: calc(15 / 768 * 100vw);
    line-height: 110%;
    letter-spacing: -0.03em;
    color: var(--fill-white-800);
    margin-top: calc(0 / 768 * 100vw);
    width: 100%;
  }
  .steps__item-5 > button {
    margin-top: auto;
  }
  .steps__item {
    display: flex;
    flex-direction: column;

    row-gap: calc(20 / 768 * 100vw);
    flex-basis: 100%;
  }
  .steps__item > p {
    width: 100%;
    color: var(--text-white-500);
    margin: 0;
  }
  .steps__item > h3 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .steps__item-1 {
    flex-basis: calc(900 / 390 * 100vw);
    display: flex;
    flex-direction: column;
  }
  .steps__item-1 > h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: calc(14 / 390 * 100vw);
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--text-light-blue);
  }
  .steps__item-1 > h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: calc(32 / 390 * 100vw);
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--text-white);
    margin-top: calc(0 / 390 * 100vw);
    text-align: left;
  }
  .steps__item-1 > p:last-of-type {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: calc(13 / 390 * 100vw);
    line-height: 110%;
    letter-spacing: -0.03em;
    color: var(--text-white-500);
    margin-top: calc(0 / 390 * 100vw);
  }
  .steps__item-1 > button {
    margin-top: auto;
  }

  .steps__item-2 > p:last-of-type {
    width: 100%;
  }
  .steps__item-2 > button {
    margin-top: calc(0 / 390 * 100vw);
  }

  .steps__item-3 {
    flex-basis: calc(900 / 390 * 100vw);

    display: flex;
    flex-direction: column;
  }
  .steps__item-3 > p {
    width: 100%;
  }
  .steps__item-3 > button {
    margin-top: auto;
  }

  .steps__item-5 {
    flex-basis: calc(435 / 390 * 100vw);

    display: flex;
    flex-direction: column;
  }
  .steps__item-5 > h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: calc(14 / 390 * 100vw);
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--text-light-blue);
  }
  .steps__item-5 > h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: calc(32 / 390 * 100vw);
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--text-white);
    margin-top: calc(0 / 390 * 100vw);
    text-align: left;
    width: 100%;
  }
  .steps__item-5 > p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: calc(15 / 390 * 100vw);
    line-height: 110%;
    letter-spacing: -0.03em;
    color: var(--fill-white-800);
    margin-top: calc(0 / 390 * 100vw);
    width: 100%;
  }
  .steps__item-5 > button {
    margin-top: auto;
  }
  .steps__item {
    display: flex;
    flex-direction: column;

    row-gap: calc(15 / 390 * 100vw);
    flex-basis: 100%;
  }
  .steps__item > p {
    width: 100%;
    color: var(--text-white-500);
    margin: 0;
  }
  .steps__item > p:last-of-type {
    width: 100%;
    color: var(--text-white-500);
    margin: 0;
  }
  .steps__item > h3 {
    width: 100%;
    margin: 0;
  }
  .steps__item > h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: calc(14 / 390 * 100vw);
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--text-light-blue);
  }
  .steps__item > h3 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: calc(32 / 390 * 100vw);
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--text-white);
    margin-top: calc(0 / 390 * 100vw);
    text-align: left;
  }
  .steps__item > button {
    margin-top: calc(0 / 390 * 100vw);
    width: 100%;
  }
}