@charset "UTF-8";
@font-face {
  font-family: 'Walsheim-Bold';
  src: url("./../fonts/GTWalsheimPro-Bold.woff") format("woff"), url("./../fonts/GTWalsheimPro-Bold.woff2") format("woff2"), url("./../fonts/GTWalsheimPro-Bold.ttf") format("truetype");
  font-style: normal;
  font-display: auto; }

@font-face {
  font-family: 'Walsheim-Regular';
  src: url("./../fonts/GTWalsheimPro-Regular.woff") format("woff"), url("./../fonts/GTWalsheimPro-Regular.woff2") format("woff2"), url("./../fonts/GTWalsheimPro-Regular.ttf") format("truetype");
  font-style: normal;
  font-display: auto; }

/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0; }

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none; }

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block; }

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em; }

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit; }

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

.step {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5.85vw;
  align-items: center;
  min-height: 16vw;
  width: 85%; }
  .step-number p {
    font-family: 'Walsheim-Bold', sans-serif;
    font-size: 6vw;
    line-height: 6vw; }
  .step-text p {
    font-family: 'Walsheim-Regular', sans-serif;
    font-size: 4.7vw;
    line-height: 5.3vw; }

.stepDesktop {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  min-height: 100px; }
  .stepDesktop-number p {
    font-family: 'Walsheim-Bold', sans-serif;
    font-size: 46px;
    line-height: 46px; }
  .stepDesktop-text p {
    font-family: 'Walsheim-Regular', sans-serif;
    font-size: 36px;
    line-height: 41px; }

.point {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 120px;
  width: 310px; }
  @media (max-width: 768px) {
    .point {
      width: 40vw;
      min-height: unset;
      gap: 1.3vw;} }
  .point-title {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5CFC87;
    border-radius: 10px;
    padding: 10px 0; }
    @media (max-width: 768px) {
      .point-title {
        padding: 1.9vw 0;
        border-radius: 1.3vw;}
        .point-title p {
          font-size: 3.2vw;
          line-height: 3.2vw;
          font-weight: 700; } }
  .point-action {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 20px 16px;
    border-radius: 10px;
    gap: 10px; }
    @media (max-width: 768px) {
      .point-action {
        padding: 4.2vw 2vw;
        gap: 2.6vw;
        border-radius: 1.3vw;} }
    .point-action-number {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background-color: #5CFC87;
      border-radius: 50%;
      padding: 9px 18px; }
      @media (max-width: 768px) {
        .point-action-number {
          padding: 1.8vw 2.3vw; }
          .point-action-number p {
            font-size: 4.1vw;
            line-height: 4.1vw; } }
    @media (max-width: 768px) {
      .point-action-text p {
        font-size: 3vw;
        line-height: 3vw; } }

.footer {
  background-image: url("../img/gradientBG.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .footer-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    padding-bottom: 45px;
    padding-top: 45px; }
    @media (max-width: 768px) {
      .footer-wrapper {
        padding-bottom: 20px;
        padding-top: 20px; } }
    .footer-wrapper-title {
      text-align: center; }
      .footer-wrapper-title p {
        font-family: 'Walsheim-Regular', sans-serif;
        font-size: 26px;
        line-height: 45px;
        color: white; }
        @media (max-width: 768px) {
          .footer-wrapper-title p {
            font-size: 3.3vw;
            line-height: 3.3vw; } }
    .footer-wrapper-text {
      text-align: center; }
      .footer-wrapper-text p {
        font-family: 'Walsheim-Regular', sans-serif;
        font-size: 22px;
        line-height: 29px;
        color: white; }
        @media (max-width: 768px) {
          .footer-wrapper-text p {
            font-size: 3.3vw;
            line-height: 3.3vw; } }

body {
  font-family: 'Manrope', sans-serif; }

a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s; }
  a:hover {
    color: inherit; }

.container {
  max-width: 90%; }

h1 {
  font-family: 'Walsheim-Bold', sans-serif;
  font-size: 86px;
  line-height: 103.2px;
  font-weight: 600;
  color: white; }

h2 {
  font-family: 'Walsheim-Bold', sans-serif;
  font-size: 11vw;
  line-height: 11vw;
  color: white; }

h3 {
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 700;
  color: white;
  letter-spacing: 0.01em; }

p {
  font-size: 24px;
  line-height: 32.78px; }

.index .hero-wrapper {
  position: relative; }
  .index .hero-wrapper-desktop {
    background-image: url("../img/heroBG.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 0; }
    .index .hero-wrapper-desktop-info h2 {
      font-size: 86px;
      line-height: 86px;
      margin-bottom: 15px; }
    .index .hero-wrapper-desktop-info h3 {
      font-family: "Walsheim-Bold", sans-serif;
      font-size: 38px;
      line-height: 38px;
      margin-bottom: 30px;
      color: #5cfc87; }
    .index .hero-wrapper-desktop-info p {
      font-family: "Walsheim-Regular", sans-serif;
      font-size: 22px;
      line-height: 27px;
      color: white; }
    .index .hero-wrapper-desktop-info-link {
      margin-bottom: 20px; }
    .index .hero-wrapper-desktop-points {
      display: flex;
      flex-direction: row;
      gap: 30px;
      flex-wrap: wrap;
      justify-content: flex-start; }
      @media (max-width: 1200px) {
        .index .hero-wrapper-desktop-points {
          justify-content: center; } }
    .index .hero-wrapper-desktop .bottom {
      display: inline-flex;
      flex-direction: column;
      gap: 20px; }
    .index .hero-wrapper-desktop-button {
      display: flex;
      justify-content: center; }
      .index .hero-wrapper-desktop-button a {
        width: 310px; }
    .index .hero-wrapper-desktop .postscript {
      color: white;
      text-align: left; }
      .index .hero-wrapper-desktop .postscript p {
        font-size: 2.4vw; }
  .index .hero-wrapper-image {
    overflow: hidden; }
    .index .hero-wrapper-image img {
      width: 100%;
      height: auto;
      object-fit: cover; }
  .index .hero-wrapper-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .index .hero-wrapper-info-title {
      text-align: center; }
      .index .hero-wrapper-info-title h1 {
        font-size: 11.7vw;
        line-height: 11.7vw;
        margin-bottom: 5.2vw; }
      .index .hero-wrapper-info-title h2 {
        width: 50%;
        margin: 2vw auto;
        font-size: 5.8vw;
        line-height: 5.7vw;
        margin-bottom: 2vw;
        color: #5cfc87; }
    .index .hero-wrapper-info-points {
      display: flex;
      flex-direction: row;
      gap: 4.4vw;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 7.1vw; }
    .index .hero-wrapper-info-button {
      margin-top: 4vw;
      display: flex;
      justify-content: center; }
      .index .hero-wrapper-info-button a {
        width: 40vw; }
    .index .hero-wrapper-info .postscript {
      color: white;
      text-align: center;
      margin-top: 2.9vw;
        margin-bottom: 5vw}
      .index .hero-wrapper-info .postscript p {
        font-size: 3vw;
        line-height: 3vw;}

.index .offer-wrapper-desktop {
  background-image: url("../img/offerBG.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 130px 0; }
  .index .offer-wrapper-desktop-info h2 {
    font-size: 86px;
    line-height: 86px;
    margin-bottom: 15px; }
  .index .offer-wrapper-desktop-info h3 {
    font-family: "Walsheim-Bold", sans-serif;
    font-size: 38px;
    margin-bottom: 15px;
    color: #5cfc87; }
  .index .offer-wrapper-desktop-info p {
    font-family: "Walsheim-Regular", sans-serif;
    font-size: 22px;
    line-height: 27px;
    color: white; }
  .index .offer-wrapper-desktop-info-link {
    margin-bottom: 20px; }

.index .offer-wrapper-image {
  overflow: hidden; }
  .index .offer-wrapper-image img {
    width: 100%;
    height: auto;
    scale: 1.3; }

.index .offer-wrapper-info {
  background-image: url("../img/gradientBG.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-top: 6.5vw;
  padding-bottom: 6.5vw;
  text-align: center;
  box-shadow: 0px -42px 19px 4px rgba(23, 33, 70, 0.48); }
  .index .offer-wrapper-info h2 {
    position: relative;
    z-index: 3;
    margin-bottom: 7.8vw; }
  .index .offer-wrapper-info-bubbles {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0.1; }
    .index .offer-wrapper-info-bubbles img {
      width: 100%; }
  .index .offer-wrapper-info-link {
    position: relative;
    z-index: 3; }

.index .partners {
  background-image: url("../img/ZigZagBG.png");
  background-repeat: no-repeat;
  background-size: 100%; }
  .index .partners-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*gap: 10px;*/
    align-items: center;
    padding: 20px 0; }
    .index .partners-wrapper-item {
      width: 24%; }

.index .predict {
  background-image: url("../img/Top6BG.png");
  background-repeat: no-repeat;
  background-size: 150% 120%; }
  .index .predict-wrapper {
    text-align: center;
    padding: 13vw 3.9vw; }
    .index .predict-wrapper-image {
      margin-bottom: 7.8vw; }
      .index .predict-wrapper-image img {
        width: 100%;
        height: auto; }
    .index .predict-wrapper-text h2 {
      margin-bottom: 20px; }
    .index .predict-wrapper-text h3 {
      color: #5cfc87;
      margin-bottom: 20px; }
    .index .predict-wrapper .offer-wrapper-desktop-info-link {
      display: flex;
      position: relative;
      z-index: 10; }
    .index .predict-wrapper a {
      align-self: start; }

.index .predict-desktop {
  background-image: url("../img/Top6BGDesktop.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 130px 0; }
  .index .predict-desktop-wrapper {
    position: relative; }
    .index .predict-desktop-wrapper-info {
      width: 40%; }
      .index .predict-desktop-wrapper-info-text {
        text-align: left; }
        .index .predict-desktop-wrapper-info-text h2 {
          font-size: 4.5vw;
          line-height: 4.5vw;
          margin-bottom: 15px;
          color: white; }
        .index .predict-desktop-wrapper-info-text h3 {
          color: #5cfc87;
          margin-bottom: 20px; }
    .index .predict-desktop-wrapper-phone {
      position: absolute;
      right: -60px;
      top: -130px;
      width: 65%;
      overflow: hidden; }
      .index .predict-desktop-wrapper-phone img {
        float: right; }

.index .steps {
  background-image: url("../img/ZigZagBG.png");
  background-size: 100% 100%;
  padding-top: 57vw;
  padding-bottom: 30px; }
  .index .steps-wrapper {
    position: relative; }
    .index .steps-wrapper-image {
      position: absolute;
      top: -75%; }
      .index .steps-wrapper-image img {
        width: 100%;
        height: auto; }
      .index .steps-wrapper-image-link {
        position: absolute;
        right: 5%;
        bottom: 15%; }
    .index .steps-wrapper-text {
      text-align: center; }
      .index .steps-wrapper-text h2 {
        color: black;
        font-size: 10vw;
        line-height: 10vw; }
      .index .steps-wrapper-text h3 {
        margin-top: 30px;
        color: black;
        font-size: 6.9vw;
        line-height: 6.9vw; }
    .index .steps-wrapper-items {
      display: flex;
      flex-direction: column;
      gap: 3.2vw;
      align-items: center; }

.index .steps-desktop {
  background-image: url("../img/ZigZagBG.png");
  background-size: cover; }
  .index .steps-desktop-wrapper {
    padding: 60px 0; }
    .index .steps-desktop-wrapper-text h2 {
      font-size: 4.5vw;
      line-height: 4.5vw;
      margin-bottom: 40px;
      color: black; }
    .index .steps-desktop-wrapper-text h3 {
      margin-top: 20px;
      color: black; }
    .index .steps-desktop-wrapper-items {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 40px; }
      .index .steps-desktop-wrapper-items-block {
        width: 47%;
        display: flex;
        flex-direction: column;
        gap: 40px; }

.green-button {
  display: inline-block;
  font-family: "Walsheim-Regular", sans-serif;
  color: black;
  font-size: 4vw;
  text-align: center;
  line-height: 5vw;
  padding: 3.1vw 4vw;
  background-color: #5cfc87;
  border-radius: 9px;
  cursor: pointer; }

.green-button-desktop {
  display: inline-block;
  text-align: center;
  font-family: "Walsheim-Regular", sans-serif;
  color: black;
  font-size: 32px;
  line-height: 38px;
  padding: 20px 30px;
  background-color: #5cfc87;
  border-radius: 9px;
  cursor: pointer; }