@charset "UTF-8";
/* MOBILE FIRST: ≤ 768px */
.block__content .hero * {
  margin: auto;
  text-align: center;
}
.block__content .hero {
  padding: 7.5rem 1.8rem 2.5rem;
  color: #FAFAFA;
  background: radial-gradient(circle at 70% 50%, rgba(255, 255, 255, 0.18) 0%, transparent 60%), linear-gradient(140deg, #0f2fbe 0%, #1e4cff 35%, #4d8fff 70%, #87c3ff 100%);
}
.block__content .hero .hero-container .hero-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.block__content .hero .hero-container .hero-content h1 {
  color: #FAFAFA;
}
.block__content .hero .hero-container .hero-content .hero-description {
  position: relative;
}
.block__content .hero .hero-container .hero-content .hero-description p {
  margin: 0 1.0625 0 0;
}
.block__content .hero .hero-container .hero-content .hero-actions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.block__content .hero .hero-container .hero-content .hero-footer-desktop {
  display: none;
}
.block__content .hero .hero-container .hero-visual {
  margin: 1.9375rem auto 0.6875rem;
}
/* Tablets and small desktops: ≤ 1024px */
@media (min-width: 769px) {
  .block__content .hero {
    padding: 4.875rem 0 3rem 0;
  }
  .block__content .hero .hero-container {
    margin: auto;
  }
  .block__content .hero .hero-container .hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .block__content .hero .hero-container .hero-content h1 {
    width: 31.875rem;
    margin: auto;
  }
  .block__content .hero .hero-container .hero-content .hero-description {
    width: 31.875rem;
    margin: auto;
  }
  .block__content .hero .hero-container .hero-visual {
    margin: 0 auto 1.5rem;
    width: 29.3125rem;
  }
}
/* Medium desktops: ≤ 1440px */
@media (min-width: 1025px) {
  .block__content .hero {
    padding: 4.625rem 9rem 8.3125rem 5.1875rem;
  }
  .block__content .hero * {
    text-align: left;
    margin: unset;
  }
  .block__content .hero .hero-container {
    display: flex;
    gap: 4.5rem;
    align-self: center;
  }
  .block__content .hero .hero-container .hero-content {
    padding-top: 7rem;
    gap: 2.5rem;
    align-self: anchor-center;
    align-items: unset;
    justify-content: unset;
    width: 49.25rem;
  }
  .block__content .hero .hero-container .hero-content h1 {
    width: auto;
    margin: 0;
    max-width: 38rem;
  }
  .block__content .hero .hero-container .hero-content .hero-description {
    width: auto;
    margin: 0;
  }
  .block__content .hero .hero-container .hero-content .hero-actions {
    padding-top: 1.25rem;
    flex-direction: row;
    align-items: flex-start;
  }
  .block__content .hero .hero-container .hero-content .hero-footer-desktop {
    width: auto;
    padding-top: 1.25rem;
    display: block;
  }
  .block__content .hero .hero-container .hero-visual {
    min-width: unset;
    width: 40.0625rem;
    margin: 0;
  }
  .block__content .hero .hero-container .hero-visual img {
    width: stretch;
  }
  .block__content .hero .hero-container .hero-footer {
    display: none;
  }
}

/*# sourceMappingURL=hero-banner.css.map */