.hero-banner {
  position: relative;
  padding: 3.75rem 0 2.5rem;
}
.hero-banner.alignleft, .hero-banner.alignright, .hero-banner.aligncenter {
  float: none;
  clear: both;
  margin: 0;
}
.hero-banner.aligncenter {
  text-align: center;
}
@media (min-width: 992px) {
  .hero-banner {
    padding: 6rem 0 3.5rem;
  }
}
.hero-banner__content {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.hero-banner--bg-image {
  overflow: hidden;
  padding: 3.75rem 0;
  background: var(--base-brand-5);
}
@media (min-width: 992px) {
  .hero-banner--bg-image {
    padding: 6rem 0;
  }
}
.hero-banner--bg-image .hero-banner__content {
  max-width: 49.25rem;
}
.hero-banner--bg-image:not(.aligncenter) .hero-banner__content {
  margin-left: 0;
}
.hero-banner__bg-pattern {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 50%), linear-gradient(to bottom, #000 60%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0%, #000 50%), linear-gradient(to bottom, #000 60%, transparent 100%);
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
}
@media (min-width: 768px) {
  .hero-banner__bg-pattern {
    display: block;
  }
}
.hero-banner__bg-pattern svg {
  display: block;
  width: auto;
  height: 100%;
}
.hero-banner__bg-pattern path {
  stroke: #A2ABFD;
  stroke-width: 0.0417rem;
  vector-effect: non-scaling-stroke;
}
.hero-banner__title {
  margin: 0 0 1rem;
}
.hero-banner__title span {
  display: block;
  color: var(--tag-line-color);
}
@media (min-width: 992px) {
  .hero-banner__description {
    max-width: 50rem;
  }
}
@media (min-width: 992px) {
  .hero-banner.aligncenter .hero-banner__description {
    margin: 0 auto;
  }
}
.hero-banner__actions {
  justify-content: flex-start;
  margin: 2.5rem 0 1.5rem;
}
.hero-banner.aligncenter .hero-banner__actions {
  justify-content: center;
}
.hero-banner__highlights {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 1.5938rem 0 0;
  padding: 0;
  gap: 2rem;
}
.hero-banner.aligncenter .hero-banner__highlights {
  justify-content: center;
}
.hero-banner__highlight {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.hero-banner__highlight svg {
  flex-shrink: 0;
}