.banner {
  text-align: center;
}

.banner .lucide {
  width: calc(48px * var(--type-scale));
  height: calc(48px * var(--type-scale));
  stroke-width: 1.5;
}

.banner .lucide + :is(h1, h2, h3, h4, h5, h6, .banner-label) {
  margin-top: 40px;
}

.banner-label {
  margin-bottom: 1.5rem;
  font-family: "Mona Sans", Arial, sans-serif;
  font-size: calc(21px * var(--type-scale));
  font-style: normal;
  font-weight: 500;
  font-stretch: 125%;
  line-height: calc(28px * var(--type-scale));
}

.banner .banner-label + h2 {
  margin-top: 0;
}

.banner p + .button {
  margin-top: 35px;
}

.banner img {
  margin-bottom: 40px;
}

.banner.section-bg-dark :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-light);
}

.banner.section-bg-dark .lucide {
  color: var(--color-text-light);
}

.banner.section-bg-dark p {
  color: var(--color-text-muted);
}

.banner.section-bg-dark :is(h5, .banner-label) {
  color: var(--color-text-muted);
}

@media (max-width: 767.98px) {
  .banner img {
    max-width: 320px;
  }
}