.section-home-page-main-banner {
  padding-block: calc(var(--section-vertical-spacing-100) * 1.5);
  position: relative;
  overflow: hidden;
}
.section-home-page-main-banner .background-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-home-page-main-banner .background-image-desktop {
  object-position: top;
}
.section-home-page-main-banner .background-image-mobile {
  display: none;
}
.section-home-page-main-banner .section-content {
  position: relative;
  display: flex;
  align-items: center;
}
.section-home-page-main-banner .section-content .text-column {
  max-width: 490px;
}
.section-home-page-main-banner .section-content .block-title {
  color: var(--block-title-color);
}
.section-home-page-main-banner .section-content .block-description {
  margin-top: 16px;
  color: var(--block-description-color);
}
.section-home-page-main-banner .section-content .buttons-container {
  margin-top: 40px;
}
.section-home-page-main-banner .section-content .illustration {
  width: 520px;
}

@media (max-width: 1199px) {
  .section-home-page-main-banner .section-content .buttons-container {
    margin-top: 30px;
  }
  .section-home-page-main-banner .section-content .illustration {
    width: 470px;
  }
}
/*
@media (max-width: 991px) {
    .section-home-page-main-banner {
        .section-content {
            .text-column {
                max-width: unset;
            }

            .buttons-container {
                margin-top: 25px;
            }
        }
    }
}
*/
@media (max-width: 767px) {
  .section-home-page-main-banner {
    padding-block: var(--section-vertical-spacing-100);
  }
  .section-home-page-main-banner .section-content .text-column {
    max-width: 380px;
  }
}
@media (max-width: 575px) {
  .section-home-page-main-banner {
    padding-bottom: calc(350px + 80 * (100vw - 575px) / 155);
  }
  .section-home-page-main-banner .background-image-desktop {
    display: none;
  }
  .section-home-page-main-banner .background-image-mobile {
    display: block;
    object-position: bottom;
  }
  .section-home-page-main-banner .section-content .text-column {
    max-width: unset;
  }
}
@media (max-width: 420px) {
  .section-home-page-main-banner {
    padding-bottom: calc(270px + -40 * (100vw - 420px) / 100);
  }
  .section-home-page-main-banner .section-content .buttons-container .button {
    width: 100%;
  }
}

/*# sourceMappingURL=home-page-main-banner.css.map */