@import url('shared-components/sections.css');
@import url('marketing-website-components/header-sections.css');
@import url('marketing-website-components/hero-header-sections.css');
@import url('marketing-website-components/features-sections.css');
@import url('marketing-website-components/testimonial-sections.css');
@import url('marketing-website-components/faq-sections.css');
@import url('marketing-website-components/contact-sections.css');

/*remove after publishing variables*/
:root {
  --paragraph-max-width: 720;
  --color-fg-quinary: var(--gray-light-400);
  --color-fg-quaternary: var(--gray-light-500);
  --color-fg-quaternary_hover: var(--gray-light-600);
  --color-bg-brand-secondary: var(--brand-100);
  --color-featured-icon-light-fg-brand: var(--brand-600);
}

/* exceptions, for this page only */
:root {
  scroll-padding-top: 72px;
  /* navigation height */
}

@media (min-width: 768px) {
  .cta-section--split-image-quote-01 {
    position: relative;
  }

  .cta-section--split-image-quote-01 .container {
    position: relative;
  }
}