section.facts-banner {
  --facts-bg: var(--novari-burgundy-dark);
  --facts-headline: var(--novari-beige-80);
  --facts-title: var(--novari-korall-80);
  --facts-text: var(--novari-beige-80);
  --facts-line: var(--novari-korall-80);
  --facts-pattern: var(--novari-burgundy);
  --facts-button: var(--novari-korall-80);
  --facts-button-hover-text: var(--novari-burgundy-dark);
}
section.facts-banner.style-lilac {
  --facts-bg: var(--novari-blue-purple-20);
  --facts-headline: var(--novari-dark-purple);
  --facts-title: var(--novari-dark-purple);
  --facts-text: var(--novari-black-text);
  --facts-line: var(--novari-purple2);
  --facts-pattern: #CCC9F6;
  --facts-button: var(--novari-dark-purple);
  --facts-button-hover-text: var(--white);
}
section.facts-banner .facts-container {
  position: relative;
  overflow: hidden;
  background-color: var(--facts-bg);
}
section.facts-banner .facts-pattern {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18.75rem;
  height: 26.9375rem;
  background-color: var(--facts-pattern);
  -webkit-mask: url("/wp-content/themes/novari-live/assets/illustrations/pattern-stack.svg") center/contain no-repeat;
  mask: url("/wp-content/themes/novari-live/assets/illustrations/pattern-stack.svg") center/contain no-repeat;
}
section.facts-banner .wrapper {
  position: relative;
  -ms-grid-columns: 18.75rem 5.3125rem 1fr;
  grid-template-columns: 18.75rem 1fr;
  -webkit-column-gap: 5.3125rem;
     -moz-column-gap: 5.3125rem;
          column-gap: 5.3125rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
section.facts-banner .facts-headline {
  margin: 0;
  font: normal 2rem/2.25rem var(--font-header-medium);
  color: var(--facts-headline);
}
section.facts-banner .facts-content {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  gap: 3.125rem;
}
section.facts-banner .facts-list {
  display: -ms-grid;
  display: grid;
  gap: 3.125rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
section.facts-banner .fact {
  display: -ms-grid;
  display: grid;
  gap: 0.375rem;
  padding-bottom: 1.875rem;
  border-bottom: 2px solid var(--facts-line);
}
section.facts-banner .fact .fact-item {
  margin: 0;
  font: normal 1.625rem/1.2 var(--font-header-medium);
  color: var(--facts-title);
}
section.facts-banner .fact p {
  margin: 0;
  font: var(--lead-font);
  color: var(--facts-text);
}
section.facts-banner.items-number .fact .fact-item {
  font: normal 3.125rem/1.2 var(--font-header-bold);
  font-variant-numeric: tabular-nums;
}
section.facts-banner .button {
  margin: 0;
  padding: 0 1.25rem;
  font-size: 1.125rem;
  border-color: var(--facts-button);
  color: var(--facts-button);
}
section.facts-banner .button:hover {
  background-color: var(--facts-button);
  color: var(--facts-button-hover-text);
}
@media (min-width: 48rem) and (max-width: 64rem) {
  section.facts-banner .wrapper {
    -ms-grid-columns: 12.5rem 2.5rem 1fr;
    grid-template-columns: 12.5rem 1fr;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
  section.facts-banner .facts-pattern {
    width: 9.375rem;
    height: 13.5rem;
  }
}
@media (max-width: 47.9375rem) {
  section.facts-banner .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
    padding-top: 3.75rem;
    padding-bottom: 1.25rem;
  }
  section.facts-banner .facts-headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  section.facts-banner .facts-content {
    justify-items: end;
    gap: 2.5rem;
  }
  section.facts-banner .facts-content::after {
    content: "";
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    aspect-ratio: 342/119;
    background-color: var(--facts-pattern);
    -webkit-mask: url("/wp-content/themes/novari-live/assets/illustrations/pattern-row.svg") center/contain no-repeat;
    mask: url("/wp-content/themes/novari-live/assets/illustrations/pattern-row.svg") center/contain no-repeat;
  }
  section.facts-banner .facts-pattern {
    display: none;
  }
  section.facts-banner .fact {
    gap: 0.625rem;
  }
  section.facts-banner .fact .fact-item {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  section.facts-banner .fact p {
    font: var(--body-font);
    font-size: 1rem;
    line-height: 1.5rem;
  }
  section.facts-banner.items-number .fact .fact-item {
    font-size: 2.25rem;
  }
}