@charset "UTF-8";
:root {
  --layout-gap: 1rem;
  --site-gutter: 1.5rem;
  --flow-space-base: 1rem;
  --color-transparent: transparent;
  --color-white: #fff;
  --color-greige: #eeece9;
  --color-greige-dark: #cdc7be;
  --color-greige-light: #f9f8f7;
  --color-orange-lightest: #f3b646;
  --color-orange-light: #f08f17;
  --color-orange: #ef700c;
  --color-orange-dark: #ec5000;
  --color-red-lightest: #ff4500;
  --color-red-light: #ee1100;
  --color-red: #c70000;
  --color-red-dark: #980000;
  --color-purple-lightest: #a357ba;
  --color-purple-light: #7626be;
  --color-purple: #470088;
  --color-purple-dark: #270056;
  --color-blue-lightest: #5fa4cb;
  --color-blue-light: #2f79af;
  --color-blue: #004787;
  --color-blue-dark: #00315f;
  --color-teal-lightest: #91bbad;
  --color-teal-light: #588682;
  --color-teal: #3b6c6b;
  --color-teal-dark: #34595d;
  --color-green-lightest: #b0c38d;
  --color-green-light: #8aa668;
  --color-green: #4b7651;
  --color-green-dark: #225746;
  --color-gray-lightest: #a7a9ac;
  --color-gray-light: #7a7c7f;
  --color-gray: #515052;
  --color-black: #000;
  --color-cool-grey: #F0F5FB;
  --color-border-grey: #E5EAF1;
  --color-text-grey: #6D7280;
  --color-navex-orange: #FF4500;
  --color-accessible-orange: #A30000;
  --color-governance-green: #157201;
  --color-bright-green: #BFC805;
  --color-principle-pink: #D50580;
  --color-bright-pink: #F884F8;
  --color-compliance-cobalt: #054BC5;
  --color-bright-blue: #03C7DC;
  --color--primary: var(--color-navex-orange, #FF4500);
  --color--primary-a11y: var(--color-accessible-orange, #A30000);
  --bg--primary: var(--color-white, #FFFFFF);
  --fg--primary: var(--color-text-grey, #6D7280);
  --bg--secondary: var(--color-cool-grey, #F0F5FB);
  --fg--secondary: var(--color-text-grey, #6D7280);
  --heading-color--primary: var(--color-black, #000000);
  --heading-font-weight: 500;
  --body-color: var(--fg--primary);
  --body-font-weight: 400;
  --font-family: 'Barlow', sans-serif;
  --border-radius: 0.75rem;
  --border-color: var(--color-border-grey, #E5EAF1);
  --drop-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.04);
  --block-vertical-padding: 5rem; }
  @media (min-width: 45rem) {
    :root {
      --layout-gap: 1.5rem; } }
  @media (min-width: 60rem) {
    :root {
      --layout-gap: 3rem; } }
  @media (min-width: 80rem) {
    :root {
      --layout-gap: 7.5rem; } }
  @media (min-width: 60rem) {
    :root {
      --site-gutter: 1.5rem; } }
  @media (min-width: 80rem) {
    :root {
      --site-gutter: 7.5rem; } }
  @media (min-width: 60rem) {
    :root {
      --flow-space-base: 1.5rem; } }
  @media (min-width: 60rem) {
    :root {
      --block-vertical-padding: 7.5rem; } }
.text--body {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }
  @media (min-width: 60rem) {
    .text--body {
      font-size: 1.25rem; } }
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0; }

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none; }

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth; }

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

.stripe {
  padding-block: var(--block-vertical-padding, 2.5rem); }

.stripe--thick {
  padding-block: 3.47825rem; }

.stripe.bg--transparent + .stripe.bg--transparent {
  padding-block-start: 0; }

.stripe.bg--white + .stripe.bg--white {
  padding-block-start: 0; }

.stripe.bg--greige + .stripe.bg--greige {
  padding-block-start: 0; }

.stripe.bg--greige-dark + .stripe.bg--greige-dark {
  padding-block-start: 0; }

.stripe.bg--greige-light + .stripe.bg--greige-light {
  padding-block-start: 0; }

.stripe.bg--orange-lightest + .stripe.bg--orange-lightest {
  padding-block-start: 0; }

.stripe.bg--orange-light + .stripe.bg--orange-light {
  padding-block-start: 0; }

.stripe.bg--orange + .stripe.bg--orange {
  padding-block-start: 0; }

.stripe.bg--orange-dark + .stripe.bg--orange-dark {
  padding-block-start: 0; }

.stripe.bg--red-lightest + .stripe.bg--red-lightest {
  padding-block-start: 0; }

.stripe.bg--red-light + .stripe.bg--red-light {
  padding-block-start: 0; }

.stripe.bg--red + .stripe.bg--red {
  padding-block-start: 0; }

.stripe.bg--red-dark + .stripe.bg--red-dark {
  padding-block-start: 0; }

.stripe.bg--purple-lightest + .stripe.bg--purple-lightest {
  padding-block-start: 0; }

.stripe.bg--purple-light + .stripe.bg--purple-light {
  padding-block-start: 0; }

.stripe.bg--purple + .stripe.bg--purple {
  padding-block-start: 0; }

.stripe.bg--purple-dark + .stripe.bg--purple-dark {
  padding-block-start: 0; }

.stripe.bg--blue-lightest + .stripe.bg--blue-lightest {
  padding-block-start: 0; }

.stripe.bg--blue-light + .stripe.bg--blue-light {
  padding-block-start: 0; }

.stripe.bg--blue + .stripe.bg--blue {
  padding-block-start: 0; }

.stripe.bg--blue-dark + .stripe.bg--blue-dark {
  padding-block-start: 0; }

.stripe.bg--teal-lightest + .stripe.bg--teal-lightest {
  padding-block-start: 0; }

.stripe.bg--teal-light + .stripe.bg--teal-light {
  padding-block-start: 0; }

.stripe.bg--teal + .stripe.bg--teal {
  padding-block-start: 0; }

.stripe.bg--teal-dark + .stripe.bg--teal-dark {
  padding-block-start: 0; }

.stripe.bg--green-lightest + .stripe.bg--green-lightest {
  padding-block-start: 0; }

.stripe.bg--green-light + .stripe.bg--green-light {
  padding-block-start: 0; }

.stripe.bg--green + .stripe.bg--green {
  padding-block-start: 0; }

.stripe.bg--green-dark + .stripe.bg--green-dark {
  padding-block-start: 0; }

.stripe.bg--gray-lightest + .stripe.bg--gray-lightest {
  padding-block-start: 0; }

.stripe.bg--gray-light + .stripe.bg--gray-light {
  padding-block-start: 0; }

.stripe.bg--gray + .stripe.bg--gray {
  padding-block-start: 0; }

.stripe.bg--black + .stripe.bg--black {
  padding-block-start: 0; }

.stripe.bg--cool-grey + .stripe.bg--cool-grey {
  padding-block-start: 0; }

.stripe.bg--border-grey + .stripe.bg--border-grey {
  padding-block-start: 0; }

.stripe.bg--text-grey + .stripe.bg--text-grey {
  padding-block-start: 0; }

.stripe.bg--navex-orange + .stripe.bg--navex-orange {
  padding-block-start: 0; }

.stripe.bg--accessible-orange + .stripe.bg--accessible-orange {
  padding-block-start: 0; }

.stripe.bg--governance-green + .stripe.bg--governance-green {
  padding-block-start: 0; }

.stripe.bg--bright-green + .stripe.bg--bright-green {
  padding-block-start: 0; }

.stripe.bg--principle-pink + .stripe.bg--principle-pink {
  padding-block-start: 0; }

.stripe.bg--bright-pink + .stripe.bg--bright-pink {
  padding-block-start: 0; }

.stripe.bg--compliance-cobalt + .stripe.bg--compliance-cobalt {
  padding-block-start: 0; }

.stripe.bg--bright-blue + .stripe.bg--bright-blue {
  padding-block-start: 0; }

.stripe:not([class*="bg--"]) + .stripe:not([class*="bg--"]),
.stripe:not([class*="bg--"]) + .stripe.bg--primary,
.stripe.bg--primary + .stripe:not([class*="bg--"]),
.stripe.bg--primary + .stripe.bg--primary,
.stripe.bg--secondary + .stripe.bg--secondary,
.stripe.bg--gradient + .stripe.bg--gradient {
  margin-block-start: calc(-1 * var(--block-vertical-padding, 2.5rem)); }

#main > .stripe:last-child:not([class*="bg--"]),
#main > .stripe.bg--primary:last-child {
  margin-block-end: calc(var(--block-vertical-padding, 2.5rem) * -1); }

.stack, #landing-search-filters {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--layout-gap, 1rem); }

.cluster, .filter-extensions .selected-filters, .filter-extensions .filter-results-summary, .filter-extensions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--layout-gap, 1rem); }

.cluster--nowrap {
  flex-wrap: nowrap;
  gap: 0; }

.cluster--piped > *:not(:last-child) {
  position: relative; }
  .cluster--piped > *:not(:last-child):after {
    content: '';
    position: absolute;
    inset-block: 0.25em 0.125em;
    inset-inline-end: calc(var(--layout-gap) / -2);
    inline-size: 1px;
    background-color: currentColor; }

.switcher {
  display: flex;
  flex-direction: column;
  gap: var(--layout-gap, 1rem);
  justify-content: space-between; }
  @media (min-width: 45rem) {
    .switcher {
      flex-direction: row; } }
.switcher > * {
  flex-grow: 1;
  flex-basis: calc((100% - var(--layout-gap, 1rem))/2); }

@media (min-width: 45rem) {
  .switcher--vcentered {
    align-items: center; } }

@media (min-width: 45rem) {
  .switcher--reversed {
    flex-direction: row-reverse; } }

.switcher--narrow > * {
  flex-basis: calc(( 30rem - 100%) * 999); }

.switcher--one-third > * {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 2/3); }

.switcher--one-third > *:first-child {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 1/3); }

.switcher--two-thirds > * {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 1/3); }

.switcher--two-thirds > *:first-child {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 2/3); }

.switcher--55 > * {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 0.45); }

.switcher--55 > *:first-child {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 0.55); }

.switcher--60 > * {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 0.4); }

.switcher--60 > *:first-child {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 0.6); }

.switcher--fluid > * {
  flex-basis: auto; }

.track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-inline-size: 75rem;
  gap: 1.5rem;
  flex-basis: 100%; }

.grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (3 * var(--flow-space, 1rem))) / 4);
  gap: var(--flow-space, 1rem);
  max-width: 75rem; }
  @media (min-width: 45rem) {
    .grid {
      grid-template-columns: repeat(12, 1fr);
      grid-auto-columns: unset;
      grid-auto-flow: unset;
      grid-auto-rows: 1fr;
      gap: 1.5rem; } }
.col-1 {
  grid-column: span 1; }

.col-2 {
  grid-column: span 2; }

.col-3 {
  grid-column: span 3; }

.col-4 {
  grid-column: span 4; }

.col-5 {
  grid-column: span 5; }

.col-6 {
  grid-column: span 6; }

.col-7 {
  grid-column: span 7; }

.col-8 {
  grid-column: span 8; }

.col-9 {
  grid-column: span 9; }

.col-10 {
  grid-column: span 10; }

.col-11 {
  grid-column: span 11; }

.col-12 {
  grid-column: span 12; }

@media screen and (min-width: 30rem) {
  .sm\:col-1 {
    grid-column: span 1; } }

@media screen and (min-width: 30rem) {
  .sm\:col-2 {
    grid-column: span 2; } }

@media screen and (min-width: 30rem) {
  .sm\:col-3 {
    grid-column: span 3; } }

@media screen and (min-width: 30rem) {
  .sm\:col-4 {
    grid-column: span 4; } }

@media screen and (min-width: 30rem) {
  .sm\:col-5 {
    grid-column: span 5; } }

@media screen and (min-width: 30rem) {
  .sm\:col-6 {
    grid-column: span 6; } }

@media screen and (min-width: 30rem) {
  .sm\:col-7 {
    grid-column: span 7; } }

@media screen and (min-width: 30rem) {
  .sm\:col-8 {
    grid-column: span 8; } }

@media screen and (min-width: 30rem) {
  .sm\:col-9 {
    grid-column: span 9; } }

@media screen and (min-width: 30rem) {
  .sm\:col-10 {
    grid-column: span 10; } }

@media screen and (min-width: 30rem) {
  .sm\:col-11 {
    grid-column: span 11; } }

@media screen and (min-width: 30rem) {
  .sm\:col-12 {
    grid-column: span 12; } }

@media screen and (min-width: 45rem) {
  .md\:col-1 {
    grid-column: span 1; } }

@media screen and (min-width: 45rem) {
  .md\:col-2 {
    grid-column: span 2; } }

@media screen and (min-width: 45rem) {
  .md\:col-3 {
    grid-column: span 3; } }

@media screen and (min-width: 45rem) {
  .md\:col-4 {
    grid-column: span 4; } }

@media screen and (min-width: 45rem) {
  .md\:col-5 {
    grid-column: span 5; } }

@media screen and (min-width: 45rem) {
  .md\:col-6 {
    grid-column: span 6; } }

@media screen and (min-width: 45rem) {
  .md\:col-7 {
    grid-column: span 7; } }

@media screen and (min-width: 45rem) {
  .md\:col-8 {
    grid-column: span 8; } }

@media screen and (min-width: 45rem) {
  .md\:col-9 {
    grid-column: span 9; } }

@media screen and (min-width: 45rem) {
  .md\:col-10 {
    grid-column: span 10; } }

@media screen and (min-width: 45rem) {
  .md\:col-11 {
    grid-column: span 11; } }

@media screen and (min-width: 45rem) {
  .md\:col-12 {
    grid-column: span 12; } }

@media screen and (min-width: 60rem) {
  .lg\:col-1 {
    grid-column: span 1; } }

@media screen and (min-width: 60rem) {
  .lg\:col-2 {
    grid-column: span 2; } }

@media screen and (min-width: 60rem) {
  .lg\:col-3 {
    grid-column: span 3; } }

@media screen and (min-width: 60rem) {
  .lg\:col-4 {
    grid-column: span 4; } }

@media screen and (min-width: 60rem) {
  .lg\:col-5 {
    grid-column: span 5; } }

@media screen and (min-width: 60rem) {
  .lg\:col-6 {
    grid-column: span 6; } }

@media screen and (min-width: 60rem) {
  .lg\:col-7 {
    grid-column: span 7; } }

@media screen and (min-width: 60rem) {
  .lg\:col-8 {
    grid-column: span 8; } }

@media screen and (min-width: 60rem) {
  .lg\:col-9 {
    grid-column: span 9; } }

@media screen and (min-width: 60rem) {
  .lg\:col-10 {
    grid-column: span 10; } }

@media screen and (min-width: 60rem) {
  .lg\:col-11 {
    grid-column: span 11; } }

@media screen and (min-width: 60rem) {
  .lg\:col-12 {
    grid-column: span 12; } }

@media screen and (min-width: 80rem) {
  .xl\:col-1 {
    grid-column: span 1; } }

@media screen and (min-width: 80rem) {
  .xl\:col-2 {
    grid-column: span 2; } }

@media screen and (min-width: 80rem) {
  .xl\:col-3 {
    grid-column: span 3; } }

@media screen and (min-width: 80rem) {
  .xl\:col-4 {
    grid-column: span 4; } }

@media screen and (min-width: 80rem) {
  .xl\:col-5 {
    grid-column: span 5; } }

@media screen and (min-width: 80rem) {
  .xl\:col-6 {
    grid-column: span 6; } }

@media screen and (min-width: 80rem) {
  .xl\:col-7 {
    grid-column: span 7; } }

@media screen and (min-width: 80rem) {
  .xl\:col-8 {
    grid-column: span 8; } }

@media screen and (min-width: 80rem) {
  .xl\:col-9 {
    grid-column: span 9; } }

@media screen and (min-width: 80rem) {
  .xl\:col-10 {
    grid-column: span 10; } }

@media screen and (min-width: 80rem) {
  .xl\:col-11 {
    grid-column: span 11; } }

@media screen and (min-width: 80rem) {
  .xl\:col-12 {
    grid-column: span 12; } }

@media screen and (min-width: 90rem) {
  .max\:col-1 {
    grid-column: span 1; } }

@media screen and (min-width: 90rem) {
  .max\:col-2 {
    grid-column: span 2; } }

@media screen and (min-width: 90rem) {
  .max\:col-3 {
    grid-column: span 3; } }

@media screen and (min-width: 90rem) {
  .max\:col-4 {
    grid-column: span 4; } }

@media screen and (min-width: 90rem) {
  .max\:col-5 {
    grid-column: span 5; } }

@media screen and (min-width: 90rem) {
  .max\:col-6 {
    grid-column: span 6; } }

@media screen and (min-width: 90rem) {
  .max\:col-7 {
    grid-column: span 7; } }

@media screen and (min-width: 90rem) {
  .max\:col-8 {
    grid-column: span 8; } }

@media screen and (min-width: 90rem) {
  .max\:col-9 {
    grid-column: span 9; } }

@media screen and (min-width: 90rem) {
  .max\:col-10 {
    grid-column: span 10; } }

@media screen and (min-width: 90rem) {
  .max\:col-11 {
    grid-column: span 11; } }

@media screen and (min-width: 90rem) {
  .max\:col-12 {
    grid-column: span 12; } }

.row-1 {
  grid-row: span 1; }

.row-2 {
  grid-row: span 2; }

.row-3 {
  grid-row: span 3; }

.row-4 {
  grid-row: span 4; }

.row-5 {
  grid-row: span 5; }

.row-6 {
  grid-row: span 6; }

.row-7 {
  grid-row: span 7; }

.row-8 {
  grid-row: span 8; }

.row-9 {
  grid-row: span 9; }

@media screen and (min-width: 30rem) {
  .sm\:row-1 {
    grid-row: span 1; } }

@media screen and (min-width: 30rem) {
  .sm\:row-2 {
    grid-row: span 2; } }

@media screen and (min-width: 30rem) {
  .sm\:row-3 {
    grid-row: span 3; } }

@media screen and (min-width: 30rem) {
  .sm\:row-4 {
    grid-row: span 4; } }

@media screen and (min-width: 30rem) {
  .sm\:row-5 {
    grid-row: span 5; } }

@media screen and (min-width: 30rem) {
  .sm\:row-6 {
    grid-row: span 6; } }

@media screen and (min-width: 30rem) {
  .sm\:row-7 {
    grid-row: span 7; } }

@media screen and (min-width: 30rem) {
  .sm\:row-8 {
    grid-row: span 8; } }

@media screen and (min-width: 30rem) {
  .sm\:row-9 {
    grid-row: span 9; } }

@media screen and (min-width: 45rem) {
  .md\:row-1 {
    grid-row: span 1; } }

@media screen and (min-width: 45rem) {
  .md\:row-2 {
    grid-row: span 2; } }

@media screen and (min-width: 45rem) {
  .md\:row-3 {
    grid-row: span 3; } }

@media screen and (min-width: 45rem) {
  .md\:row-4 {
    grid-row: span 4; } }

@media screen and (min-width: 45rem) {
  .md\:row-5 {
    grid-row: span 5; } }

@media screen and (min-width: 45rem) {
  .md\:row-6 {
    grid-row: span 6; } }

@media screen and (min-width: 45rem) {
  .md\:row-7 {
    grid-row: span 7; } }

@media screen and (min-width: 45rem) {
  .md\:row-8 {
    grid-row: span 8; } }

@media screen and (min-width: 45rem) {
  .md\:row-9 {
    grid-row: span 9; } }

@media screen and (min-width: 60rem) {
  .lg\:row-1 {
    grid-row: span 1; } }

@media screen and (min-width: 60rem) {
  .lg\:row-2 {
    grid-row: span 2; } }

@media screen and (min-width: 60rem) {
  .lg\:row-3 {
    grid-row: span 3; } }

@media screen and (min-width: 60rem) {
  .lg\:row-4 {
    grid-row: span 4; } }

@media screen and (min-width: 60rem) {
  .lg\:row-5 {
    grid-row: span 5; } }

@media screen and (min-width: 60rem) {
  .lg\:row-6 {
    grid-row: span 6; } }

@media screen and (min-width: 60rem) {
  .lg\:row-7 {
    grid-row: span 7; } }

@media screen and (min-width: 60rem) {
  .lg\:row-8 {
    grid-row: span 8; } }

@media screen and (min-width: 60rem) {
  .lg\:row-9 {
    grid-row: span 9; } }

@media screen and (min-width: 80rem) {
  .xl\:row-1 {
    grid-row: span 1; } }

@media screen and (min-width: 80rem) {
  .xl\:row-2 {
    grid-row: span 2; } }

@media screen and (min-width: 80rem) {
  .xl\:row-3 {
    grid-row: span 3; } }

@media screen and (min-width: 80rem) {
  .xl\:row-4 {
    grid-row: span 4; } }

@media screen and (min-width: 80rem) {
  .xl\:row-5 {
    grid-row: span 5; } }

@media screen and (min-width: 80rem) {
  .xl\:row-6 {
    grid-row: span 6; } }

@media screen and (min-width: 80rem) {
  .xl\:row-7 {
    grid-row: span 7; } }

@media screen and (min-width: 80rem) {
  .xl\:row-8 {
    grid-row: span 8; } }

@media screen and (min-width: 80rem) {
  .xl\:row-9 {
    grid-row: span 9; } }

@media screen and (min-width: 90rem) {
  .max\:row-1 {
    grid-row: span 1; } }

@media screen and (min-width: 90rem) {
  .max\:row-2 {
    grid-row: span 2; } }

@media screen and (min-width: 90rem) {
  .max\:row-3 {
    grid-row: span 3; } }

@media screen and (min-width: 90rem) {
  .max\:row-4 {
    grid-row: span 4; } }

@media screen and (min-width: 90rem) {
  .max\:row-5 {
    grid-row: span 5; } }

@media screen and (min-width: 90rem) {
  .max\:row-6 {
    grid-row: span 6; } }

@media screen and (min-width: 90rem) {
  .max\:row-7 {
    grid-row: span 7; } }

@media screen and (min-width: 90rem) {
  .max\:row-8 {
    grid-row: span 8; } }

@media screen and (min-width: 90rem) {
  .max\:row-9 {
    grid-row: span 9; } }

@keyframes fade-in-bottom {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes primary {
  from {
    left: 0%; }
  to {
    left: -100%; } }

@keyframes secondary {
  from {
    left: 100%; }
  to {
    left: 0%; } }

.fade-in-bottom {
  animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

body {
  font-family: var(--font-family, "Barlow", sans-serif);
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  background-color: var(--bg--primary, #fff); }
  @media (min-width: 60rem) {
    body {
      font-size: 1.25rem; } }
.body {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }
  @media (min-width: 60rem) {
    .body {
      font-size: 1.25rem; } }
.body--sm {
  font-size: 1rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }

h1, [data-visual-heading-level="1"] {
  font-size: 2rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.1;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    h1, [data-visual-heading-level="1"] {
      font-size: 3rem; } }
h2, [data-visual-heading-level="2"] {
  font-size: 1.5rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.2;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    h2, [data-visual-heading-level="2"] {
      font-size: 2.25rem; } }
h3, [data-visual-heading-level="3"] {
  font-size: 1.125rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.2;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    h3, [data-visual-heading-level="3"] {
      font-size: 1.5rem; } }
h4, [data-visual-heading-level="4"] {
  font-size: 1rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.2;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    h4, [data-visual-heading-level="4"] {
      font-size: 1.125rem; } }
h5, [data-visual-heading-level="5"] {
  font-size: 1rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.2;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    h5, [data-visual-heading-level="5"] {
      font-size: 1.125rem; } }
h6, [data-visual-heading-level="6"] {
  font-size: 1rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.2;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    h6, [data-visual-heading-level="6"] {
      font-size: 1.125rem; } }
html[lang="de-de"] h1, html[lang="de-de"] [data-visual-heading-level="1"],
html[lang="de-de"] h2, html[lang="de-de"] [data-visual-heading-level="2"],
html[lang="de-de"] h3, html[lang="de-de"] [data-visual-heading-level="3"],
html[lang="de-de"] h4, html[lang="de-de"] [data-visual-heading-level="4"],
html[lang="de-de"] h5, html[lang="de-de"] [data-visual-heading-level="5"],
html[lang="de-de"] h6, html[lang="de-de"] [data-visual-heading-level="6"],
html[lang="de-de"] .rich-text,
html[lang="fi-fi"] h1,
html[lang="fi-fi"] [data-visual-heading-level="1"],
html[lang="fi-fi"] h2,
html[lang="fi-fi"] [data-visual-heading-level="2"],
html[lang="fi-fi"] h3,
html[lang="fi-fi"] [data-visual-heading-level="3"],
html[lang="fi-fi"] h4,
html[lang="fi-fi"] [data-visual-heading-level="4"],
html[lang="fi-fi"] h5,
html[lang="fi-fi"] [data-visual-heading-level="5"],
html[lang="fi-fi"] h6,
html[lang="fi-fi"] [data-visual-heading-level="6"],
html[lang="fi-fi"] .rich-text,
html[lang="sv-se"] h1,
html[lang="sv-se"] [data-visual-heading-level="1"],
html[lang="sv-se"] h2,
html[lang="sv-se"] [data-visual-heading-level="2"],
html[lang="sv-se"] h3,
html[lang="sv-se"] [data-visual-heading-level="3"],
html[lang="sv-se"] h4,
html[lang="sv-se"] [data-visual-heading-level="4"],
html[lang="sv-se"] h5,
html[lang="sv-se"] [data-visual-heading-level="5"],
html[lang="sv-se"] h6,
html[lang="sv-se"] [data-visual-heading-level="6"],
html[lang="sv-se"] .rich-text {
  overflow-wrap: anywhere; }

[data-visual-heading-level="none"] {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }

a {
  color: currentColor; }

img, svg {
  display: block;
  max-inline-size: 100%;
  height: auto; }

ul,
ol {
  margin: 0;
  padding: 0; }

small {
  display: block;
  font-size: 0.739125rem;
  line-height: 1.17647059;
  color: #a7a9ac; }

button:focus-visible {
  outline-width: 5px;
  outline-style: auto;
  outline-color: blue;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color; }

details summary {
  list-style: none;
  appearance: none; }
  details summary::-webkit-details-marker, details summary::marker {
    display: none; }

.hidden-visually:not(:focus):not(:active) {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); }

.hidden-completely {
  display: none; }

.shown-completely {
  display: block; }

@media (min-width: 30rem) {
  .sm\:hidden-completely {
    display: none; }
  .sm\:shown-completely {
    display: block; } }

@media (max-width: 29rem) {
  .-sm\:hidden-completely {
    display: none; }
  .-sm\:shown-completely {
    display: block; } }

@media (min-width: 45rem) {
  .md\:hidden-completely {
    display: none; }
  .md\:shown-completely {
    display: block; } }

@media (max-width: 44rem) {
  .-md\:hidden-completely {
    display: none; }
  .-md\:shown-completely {
    display: block; } }

@media (min-width: 60rem) {
  .lg\:hidden-completely {
    display: none; }
  .lg\:shown-completely {
    display: block; } }

@media (max-width: 59rem) {
  .-lg\:hidden-completely {
    display: none; }
  .-lg\:shown-completely {
    display: block; } }

@media (min-width: 80rem) {
  .xl\:hidden-completely {
    display: none; }
  .xl\:shown-completely {
    display: block; } }

@media (max-width: 79rem) {
  .-xl\:hidden-completely {
    display: none; }
  .-xl\:shown-completely {
    display: block; } }

@media (min-width: 90rem) {
  .max\:hidden-completely {
    display: none; }
  .max\:shown-completely {
    display: block; } }

@media (max-width: 89rem) {
  .-max\:hidden-completely {
    display: none; }
  .-max\:shown-completely {
    display: block; } }

.site-wrap {
  overflow-x: hidden;
  overflow-x: clip;
  position: relative; }

.wrapper {
  position: relative;
  max-inline-size: calc(75rem + var(--site-gutter, 7.5rem) * 2);
  margin-inline: auto;
  padding-inline: var(--site-gutter, 1rem); }
  .wrapper-sm {
    --site-gutter: 2rem; }

.wrapper--narrow {
  max-inline-size: calc(60rem + (var(--site-gutter, 7.5rem) * 2)); }

/* flush styles assume flush on both sides in mobile */
.wrapper--flush-start {
  padding-inline-start: 0; }
  @media (max-width: 44.9375rem) {
    .wrapper--flush-start {
      padding-inline: 0; } }
.wrapper--flush-end {
  padding-inline-end: 0; }
  @media (max-width: 44.9375rem) {
    .wrapper--flush-end {
      padding-inline: 0; } }
.wrapper--header {
  max-inline-size: calc(75rem + var(--site-gutter, 7.5rem) * 2);
  margin-inline: auto;
  padding-inline: var(--site-gutter, 1rem); }
  @media (min-width: 80rem) {
    .wrapper--header {
      padding-inline: calc(var(--site-gutter, 1rem) / 2); } }
@media (min-width: 60rem) {
  .wrapper--anchor-nav {
    padding-inline: calc(var(--site-gutter, 1rem) * 2); } }

@media (min-width: 80rem) {
  .wrapper--anchor-nav {
    padding-inline: var(--site-gutter, 1rem); } }

.bg--transparent {
  background-color: var(--color-transparent, transparent); }

.bg--white {
  background-color: var(--color-white, #fff); }

.bg--greige {
  background-color: var(--color-greige, #eeece9); }

.bg--greige-dark {
  background-color: var(--color-greige-dark, #cdc7be); }

.bg--greige-light {
  background-color: var(--color-greige-light, #f9f8f7); }

.bg--orange-lightest {
  background-color: var(--color-orange-lightest, #f3b646); }

.bg--orange-light {
  background-color: var(--color-orange-light, #f08f17); }

.bg--orange {
  background-color: var(--color-orange, #ef700c); }

.bg--orange-dark {
  background-color: var(--color-orange-dark, #ec5000); }

.bg--red-lightest {
  background-color: var(--color-red-lightest, #ff4500); }

.bg--red-light {
  background-color: var(--color-red-light, #ee1100); }

.bg--red {
  background-color: var(--color-red, #c70000); }

.bg--red-dark {
  background-color: var(--color-red-dark, #980000); }

.bg--purple-lightest {
  background-color: var(--color-purple-lightest, #a357ba); }

.bg--purple-light {
  background-color: var(--color-purple-light, #7626be); }

.bg--purple {
  background-color: var(--color-purple, #470088); }

.bg--purple-dark {
  background-color: var(--color-purple-dark, #270056); }

.bg--blue-lightest {
  background-color: var(--color-blue-lightest, #5fa4cb); }

.bg--blue-light {
  background-color: var(--color-blue-light, #2f79af); }

.bg--blue {
  background-color: var(--color-blue, #004787); }

.bg--blue-dark {
  background-color: var(--color-blue-dark, #00315f); }

.bg--teal-lightest {
  background-color: var(--color-teal-lightest, #91bbad); }

.bg--teal-light {
  background-color: var(--color-teal-light, #588682); }

.bg--teal {
  background-color: var(--color-teal, #3b6c6b); }

.bg--teal-dark {
  background-color: var(--color-teal-dark, #34595d); }

.bg--green-lightest {
  background-color: var(--color-green-lightest, #b0c38d); }

.bg--green-light {
  background-color: var(--color-green-light, #8aa668); }

.bg--green {
  background-color: var(--color-green, #4b7651); }

.bg--green-dark {
  background-color: var(--color-green-dark, #225746); }

.bg--gray-lightest {
  background-color: var(--color-gray-lightest, #a7a9ac); }

.bg--gray-light {
  background-color: var(--color-gray-light, #7a7c7f); }

.bg--gray {
  background-color: var(--color-gray, #515052); }

.bg--black {
  background-color: var(--color-black, #000); }

.bg--cool-grey {
  background-color: var(--color-cool-grey, #F0F5FB); }

.bg--border-grey {
  background-color: var(--color-border-grey, #E5EAF1); }

.bg--text-grey {
  background-color: var(--color-text-grey, #6D7280); }

.bg--navex-orange {
  background-color: var(--color-navex-orange, #FF4500); }

.bg--accessible-orange {
  background-color: var(--color-accessible-orange, #A30000); }

.bg--governance-green {
  background-color: var(--color-governance-green, #157201); }

.bg--bright-green {
  background-color: var(--color-bright-green, #BFC805); }

.bg--principle-pink {
  background-color: var(--color-principle-pink, #D50580); }

.bg--bright-pink {
  background-color: var(--color-bright-pink, #F884F8); }

.bg--compliance-cobalt {
  background-color: var(--color-compliance-cobalt, #054BC5); }

.bg--bright-blue {
  background-color: var(--color-bright-blue, #03C7DC); }

.bg--gradient {
  background-color: #980000;
  background-image: linear-gradient(90deg, #f08f17 0%, #ee1100 20%, #7626be 40%, #2f79af 60%, #588682 80%, #8aa668 100%); }

.bg--primary {
  background-color: var(--bg--primary); }

.bg--secondary {
  background-color: var(--bg--secondary); }

.bg--flipped {
  transform: scaleX(-1); }
  .bg--flipped > * {
    transform: scaleX(-1); }

.bg--unflipped {
  transform: none; }
  .bg--unflipped > * {
    transform: none; }

@media screen and (min-width: 30rem) {
  .sm\:bg--flipped {
    transform: scaleX(-1); }
    .sm\:bg--flipped > * {
      transform: scaleX(-1); }
  .sm\:bg--unflipped {
    transform: none; }
    .sm\:bg--unflipped > * {
      transform: none; } }

@media screen and (min-width: 45rem) {
  .md\:bg--flipped {
    transform: scaleX(-1); }
    .md\:bg--flipped > * {
      transform: scaleX(-1); }
  .md\:bg--unflipped {
    transform: none; }
    .md\:bg--unflipped > * {
      transform: none; } }

@media screen and (min-width: 60rem) {
  .lg\:bg--flipped {
    transform: scaleX(-1); }
    .lg\:bg--flipped > * {
      transform: scaleX(-1); }
  .lg\:bg--unflipped {
    transform: none; }
    .lg\:bg--unflipped > * {
      transform: none; } }

@media screen and (min-width: 80rem) {
  .xl\:bg--flipped {
    transform: scaleX(-1); }
    .xl\:bg--flipped > * {
      transform: scaleX(-1); }
  .xl\:bg--unflipped {
    transform: none; }
    .xl\:bg--unflipped > * {
      transform: none; } }

@media screen and (min-width: 90rem) {
  .max\:bg--flipped {
    transform: scaleX(-1); }
    .max\:bg--flipped > * {
      transform: scaleX(-1); }
  .max\:bg--unflipped {
    transform: none; }
    .max\:bg--unflipped > * {
      transform: none; } }

.bg--slant-orange {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327648/theme/bg_block_orange.png");
  --card-accent-color: var(--color-navex-orange, get-color('navex-orange')); }
  @media (min-width: 45rem) {
    .bg--slant-orange {
      background-position: center; } }
.bg--slant-green {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327649/theme/bg_block_green.png");
  --card-accent-color: var(--color-governance-green, get-color('governance-green')); }
  @media (min-width: 45rem) {
    .bg--slant-green {
      background-position: center; } }
.bg--slant-blue {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327650/theme/bg_block_blue.png");
  --card-accent-color: var(--color-compliance-cobalt, get-color('compliance-cobalt')); }
  @media (min-width: 45rem) {
    .bg--slant-blue {
      background-position: center; } }
.bg--slant-pink {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327648/theme/bg_block_pink.png");
  --card-accent-color: var(--color-principle-pink, get-color('principle-pink')); }
  @media (min-width: 45rem) {
    .bg--slant-pink {
      background-position: center; } }
.bg--headline-orange {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1724246987/theme/bg_banner_orange.png");
  --card-accent-color: var(--color-navex-orange, get-color('navex-orange')); }
  @media (min-width: 45rem) {
    .bg--headline-orange {
      background-position: center; } }
.bg--headline-green {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327650/theme/bg_banner_green.png");
  --card-accent-color: var(--color-governance-green, get-color('governance-green')); }
  @media (min-width: 45rem) {
    .bg--headline-green {
      background-position: center; } }
.bg--headline-blue {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327650/theme/bg_banner_blue.png");
  --card-accent-color: var(--color-compliance-cobalt, get-color('compliance-cobalt')); }
  @media (min-width: 45rem) {
    .bg--headline-blue {
      background-position: center; } }
.bg--headline-pink {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-image: url("https://cdn.navex.com/image/upload/v1702327649/theme/bg_banner_pink.png");
  --card-accent-color: var(--color-principle-pink, get-color('principle-pink')); }
  @media (min-width: 45rem) {
    .bg--headline-pink {
      background-position: center; } }
.bg--arrow-red {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-color: var(--color-accessible-orange, #A30000);
  background-image: url("https://cdn.navex.com/image/upload/v1702327647/theme/bg_card_red.jpg"); }
  @media (min-width: 45rem) {
    .bg--arrow-red {
      background-position: center; } }
.bg--arrow-blue {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-color: var(--color-compliance-cobalt, #054BC5);
  background-image: url("https://cdn.navex.com/image/upload/v1702327648/theme/bg_card_blue.jpg"); }
  @media (min-width: 45rem) {
    .bg--arrow-blue {
      background-position: center; } }
.bg--arrow-green {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-color: var(--color-governance-green, #157201);
  background-image: url("https://cdn.navex.com/image/upload/v1702327648/theme/bg_card_green.jpg"); }
  @media (min-width: 45rem) {
    .bg--arrow-green {
      background-position: center; } }
.bg--arrow-pink {
  background-color: var(--color-cool-grey, #F0F5FB);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-color: var(--color-principle-pink, #D50580);
  background-image: url("https://cdn.navex.com/image/upload/v1702327648/theme/bg_card_pink.jpg"); }
  @media (min-width: 45rem) {
    .bg--arrow-pink {
      background-position: center; } }
.fg--transparent {
  color: var(--color-transparent, transparent); }

.fg--white {
  color: var(--color-white, #fff); }

.fg--greige {
  color: var(--color-greige, #eeece9); }

.fg--greige-dark {
  color: var(--color-greige-dark, #cdc7be); }

.fg--greige-light {
  color: var(--color-greige-light, #f9f8f7); }

.fg--orange-lightest {
  color: var(--color-orange-lightest, #f3b646); }

.fg--orange-light {
  color: var(--color-orange-light, #f08f17); }

.fg--orange {
  color: var(--color-orange, #ef700c); }

.fg--orange-dark {
  color: var(--color-orange-dark, #ec5000); }

.fg--red-lightest {
  color: var(--color-red-lightest, #ff4500); }

.fg--red-light {
  color: var(--color-red-light, #ee1100); }

.fg--red {
  color: var(--color-red, #c70000); }

.fg--red-dark {
  color: var(--color-red-dark, #980000); }

.fg--purple-lightest {
  color: var(--color-purple-lightest, #a357ba); }

.fg--purple-light {
  color: var(--color-purple-light, #7626be); }

.fg--purple {
  color: var(--color-purple, #470088); }

.fg--purple-dark {
  color: var(--color-purple-dark, #270056); }

.fg--blue-lightest {
  color: var(--color-blue-lightest, #5fa4cb); }

.fg--blue-light {
  color: var(--color-blue-light, #2f79af); }

.fg--blue {
  color: var(--color-blue, #004787); }

.fg--blue-dark {
  color: var(--color-blue-dark, #00315f); }

.fg--teal-lightest {
  color: var(--color-teal-lightest, #91bbad); }

.fg--teal-light {
  color: var(--color-teal-light, #588682); }

.fg--teal {
  color: var(--color-teal, #3b6c6b); }

.fg--teal-dark {
  color: var(--color-teal-dark, #34595d); }

.fg--green-lightest {
  color: var(--color-green-lightest, #b0c38d); }

.fg--green-light {
  color: var(--color-green-light, #8aa668); }

.fg--green {
  color: var(--color-green, #4b7651); }

.fg--green-dark {
  color: var(--color-green-dark, #225746); }

.fg--gray-lightest {
  color: var(--color-gray-lightest, #a7a9ac); }

.fg--gray-light {
  color: var(--color-gray-light, #7a7c7f); }

.fg--gray {
  color: var(--color-gray, #515052); }

.fg--black {
  color: var(--color-black, #000); }

.fg--cool-grey {
  color: var(--color-cool-grey, #F0F5FB); }

.fg--border-grey {
  color: var(--color-border-grey, #E5EAF1); }

.fg--text-grey {
  color: var(--color-text-grey, #6D7280); }

.fg--navex-orange {
  color: var(--color-navex-orange, #FF4500); }

.fg--accessible-orange {
  color: var(--color-accessible-orange, #A30000); }

.fg--governance-green {
  color: var(--color-governance-green, #157201); }

.fg--bright-green {
  color: var(--color-bright-green, #BFC805); }

.fg--principle-pink {
  color: var(--color-principle-pink, #D50580); }

.fg--bright-pink {
  color: var(--color-bright-pink, #F884F8); }

.fg--compliance-cobalt {
  color: var(--color-compliance-cobalt, #054BC5); }

.fg--bright-blue {
  color: var(--color-bright-blue, #03C7DC); }

.fg--primary {
  color: var(--fg--primary);
  --heading-color: var(--heading-color--primary, get-color('black')); }

.fg--secondary {
  color: var(--fg--secondary);
  --heading-color: var(--heading-color--primary, get-color('black')); }

.layout-gap--0 {
  --layout-gap: 0rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--0 {
    --layout-gap: 0rem; } }

.layout-gap--4 {
  --layout-gap: 0.25rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--4 {
    --layout-gap: 0.25rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--4 {
    --layout-gap: 0.25rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--4 {
    --layout-gap: 0.25rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--4 {
    --layout-gap: 0.25rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--4 {
    --layout-gap: 0.25rem; } }

.layout-gap--8 {
  --layout-gap: 0.5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--8 {
    --layout-gap: 0.5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--8 {
    --layout-gap: 0.5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--8 {
    --layout-gap: 0.5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--8 {
    --layout-gap: 0.5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--8 {
    --layout-gap: 0.5rem; } }

.layout-gap--12 {
  --layout-gap: 0.75rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--12 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--12 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--12 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--12 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--12 {
    --layout-gap: 0.75rem; } }

.layout-gap--16 {
  --layout-gap: 1rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--16 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--16 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--16 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--16 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--16 {
    --layout-gap: 1rem; } }

.layout-gap--20 {
  --layout-gap: 1.25rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--20 {
    --layout-gap: 1.25rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--20 {
    --layout-gap: 1.25rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--20 {
    --layout-gap: 1.25rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--20 {
    --layout-gap: 1.25rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--20 {
    --layout-gap: 1.25rem; } }

.layout-gap--24 {
  --layout-gap: 1.5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--24 {
    --layout-gap: 1.5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--24 {
    --layout-gap: 1.5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--24 {
    --layout-gap: 1.5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--24 {
    --layout-gap: 1.5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--24 {
    --layout-gap: 1.5rem; } }

.layout-gap--28 {
  --layout-gap: 1.75rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--28 {
    --layout-gap: 1.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--28 {
    --layout-gap: 1.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--28 {
    --layout-gap: 1.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--28 {
    --layout-gap: 1.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--28 {
    --layout-gap: 1.75rem; } }

.layout-gap--32 {
  --layout-gap: 2rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--32 {
    --layout-gap: 2rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--32 {
    --layout-gap: 2rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--32 {
    --layout-gap: 2rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--32 {
    --layout-gap: 2rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--32 {
    --layout-gap: 2rem; } }

.layout-gap--36 {
  --layout-gap: 2.25rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--36 {
    --layout-gap: 2.25rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--36 {
    --layout-gap: 2.25rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--36 {
    --layout-gap: 2.25rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--36 {
    --layout-gap: 2.25rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--36 {
    --layout-gap: 2.25rem; } }

.layout-gap--40 {
  --layout-gap: 2.5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--40 {
    --layout-gap: 2.5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--40 {
    --layout-gap: 2.5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--40 {
    --layout-gap: 2.5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--40 {
    --layout-gap: 2.5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--40 {
    --layout-gap: 2.5rem; } }

.layout-gap--44 {
  --layout-gap: 2.75rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--44 {
    --layout-gap: 2.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--44 {
    --layout-gap: 2.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--44 {
    --layout-gap: 2.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--44 {
    --layout-gap: 2.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--44 {
    --layout-gap: 2.75rem; } }

.layout-gap--48 {
  --layout-gap: 3rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--48 {
    --layout-gap: 3rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--48 {
    --layout-gap: 3rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--48 {
    --layout-gap: 3rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--48 {
    --layout-gap: 3rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--48 {
    --layout-gap: 3rem; } }

.layout-gap--52 {
  --layout-gap: 3.25rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--52 {
    --layout-gap: 3.25rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--52 {
    --layout-gap: 3.25rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--52 {
    --layout-gap: 3.25rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--52 {
    --layout-gap: 3.25rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--52 {
    --layout-gap: 3.25rem; } }

.layout-gap--56 {
  --layout-gap: 3.5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--56 {
    --layout-gap: 3.5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--56 {
    --layout-gap: 3.5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--56 {
    --layout-gap: 3.5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--56 {
    --layout-gap: 3.5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--56 {
    --layout-gap: 3.5rem; } }

.layout-gap--60 {
  --layout-gap: 3.75rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--60 {
    --layout-gap: 3.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--60 {
    --layout-gap: 3.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--60 {
    --layout-gap: 3.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--60 {
    --layout-gap: 3.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--60 {
    --layout-gap: 3.75rem; } }

.layout-gap--64 {
  --layout-gap: 4rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--64 {
    --layout-gap: 4rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--64 {
    --layout-gap: 4rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--64 {
    --layout-gap: 4rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--64 {
    --layout-gap: 4rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--64 {
    --layout-gap: 4rem; } }

.layout-gap--68 {
  --layout-gap: 4.25rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--68 {
    --layout-gap: 4.25rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--68 {
    --layout-gap: 4.25rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--68 {
    --layout-gap: 4.25rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--68 {
    --layout-gap: 4.25rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--68 {
    --layout-gap: 4.25rem; } }

.layout-gap--72 {
  --layout-gap: 4.5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--72 {
    --layout-gap: 4.5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--72 {
    --layout-gap: 4.5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--72 {
    --layout-gap: 4.5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--72 {
    --layout-gap: 4.5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--72 {
    --layout-gap: 4.5rem; } }

.layout-gap--76 {
  --layout-gap: 4.75rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--76 {
    --layout-gap: 4.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--76 {
    --layout-gap: 4.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--76 {
    --layout-gap: 4.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--76 {
    --layout-gap: 4.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--76 {
    --layout-gap: 4.75rem; } }

.layout-gap--80 {
  --layout-gap: 5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--80 {
    --layout-gap: 5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--80 {
    --layout-gap: 5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--80 {
    --layout-gap: 5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--80 {
    --layout-gap: 5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--80 {
    --layout-gap: 5rem; } }

.layout-gap--84 {
  --layout-gap: 5.25rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--84 {
    --layout-gap: 5.25rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--84 {
    --layout-gap: 5.25rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--84 {
    --layout-gap: 5.25rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--84 {
    --layout-gap: 5.25rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--84 {
    --layout-gap: 5.25rem; } }

.layout-gap--88 {
  --layout-gap: 5.5rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--88 {
    --layout-gap: 5.5rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--88 {
    --layout-gap: 5.5rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--88 {
    --layout-gap: 5.5rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--88 {
    --layout-gap: 5.5rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--88 {
    --layout-gap: 5.5rem; } }

.layout-gap--92 {
  --layout-gap: 5.75rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--92 {
    --layout-gap: 5.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--92 {
    --layout-gap: 5.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--92 {
    --layout-gap: 5.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--92 {
    --layout-gap: 5.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--92 {
    --layout-gap: 5.75rem; } }

.layout-gap--96 {
  --layout-gap: 6rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--96 {
    --layout-gap: 6rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--96 {
    --layout-gap: 6rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--96 {
    --layout-gap: 6rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--96 {
    --layout-gap: 6rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--96 {
    --layout-gap: 6rem; } }

.layout-gap--0 {
  --layout-gap: 0rem; }

.layout-gap--100 {
  --layout-gap: 0.43rem; }

.layout-gap--200 {
  --layout-gap: 0.56rem; }

.layout-gap--300 {
  --layout-gap: 0.75rem; }

.layout-gap--400 {
  --layout-gap: 1rem; }

.layout-gap--500 {
  --layout-gap: 1.33rem; }

.layout-gap--600 {
  --layout-gap: 1.77rem; }

.layout-gap--700 {
  --layout-gap: 2.36rem; }

.layout-gap--800 {
  --layout-gap: 3.15rem; }

.layout-gap--900 {
  --layout-gap: 4.2rem; }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--100 {
    --layout-gap: 0.43rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--200 {
    --layout-gap: 0.56rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--300 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--400 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--500 {
    --layout-gap: 1.33rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--600 {
    --layout-gap: 1.77rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--700 {
    --layout-gap: 2.36rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--800 {
    --layout-gap: 3.15rem; } }

@media screen and (min-width: 30rem) {
  .sm\:layout-gap--900 {
    --layout-gap: 4.2rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--100 {
    --layout-gap: 0.43rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--200 {
    --layout-gap: 0.56rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--300 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--400 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--500 {
    --layout-gap: 1.33rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--600 {
    --layout-gap: 1.77rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--700 {
    --layout-gap: 2.36rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--800 {
    --layout-gap: 3.15rem; } }

@media screen and (min-width: 45rem) {
  .md\:layout-gap--900 {
    --layout-gap: 4.2rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--100 {
    --layout-gap: 0.43rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--200 {
    --layout-gap: 0.56rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--300 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--400 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--500 {
    --layout-gap: 1.33rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--600 {
    --layout-gap: 1.77rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--700 {
    --layout-gap: 2.36rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--800 {
    --layout-gap: 3.15rem; } }

@media screen and (min-width: 60rem) {
  .lg\:layout-gap--900 {
    --layout-gap: 4.2rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--100 {
    --layout-gap: 0.43rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--200 {
    --layout-gap: 0.56rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--300 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--400 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--500 {
    --layout-gap: 1.33rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--600 {
    --layout-gap: 1.77rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--700 {
    --layout-gap: 2.36rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--800 {
    --layout-gap: 3.15rem; } }

@media screen and (min-width: 80rem) {
  .xl\:layout-gap--900 {
    --layout-gap: 4.2rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--0 {
    --layout-gap: 0rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--100 {
    --layout-gap: 0.43rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--200 {
    --layout-gap: 0.56rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--300 {
    --layout-gap: 0.75rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--400 {
    --layout-gap: 1rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--500 {
    --layout-gap: 1.33rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--600 {
    --layout-gap: 1.77rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--700 {
    --layout-gap: 2.36rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--800 {
    --layout-gap: 3.15rem; } }

@media screen and (min-width: 90rem) {
  .max\:layout-gap--900 {
    --layout-gap: 4.2rem; } }

.layout-justify--space-between {
  justify-content: space-between; }

.layout-justify--end {
  justify-content: flex-end; }

.layout-justify--center {
  justify-content: center; }

.layout-align--center {
  align-items: center; }

.layout-align--start {
  align-items: flex-start; }

.layout-align--end {
  align-items: flex-end; }

.flow > * + * {
  margin-block-start: var(--flow-space, 1rem); }

.flow-flex {
  --flow-space: var(--flow-space-base, $base-size * $base-line-height);
  gap: var(--flow-space, 1rem); }

.flow > *, .flow--md > *, .flow-flex.flow--md {
  --flow-space: var(--flow-space-base, $base-size * $base-line-height); }

.flow--sm > *, .flow-flex.flow--sm {
  --flow-space: calc(var(--flow-space-base, 1rem) * 0.5); }

.flow--lg > *, .flow-flex.flow--lg {
  --flow-space: calc(var(--flow-space-base, 1rem) * 1.5); }

.flow--xl > *, .flow-flex.flow--xl {
  --flow-space: calc(var(--flow-space-base, 1rem) * 2); }

.flow--0 > *, .flow-flex.flow--0 {
  --flow-space: 0rem; }

.flow--4 > *, .flow-flex.flow--4 {
  --flow-space: 0.25rem; }

.flow--8 > *, .flow-flex.flow--8 {
  --flow-space: 0.5rem; }

.flow--12 > *, .flow-flex.flow--12 {
  --flow-space: 0.75rem; }

.flow--16 > *, .flow-flex.flow--16 {
  --flow-space: 1rem; }

.flow--20 > *, .flow-flex.flow--20 {
  --flow-space: 1.25rem; }

.flow--24 > *, .flow-flex.flow--24 {
  --flow-space: 1.5rem; }

.flow--28 > *, .flow-flex.flow--28 {
  --flow-space: 1.75rem; }

.flow--32 > *, .flow-flex.flow--32 {
  --flow-space: 2rem; }

.flow--36 > *, .flow-flex.flow--36 {
  --flow-space: 2.25rem; }

.flow--40 > *, .flow-flex.flow--40 {
  --flow-space: 2.5rem; }

.flow--44 > *, .flow-flex.flow--44 {
  --flow-space: 2.75rem; }

.flow--48 > *, .flow-flex.flow--48 {
  --flow-space: 3rem; }

.flow--52 > *, .flow-flex.flow--52 {
  --flow-space: 3.25rem; }

.flow--56 > *, .flow-flex.flow--56 {
  --flow-space: 3.5rem; }

.flow--60 > *, .flow-flex.flow--60 {
  --flow-space: 3.75rem; }

.flow--64 > *, .flow-flex.flow--64 {
  --flow-space: 4rem; }

.flow--68 > *, .flow-flex.flow--68 {
  --flow-space: 4.25rem; }

.flow--72 > *, .flow-flex.flow--72 {
  --flow-space: 4.5rem; }

.flow-space--0, .flow-space--key > * {
  --flow-space: 0rem; }

.flow-space--100, .flow-space--key > * {
  --flow-space: 0.43rem; }

.flow-space--200, .flow-space--key > * {
  --flow-space: 0.56rem; }

.flow-space--300, .flow-space--key > * {
  --flow-space: 0.75rem; }

.flow-space--400, .flow-space--key > * {
  --flow-space: 1rem; }

.flow-space--500, .flow-space--key > * {
  --flow-space: 1.33rem; }

.flow-space--600, .flow-space--key > * {
  --flow-space: 1.77rem; }

.flow-space--700, .flow-space--key > * {
  --flow-space: 2.36rem; }

.flow-space--800, .flow-space--key > * {
  --flow-space: 3.15rem; }

.flow-space--900, .flow-space--key > * {
  --flow-space: 4.2rem; }

.measure, .mktoModalMain .success-message {
  max-inline-size: 60ch; }

.measure--generous {
  max-inline-size: 80ch; }

.stretch-links {
  position: relative; }
  .stretch-links a {
    outline: 0; }
    .stretch-links a::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: 0;
      inset-inline-end: 0; }
  .stretch-links a:focus-visible::before {
    outline-width: 5px;
    outline-style: auto;
    outline-color: blue;
    outline-color: Highlight;
    outline-color: -webkit-focus-ring-color; }

.stretch-button {
  position: relative; }
  .stretch-button button {
    outline: 0; }
    .stretch-button button::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: 0;
      inset-inline-end: 0; }
  .stretch-button button:focus-visible::before {
    outline-width: 5px;
    outline-style: auto;
    outline-color: blue;
    outline-color: Highlight;
    outline-color: -webkit-focus-ring-color; }

.text--left {
  text-align: left; }

.text-left {
  text-align: left; }

.text--right {
  text-align: right; }

.text-right {
  text-align: right; }

.text--center {
  text-align: center; }

.text-center {
  text-align: center; }

.underline {
  text-decoration: underline; }

.no-underline {
  text-decoration: none; }

.vertical-padding {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.px-2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mt-1 {
  margin-top: 0.25rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mt-4 {
  margin-top: 1rem; }

.mt-8 {
  margin-top: 2rem; }

.mb-1 {
  margin-bottom: 0.25rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.mb-4 {
  margin-bottom: 1rem; }

.mb-8 {
  margin-bottom: 2rem; }

.pt-1 {
  padding-top: 0.25rem; }

.pt-2 {
  padding-top: 0.5rem; }

.pt-4 {
  padding-top: 1rem; }

.pt-8 {
  padding-top: 2rem; }

.pb-1 {
  padding-bottom: 0.25rem; }

.pb-2 {
  padding-bottom: 0.5rem; }

.pb-4 {
  padding-bottom: 1rem; }

.pb-8 {
  padding-bottom: 2rem; }

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem; }

.sticky {
  position: sticky;
  top: 2rem; }

.icon > svg {
  inline-size: var(--icon-size, 1.5rem);
  block-size: var(--icon-size, 1.5rem);
  color: var(--icon-color, currentColor); }

.icon, .icon--md {
  --icon-size: 1.5rem;
  --icon-color: var(--card-accent-color, currentColor); }

.icon--sm {
  --icon-size: 1rem; }

.icon--lg {
  --icon-size: 2rem; }

.icon--xl {
  --icon-size: 3rem; }

.icon--0 {
  --icon-size: 0rem; }

.icon--4 {
  --icon-size: 0.25rem; }

.icon--8 {
  --icon-size: 0.5rem; }

.icon--12 {
  --icon-size: 0.75rem; }

.icon--16 {
  --icon-size: 1rem; }

.icon--20 {
  --icon-size: 1.25rem; }

.icon--24 {
  --icon-size: 1.5rem; }

.icon--28 {
  --icon-size: 1.75rem; }

.icon--32 {
  --icon-size: 2rem; }

.icon--36 {
  --icon-size: 2.25rem; }

.icon--40 {
  --icon-size: 2.5rem; }

.icon--44 {
  --icon-size: 2.75rem; }

.image-ratio--3x2 img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.image-ratio--3x2 figure {
  aspect-ratio: 3/2; }

.image-ratio--5x4 img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.image-ratio--5x4 figure {
  aspect-ratio: 5/4; }

.image-ratio--16x9 img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.image-ratio--16x9 figure {
  aspect-ratio: 16/9; }

.image-ratio--square img,
.image-ratio--1x1 img,
.image-ratio--1 img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.image-ratio--square figure,
.image-ratio--1x1 figure,
.image-ratio--1 figure {
  aspect-ratio: 1; }

@media screen and (min-width: 30rem) {
  .sm\:image-ratio--3x2 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .sm\:image-ratio--3x2 figure {
    aspect-ratio: 3/2; }
  .sm\:image-ratio--5x4 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .sm\:image-ratio--5x4 figure {
    aspect-ratio: 5/4; }
  .sm\:image-ratio--16x9 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .sm\:image-ratio--16x9 figure {
    aspect-ratio: 16/9; }
  .sm\:image-ratio--square img,
  .sm\:image-ratio--1x1 img,
  .sm\:image-ratio--1 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .sm\:image-ratio--square figure,
  .sm\:image-ratio--1x1 figure,
  .sm\:image-ratio--1 figure {
    aspect-ratio: 1; } }

@media screen and (min-width: 45rem) {
  .md\:image-ratio--3x2 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .md\:image-ratio--3x2 figure {
    aspect-ratio: 3/2; }
  .md\:image-ratio--5x4 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .md\:image-ratio--5x4 figure {
    aspect-ratio: 5/4; }
  .md\:image-ratio--16x9 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .md\:image-ratio--16x9 figure {
    aspect-ratio: 16/9; }
  .md\:image-ratio--square img,
  .md\:image-ratio--1x1 img,
  .md\:image-ratio--1 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .md\:image-ratio--square figure,
  .md\:image-ratio--1x1 figure,
  .md\:image-ratio--1 figure {
    aspect-ratio: 1; } }

@media screen and (min-width: 60rem) {
  .lg\:image-ratio--3x2 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .lg\:image-ratio--3x2 figure {
    aspect-ratio: 3/2; }
  .lg\:image-ratio--5x4 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .lg\:image-ratio--5x4 figure {
    aspect-ratio: 5/4; }
  .lg\:image-ratio--16x9 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .lg\:image-ratio--16x9 figure {
    aspect-ratio: 16/9; }
  .lg\:image-ratio--square img,
  .lg\:image-ratio--1x1 img,
  .lg\:image-ratio--1 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .lg\:image-ratio--square figure,
  .lg\:image-ratio--1x1 figure,
  .lg\:image-ratio--1 figure {
    aspect-ratio: 1; } }

@media screen and (min-width: 80rem) {
  .xl\:image-ratio--3x2 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .xl\:image-ratio--3x2 figure {
    aspect-ratio: 3/2; }
  .xl\:image-ratio--5x4 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .xl\:image-ratio--5x4 figure {
    aspect-ratio: 5/4; }
  .xl\:image-ratio--16x9 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .xl\:image-ratio--16x9 figure {
    aspect-ratio: 16/9; }
  .xl\:image-ratio--square img,
  .xl\:image-ratio--1x1 img,
  .xl\:image-ratio--1 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .xl\:image-ratio--square figure,
  .xl\:image-ratio--1x1 figure,
  .xl\:image-ratio--1 figure {
    aspect-ratio: 1; } }

@media screen and (min-width: 90rem) {
  .max\:image-ratio--3x2 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .max\:image-ratio--3x2 figure {
    aspect-ratio: 3/2; }
  .max\:image-ratio--5x4 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .max\:image-ratio--5x4 figure {
    aspect-ratio: 5/4; }
  .max\:image-ratio--16x9 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .max\:image-ratio--16x9 figure {
    aspect-ratio: 16/9; }
  .max\:image-ratio--square img,
  .max\:image-ratio--1x1 img,
  .max\:image-ratio--1 img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .max\:image-ratio--square figure,
  .max\:image-ratio--1x1 figure,
  .max\:image-ratio--1 figure {
    aspect-ratio: 1; } }

.button, .whistleb-signup .mktoButton.form-continue, .whistleb-signup .mktoButton.form-back, button .partners-list__image:after, .article-breadcrumb-link, form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton,
.form-continue,
button[type="submit"], .resource-card__button, .action-link {
  display: inline-flex;
  padding: 0.75rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.42857143;
  text-decoration: none;
  text-wrap: nowrap;
  text-align: center;
  color: var(--color-white, #FFF);
  background: var(--color-black, #000);
  border: 1px solid var(--color-black, #000);
  transition: all .3s;
  cursor: pointer;
  /* Light Variant */
  /* with Arrow effect */ }
  .button:hover, .whistleb-signup .mktoButton.form-continue:hover, .whistleb-signup .mktoButton.form-back:hover, button .partners-list__image:hover:after, .article-breadcrumb-link:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover,
  .form-continue:hover,
  button[type="submit"]:hover, .resource-card__button:hover, .action-link:hover, .button:active, .whistleb-signup .mktoButton.form-continue:active, .whistleb-signup .mktoButton.form-back:active, button .partners-list__image:active:after, .article-breadcrumb-link:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:active,
  .form-continue:active,
  button[type="submit"]:active, .resource-card__button:active, .action-link:active {
    color: var(--color-black, #000);
    background: var(--color-white, #FFF); }
  .button.button--light, .whistleb-signup .button--light.mktoButton.form-continue, .whistleb-signup .mktoButton.form-back, button .button--light.partners-list__image:after, button .whistleb-signup .partners-list__image.mktoButton.form-back:after, .whistleb-signup button .partners-list__image.mktoButton.form-back:after, .article-breadcrumb-link, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.mktoButton, form.mktoForm .mktoButtonRow .mktoButtonWrap .whistleb-signup .mktoButton.form-back, .whistleb-signup form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton.form-back, form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton.article-breadcrumb-link,
  .button--light.form-continue,
  button.button--light[type="submit"],
  button[type="submit"].article-breadcrumb-link, .button--light.resource-card__button, .button.action-link--light, .whistleb-signup .action-link--light.mktoButton.form-continue, button .action-link--light.partners-list__image:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--light.mktoButton,
  .action-link--light.form-continue,
  button.action-link--light[type="submit"], .action-link--light.resource-card__button, .button.action-link--secondary, .whistleb-signup .action-link--secondary.mktoButton.form-continue, button .action-link--secondary.partners-list__image:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton,
  .action-link--secondary.form-continue,
  button.action-link--secondary[type="submit"], .action-link--secondary.resource-card__button, .button--light.action-link, .action-link.action-link--light, .action-link.action-link--secondary {
    color: var(--color-black, #000);
    background: var(--color-white, #FFF); }
    .button.button--light:hover, .whistleb-signup .mktoButton.form-back:hover, button .button--light.partners-list__image:hover:after, button .whistleb-signup .partners-list__image.mktoButton.form-back:hover:after, .whistleb-signup button .partners-list__image.mktoButton.form-back:hover:after, .article-breadcrumb-link:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.mktoButton:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .whistleb-signup .mktoButton.form-back:hover, .whistleb-signup form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton.form-back:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton.article-breadcrumb-link:hover,
    .button--light.form-continue:hover,
    button.button--light[type="submit"]:hover, .button--light.resource-card__button:hover, .button.action-link--light:hover, button .action-link--light.partners-list__image:hover:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--light.mktoButton:hover,
    .action-link--light.form-continue:hover,
    button.action-link--light[type="submit"]:hover, .action-link--light.resource-card__button:hover, .button.action-link--secondary:hover, button .action-link--secondary.partners-list__image:hover:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:hover,
    .action-link--secondary.form-continue:hover,
    button.action-link--secondary[type="submit"]:hover, .action-link--secondary.resource-card__button:hover, .button--light.action-link:hover, .action-link.action-link--light:hover, .action-link.action-link--secondary:hover, .button.button--light:active, .whistleb-signup .mktoButton.form-back:active, button .button--light.partners-list__image:active:after, button .whistleb-signup .partners-list__image.mktoButton.form-back:active:after, .whistleb-signup button .partners-list__image.mktoButton.form-back:active:after, .article-breadcrumb-link:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.mktoButton:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .whistleb-signup .mktoButton.form-back:active, .whistleb-signup form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton.form-back:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton.article-breadcrumb-link:active,
    .button--light.form-continue:active,
    button.button--light[type="submit"]:active, .button--light.resource-card__button:active, .button.action-link--light:active, button .action-link--light.partners-list__image:active:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--light.mktoButton:active,
    .action-link--light.form-continue:active,
    button.action-link--light[type="submit"]:active, .action-link--light.resource-card__button:active, .button.action-link--secondary:active, button .action-link--secondary.partners-list__image:active:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:active,
    .action-link--secondary.form-continue:active,
    button.action-link--secondary[type="submit"]:active, .action-link--secondary.resource-card__button:active, .button--light.action-link:active, .action-link.action-link--light:active, .action-link.action-link--secondary:active {
      background: var(--color-cool-grey, #FFF); }
  .button.button--arrow, .whistleb-signup .button--arrow.mktoButton.form-continue, .whistleb-signup .button--arrow.mktoButton.form-back, button .button--arrow.partners-list__image:after, .button--arrow.article-breadcrumb-link, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton,
  .button--arrow.form-continue,
  button.button--arrow[type="submit"], .button--arrow.resource-card__button, .button.action-link--secondary, .whistleb-signup .action-link--secondary.mktoButton.form-continue, .whistleb-signup .action-link--secondary.mktoButton.form-back, button .action-link--secondary.partners-list__image:after, .action-link--secondary.article-breadcrumb-link, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton,
  .action-link--secondary.form-continue,
  button.action-link--secondary[type="submit"], .action-link--secondary.resource-card__button, .button--arrow.action-link, .action-link.action-link--secondary {
    position: relative;
    border-color: var(--color-white, #FFF);
    min-width: 7.5rem; }
    .button.button--arrow:before, .whistleb-signup .button--arrow.mktoButton.form-continue:before, .whistleb-signup .button--arrow.mktoButton.form-back:before, .button--arrow.article-breadcrumb-link:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:before,
    .button--arrow.form-continue:before,
    button.button--arrow[type="submit"]:before, .button--arrow.resource-card__button:before, .button.action-link--secondary:before, .whistleb-signup .action-link--secondary.mktoButton.form-continue:before, .whistleb-signup .action-link--secondary.mktoButton.form-back:before, .action-link--secondary.article-breadcrumb-link:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:before,
    .action-link--secondary.form-continue:before,
    button.action-link--secondary[type="submit"]:before, .action-link--secondary.resource-card__button:before, .button--arrow.action-link:before, .action-link.action-link--secondary:before {
      content: "";
      height: 1px;
      background: var(--color-black, #000);
      bottom: -1px;
      position: absolute;
      width: 11px;
      transform: translateX(10px);
      transition: all .3s;
      right: 35%; }
    .button.button--arrow:after, .whistleb-signup .button--arrow.mktoButton.form-continue:after, .whistleb-signup .button--arrow.mktoButton.form-back:after, button .button--arrow.partners-list__image:after, .button--arrow.article-breadcrumb-link:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:after,
    .button--arrow.form-continue:after,
    button.button--arrow[type="submit"]:after, .button--arrow.resource-card__button:after, .button.action-link--secondary:after, .whistleb-signup .action-link--secondary.mktoButton.form-continue:after, .whistleb-signup .action-link--secondary.mktoButton.form-back:after, button .action-link--secondary.partners-list__image:after, .action-link--secondary.article-breadcrumb-link:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:after,
    .action-link--secondary.form-continue:after,
    button.action-link--secondary[type="submit"]:after, .action-link--secondary.resource-card__button:after, .button--arrow.action-link:after, .action-link.action-link--secondary:after {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' d='m1 8.5 9-4-9-4'/%3E%3C/svg%3E");
      position: absolute;
      bottom: 0;
      right: 35%;
      transform: translate(0, 50%);
      transition: all .3s; }
    .button.button--arrow:hover, .whistleb-signup .button--arrow.mktoButton.form-back:hover, button .button--arrow.partners-list__image:hover:after, .button--arrow.article-breadcrumb-link:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:hover,
    .button--arrow.form-continue:hover,
    button.button--arrow[type="submit"]:hover, .button--arrow.resource-card__button:hover, .button.action-link--secondary:hover, .whistleb-signup .action-link--secondary.mktoButton.form-back:hover, button .action-link--secondary.partners-list__image:hover:after, .action-link--secondary.article-breadcrumb-link:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:hover,
    .action-link--secondary.form-continue:hover,
    button.action-link--secondary[type="submit"]:hover, .action-link--secondary.resource-card__button:hover, .button--arrow.action-link:hover, .action-link.action-link--secondary:hover, .button.button--arrow:active, .whistleb-signup .button--arrow.mktoButton.form-back:active, button .button--arrow.partners-list__image:active:after, .button--arrow.article-breadcrumb-link:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:active,
    .button--arrow.form-continue:active,
    button.button--arrow[type="submit"]:active, .button--arrow.resource-card__button:active, .button.action-link--secondary:active, .whistleb-signup .action-link--secondary.mktoButton.form-back:active, button .action-link--secondary.partners-list__image:active:after, .action-link--secondary.article-breadcrumb-link:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:active,
    .action-link--secondary.form-continue:active,
    button.action-link--secondary[type="submit"]:active, .action-link--secondary.resource-card__button:active, .button--arrow.action-link:active, .action-link.action-link--secondary:active {
      color: var(--color-white, #FFF);
      background: var(--color-black, #000); }
      .button.button--arrow:hover:before, .whistleb-signup .button--arrow.mktoButton.form-back:hover:before, .button--arrow.article-breadcrumb-link:hover:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:hover:before,
      .button--arrow.form-continue:hover:before,
      button.button--arrow[type="submit"]:hover:before, .button--arrow.resource-card__button:hover:before, .button.action-link--secondary:hover:before, .whistleb-signup .action-link--secondary.mktoButton.form-back:hover:before, .action-link--secondary.article-breadcrumb-link:hover:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:hover:before,
      .action-link--secondary.form-continue:hover:before,
      button.action-link--secondary[type="submit"]:hover:before, .action-link--secondary.resource-card__button:hover:before, .button--arrow.action-link:hover:before, .action-link.action-link--secondary:hover:before, .button.button--arrow:active:before, .whistleb-signup .button--arrow.mktoButton.form-back:active:before, .button--arrow.article-breadcrumb-link:active:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:active:before,
      .button--arrow.form-continue:active:before,
      button.button--arrow[type="submit"]:active:before, .button--arrow.resource-card__button:active:before, .button.action-link--secondary:active:before, .whistleb-signup .action-link--secondary.mktoButton.form-back:active:before, .action-link--secondary.article-breadcrumb-link:active:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:active:before,
      .action-link--secondary.form-continue:active:before,
      button.action-link--secondary[type="submit"]:active:before, .action-link--secondary.resource-card__button:active:before, .button--arrow.action-link:active:before, .action-link.action-link--secondary:active:before {
        transform: translateX(calc(300% + 10px)); }
      .button.button--arrow:hover:after, .whistleb-signup .button--arrow.mktoButton.form-back:hover:after, button .button--arrow.partners-list__image:hover:after, .button--arrow.article-breadcrumb-link:hover:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:hover:after,
      .button--arrow.form-continue:hover:after,
      button.button--arrow[type="submit"]:hover:after, .button--arrow.resource-card__button:hover:after, .button.action-link--secondary:hover:after, .whistleb-signup .action-link--secondary.mktoButton.form-back:hover:after, button .action-link--secondary.partners-list__image:hover:after, .action-link--secondary.article-breadcrumb-link:hover:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:hover:after,
      .action-link--secondary.form-continue:hover:after,
      button.action-link--secondary[type="submit"]:hover:after, .action-link--secondary.resource-card__button:hover:after, .button--arrow.action-link:hover:after, .action-link.action-link--secondary:hover:after, .button.button--arrow:active:after, .whistleb-signup .button--arrow.mktoButton.form-back:active:after, button .button--arrow.partners-list__image:active:after, .button--arrow.article-breadcrumb-link:active:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton:active:after,
      .button--arrow.form-continue:active:after,
      button.button--arrow[type="submit"]:active:after, .button--arrow.resource-card__button:active:after, .button.action-link--secondary:active:after, .whistleb-signup .action-link--secondary.mktoButton.form-back:active:after, button .action-link--secondary.partners-list__image:active:after, .action-link--secondary.article-breadcrumb-link:active:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:active:after,
      .action-link--secondary.form-continue:active:after,
      button.action-link--secondary[type="submit"]:active:after, .action-link--secondary.resource-card__button:active:after, .button--arrow.action-link:active:after, .action-link.action-link--secondary:active:after {
        position: absolute;
        bottom: 0;
        transform: translate(300%, 50%); }
  .button.button--light.button--arrow, .whistleb-signup .button--arrow.mktoButton.form-back, button .button--light.button--arrow.partners-list__image:after, button .whistleb-signup .button--arrow.partners-list__image.mktoButton.form-back:after, .whistleb-signup button .button--arrow.partners-list__image.mktoButton.form-back:after, .button--arrow.article-breadcrumb-link, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.button--arrow.mktoButton, form.mktoForm .mktoButtonRow .mktoButtonWrap .whistleb-signup .button--arrow.mktoButton.form-back, .whistleb-signup form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton.form-back, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton.article-breadcrumb-link,
  .button--light.button--arrow.form-continue,
  button.button--light.button--arrow[type="submit"], .button--light.button--arrow.resource-card__button, .button.button--arrow.action-link--light, button .button--arrow.action-link--light.partners-list__image:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.action-link--light.mktoButton,
  .button--arrow.action-link--light.form-continue,
  button.button--arrow.action-link--light[type="submit"], .button--arrow.action-link--light.resource-card__button, .button--light.action-link--secondary, .whistleb-signup .action-link--secondary.mktoButton.form-back, .action-link--secondary.article-breadcrumb-link, .action-link--secondary.action-link--light, .button.action-link--secondary, .whistleb-signup .action-link--secondary.mktoButton.form-continue, button .action-link--secondary.partners-list__image:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton,
  .action-link--secondary.form-continue,
  button.action-link--secondary[type="submit"], .action-link--secondary.resource-card__button, .button--light.button--arrow.action-link, .button--arrow.action-link.action-link--light, .action-link.action-link--secondary {
    border-color: var(--color-black, #000); }
    .button.button--light.button--arrow:hover, .whistleb-signup .button--arrow.mktoButton.form-back:hover, button .button--light.button--arrow.partners-list__image:hover:after, button .whistleb-signup .button--arrow.partners-list__image.mktoButton.form-back:hover:after, .whistleb-signup button .button--arrow.partners-list__image.mktoButton.form-back:hover:after, .button--arrow.article-breadcrumb-link:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.button--arrow.mktoButton:hover, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton.article-breadcrumb-link:hover,
    .button--light.button--arrow.form-continue:hover,
    button.button--light.button--arrow[type="submit"]:hover, .button--light.button--arrow.resource-card__button:hover, .button.button--arrow.action-link--light:hover, button .button--arrow.action-link--light.partners-list__image:hover:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.action-link--light.mktoButton:hover,
    .button--arrow.action-link--light.form-continue:hover,
    button.button--arrow.action-link--light[type="submit"]:hover, .button--arrow.action-link--light.resource-card__button:hover, .button--light.action-link--secondary:hover, .whistleb-signup .action-link--secondary.mktoButton.form-back:hover, .action-link--secondary.article-breadcrumb-link:hover, .action-link--secondary.action-link--light:hover, .button.action-link--secondary:hover, button .action-link--secondary.partners-list__image:hover:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:hover,
    .action-link--secondary.form-continue:hover,
    button.action-link--secondary[type="submit"]:hover, .action-link--secondary.resource-card__button:hover, .button--light.button--arrow.action-link:hover, .button--arrow.action-link.action-link--light:hover, .action-link.action-link--secondary:hover, .button.button--light.button--arrow:active, .whistleb-signup .button--arrow.mktoButton.form-back:active, button .button--light.button--arrow.partners-list__image:active:after, button .whistleb-signup .button--arrow.partners-list__image.mktoButton.form-back:active:after, .whistleb-signup button .button--arrow.partners-list__image.mktoButton.form-back:active:after, .button--arrow.article-breadcrumb-link:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.button--arrow.mktoButton:active, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton.article-breadcrumb-link:active,
    .button--light.button--arrow.form-continue:active,
    button.button--light.button--arrow[type="submit"]:active, .button--light.button--arrow.resource-card__button:active, .button.button--arrow.action-link--light:active, button .button--arrow.action-link--light.partners-list__image:active:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.action-link--light.mktoButton:active,
    .button--arrow.action-link--light.form-continue:active,
    button.button--arrow.action-link--light[type="submit"]:active, .button--arrow.action-link--light.resource-card__button:active, .button--light.action-link--secondary:active, .whistleb-signup .action-link--secondary.mktoButton.form-back:active, .action-link--secondary.article-breadcrumb-link:active, .action-link--secondary.action-link--light:active, .button.action-link--secondary:active, button .action-link--secondary.partners-list__image:active:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:active,
    .action-link--secondary.form-continue:active,
    button.action-link--secondary[type="submit"]:active, .action-link--secondary.resource-card__button:active, .button--light.button--arrow.action-link:active, .button--arrow.action-link.action-link--light:active, .action-link.action-link--secondary:active {
      color: var(--color-black, #000);
      background: var(--color-white, #FFF); }
    .button.button--light.button--arrow:before, .whistleb-signup .button--arrow.mktoButton.form-back:before, .button--arrow.article-breadcrumb-link:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.button--arrow.mktoButton:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton.article-breadcrumb-link:before,
    .button--light.button--arrow.form-continue:before,
    button.button--light.button--arrow[type="submit"]:before, .button--light.button--arrow.resource-card__button:before, .button.button--arrow.action-link--light:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.action-link--light.mktoButton:before,
    .button--arrow.action-link--light.form-continue:before,
    button.button--arrow.action-link--light[type="submit"]:before, .button--arrow.action-link--light.resource-card__button:before, .button--light.action-link--secondary:before, .whistleb-signup .action-link--secondary.mktoButton.form-back:before, .action-link--secondary.article-breadcrumb-link:before, .action-link--secondary.action-link--light:before, .button.action-link--secondary:before, .whistleb-signup .action-link--secondary.mktoButton.form-continue:before, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:before,
    .action-link--secondary.form-continue:before,
    button.action-link--secondary[type="submit"]:before, .action-link--secondary.resource-card__button:before, .button--light.button--arrow.action-link:before, .button--arrow.action-link.action-link--light:before, .action-link.action-link--secondary:before {
      background: var(--color-white, #FFF); }
    .button.button--light.button--arrow:after, .whistleb-signup .button--arrow.mktoButton.form-back:after, button .button--light.button--arrow.partners-list__image:after, .button--arrow.article-breadcrumb-link:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--light.button--arrow.mktoButton:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.mktoButton.article-breadcrumb-link:after,
    .button--light.button--arrow.form-continue:after,
    button.button--light.button--arrow[type="submit"]:after, .button--light.button--arrow.resource-card__button:after, .button.button--arrow.action-link--light:after, button .button--arrow.action-link--light.partners-list__image:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .button--arrow.action-link--light.mktoButton:after,
    .button--arrow.action-link--light.form-continue:after,
    button.button--arrow.action-link--light[type="submit"]:after, .button--arrow.action-link--light.resource-card__button:after, .button--light.action-link--secondary:after, .whistleb-signup .action-link--secondary.mktoButton.form-back:after, .action-link--secondary.article-breadcrumb-link:after, .action-link--secondary.action-link--light:after, .button.action-link--secondary:after, .whistleb-signup .action-link--secondary.mktoButton.form-continue:after, button .action-link--secondary.partners-list__image:after, form.mktoForm .mktoButtonRow .mktoButtonWrap .action-link--secondary.mktoButton:after,
    .action-link--secondary.form-continue:after,
    button.action-link--secondary[type="submit"]:after, .action-link--secondary.resource-card__button:after, .button--light.button--arrow.action-link:after, .button--arrow.action-link.action-link--light:after, .action-link.action-link--secondary:after {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m1 8.5 9-4-9-4'/%3E%3C/svg%3E"); }

.number-scroll {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 1em; }

.number-scroll span[data-value] {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 2s ease;
  transform: translateY(0);
  line-height: 1; }

.number-scroll span[data-value="1"] {
  /* improve letter spacing */
  width: 0.5em; }

.number-scroll > span span {
  flex: 0 0 100%;
  height: 100%; }

.number-scroll:nth-child(1) > span {
  transition-delay: 0s; }

.number-scroll:nth-child(2) > span {
  transition-delay: 0.375s; }

.number-scroll:nth-child(3) > span {
  transition-delay: 0.75s; }

.number-scroll:nth-child(4) > span {
  transition-delay: 1.125s; }

.number-scroll:nth-child(5) > span {
  transition-delay: 1.5s; }

.number-scroll:nth-child(6) > span {
  transition-delay: 1.875s; }

.number-scroll:nth-child(7) > span {
  transition-delay: 2.25s; }

.number-scroll:nth-child(8) > span {
  transition-delay: 2.625s; }

.number-scroll:nth-child(9) > span {
  transition-delay: 3s; }

.number-scroll:nth-child(10) > span {
  transition-delay: 3.375s; }

.accent-color--orange {
  --card-accent-color: var(--color-navex-orange, get-color('navex-orange')); }

.accent-color--green {
  --card-accent-color: var(--color-governance-green, get-color('governance-green')); }

.accent-color--pink {
  --card-accent-color: var(--color-principle-pink, get-color('principle-pink')); }

.accent-color--blue {
  --card-accent-color: var(--color-compliance-cobalt, get-color('compliance-cobalt')); }

.separator {
  display: inline-block;
  padding-inline: 0.33em;
  vertical-align: middle; }
  .separator svg {
    height: 1em;
    display: inline-block; }

.site-head {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-color, #E5EAF1); }
  @media (min-width: 60rem) {
    .site-head {
      position: relative; } }
  .site-head > * {
    width: 100%; }
  .site-head a {
    text-decoration: none; }
    .site-head a:focus, .site-head a:hover {
      text-decoration: underline; }

.site-head__main {
  align-items: center;
  gap: 0;
  background-color: var(--color-white, #fff); }
  .site-head__main .action-link {
    display: flex;
    padding: 0.625rem 0.75rem;
    margin-inline: auto;
    margin-block: .5rem;
    align-self: center;
    text-decoration: none; }
    .site-head__main .action-link:hover, .site-head__main .action-link:active, .site-head__main .action-link:focus {
      text-decoration: none; }
    @media (min-width: 60rem) {
      .site-head__main .action-link {
        display: inline-flex;
        margin-inline-start: 0.5rem;
        margin-block: 0; } }
.site-head__identification {
  align-content: flex-start;
  align-items: center;
  padding-block: 1.375rem;
  margin-right: auto; }
  @media (min-width: 60rem) {
    .site-head__identification {
      margin-right: initial;
      align-content: flex-end; } }
#site-head__navs-toggle[aria-expanded="true"] .expanded {
  stroke: currentColor; }

#site-head__navs-toggle[aria-expanded="true"] .collapsed {
  stroke: transparent; }

.site-head__mini-nav {
  appearance: none;
  padding: 0.75rem;
  padding-inline-end: 0;
  border: 0;
  background-color: transparent; }
  @media (min-width: 60rem) {
    .site-head__mini-nav {
      display: none; } }
.site-head__locale-dropdown {
  align-items: center; }
  .site-head__locale-dropdown:hover {
    cursor: pointer; }
  .site-head__locale-dropdown > li {
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 8C9.14956 8 8.89962 8.37124 9.03929 8.71123L11.8548 15.6141C11.9504 15.8475 12.1783 16 12.4301 16C12.6782 16 12.9024 15.8511 13.0016 15.6232L15.9568 8.73513C16.1057 8.38778 15.8502 8 15.4716 8C15.2584 8 15.0673 8.12681 14.9846 8.32346L12.4245 14.4213L9.99679 8.32529C9.91776 8.12865 9.72847 8 9.51712 8Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center; }
    .site-head__locale-dropdown > li:before {
      content: "";
      background-image: url("/svg/i18n.svg");
      width: 1.15em;
      height: 1.15em;
      display: inline-block; }
    .site-head__locale-dropdown > li > ul {
      display: block;
      position: absolute;
      right: -1rem;
      top: calc(100% + 0.75rem);
      list-style: none;
      min-width: 10rem;
      padding: 0;
      margin: 0;
      background-color: #fff;
      border: 1px solid #E5EAF1; }
      .site-head__locale-dropdown > li > ul > li > a {
        padding: .5rem;
        display: inline-block;
        width: 100%; }
        .site-head__locale-dropdown > li > ul > li > a:hover {
          background-color: #eeece9; }
  .site-head__locale-dropdown[aria-hidden="true"] > li > ul {
    display: none; }

.sticky-nav .site-head__main {
  position: fixed;
  top: 0;
  z-index: 5;
  border-bottom: 1px solid var(--border-color, #E5EAF1);
  left: 0;
  right: 0;
  max-width: none; }

.site-identification__link {
  color: #FF4500; }

.site-identification__link > svg {
  block-size: 1.5rem;
  inline-size: auto; }

.nav-primary {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--color-white, #FFF);
  border-top: 1px solid var(--color-border-grey, #E5EAF1);
  flex-grow: 1;
  height: calc(100vh - 68px);
  overflow-y: auto; }
  .nav-primary.active {
    display: block; }
  @media (min-width: 60rem) {
    .nav-primary {
      display: block;
      border-top: none;
      position: static;
      height: auto; }
      .nav-primary > ul > li:first-child {
        margin-left: auto; } }
  .nav-primary .primary-cta {
    margin-top: auto; }
    @media (min-width: 60rem) {
      .nav-primary .primary-cta {
        margin-top: unset; } }
  .nav-primary .nav-primary__search,
  .nav-primary .nav-primary__contact,
  .nav-primary .primary-cta,
  .nav-primary .secondary-cta {
    margin-inline: 1.5rem; }
    @media (min-width: 60rem) {
      .nav-primary .nav-primary__search,
      .nav-primary .nav-primary__contact,
      .nav-primary .primary-cta,
      .nav-primary .secondary-cta {
        margin-inline: unset; } }
.nav-primary__items {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  list-style: none;
  min-height: 100%; }
  @media (min-width: 60rem) {
    .nav-primary__items {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: auto; } }
  .nav-primary__items ul, .nav-primary__items li {
    list-style: none; }

.nav-primary__item {
  color: var(--color-black, #000);
  leading-trim: both;
  text-edge: cap;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: 0.32px;
  width: 100%; }
  @media (min-width: 60rem) {
    .nav-primary__item {
      width: auto; } }
  @media (min-width: 80rem) {
    .nav-primary__item {
      font-size: 1rem; } }
  .nav-primary__item:hover > a,
  .nav-primary__item:hover > span, .nav-primary__item:focus-within > a,
  .nav-primary__item:focus-within > span {
    text-decoration: none; }
    .nav-primary__item:hover > a:focus, .nav-primary__item:hover > a:hover,
    .nav-primary__item:hover > span:focus,
    .nav-primary__item:hover > span:hover, .nav-primary__item:focus-within > a:focus, .nav-primary__item:focus-within > a:hover,
    .nav-primary__item:focus-within > span:focus,
    .nav-primary__item:focus-within > span:hover {
      text-decoration: none; }
    @media (min-width: 60rem) {
      .nav-primary__item:hover > a,
      .nav-primary__item:hover > span, .nav-primary__item:focus-within > a,
      .nav-primary__item:focus-within > span {
        border-bottom-color: var(--color-navex-orange, #FF4500); }
        .nav-primary__item:hover > a.action-link,
        .nav-primary__item:hover > span.action-link, .nav-primary__item:focus-within > a.action-link,
        .nav-primary__item:focus-within > span.action-link {
          border-bottom-color: var(--color-black, #000); } }
  .nav-primary__item > a,
  .nav-primary__item > span {
    display: flex;
    align-items: flex-end;
    padding-block: 1.625rem calc(1.625rem - 2px);
    padding-inline: 1.5rem;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-border-grey, #E5EAF1);
    justify-content: space-between;
    cursor: pointer; }
    .nav-primary__item > a.action-link,
    .nav-primary__item > span.action-link {
      border-bottom-width: 1px; }
    @media (min-width: 60rem) {
      .nav-primary__item > a,
      .nav-primary__item > span {
        display: inline-flex;
        padding-inline: 0.5rem;
        border-bottom: 2px solid transparent; } }
    @media (min-width: 80rem) {
      .nav-primary__item > a,
      .nav-primary__item > span {
        padding-inline: 1rem; } }
  @media (min-width: 60rem) {
    .nav-primary__item[data-toggle="dropdown"] .nav__panel {
      display: none; } }
  .nav-primary__item[data-toggle="dropdown"] > a:after,
  .nav-primary__item[data-toggle="dropdown"] > span:after {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.49994 14.9828C8.49994 15.3504 8.87118 15.6003 9.21117 15.4607L16.114 12.6451C16.3474 12.5496 16.4999 12.3217 16.4999 12.0699C16.4999 11.8218 16.3511 11.5976 16.1232 11.4983L9.23506 8.54312C8.88772 8.39426 8.49994 8.64971 8.49994 9.0283C8.49994 9.24149 8.62675 9.43262 8.82339 9.51533L14.9213 12.0754L8.82523 14.5031C8.62859 14.5822 8.49994 14.7715 8.49994 14.9828Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; }
    @media (min-width: 60rem) {
      .nav-primary__item[data-toggle="dropdown"] > a:after,
      .nav-primary__item[data-toggle="dropdown"] > span:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 8C9.14956 8 8.89962 8.37124 9.03929 8.71123L11.8548 15.6141C11.9504 15.8475 12.1783 16 12.4301 16C12.6782 16 12.9024 15.8511 13.0016 15.6232L15.9568 8.73513C16.1057 8.38778 15.8502 8 15.4716 8C15.2584 8 15.0673 8.12681 14.9846 8.32346L12.4245 14.4213L9.99679 8.32529C9.91776 8.12865 9.72847 8 9.51712 8Z' fill='%23FF4500'/%3E%3C/svg%3E"); } }
  @media (min-width: 60rem) {
    .nav-primary__item[aria-expanded="true"] > a:after, .nav-primary__item[aria-expanded="true"] > span:after, .nav-primary__item:hover > a:after, .nav-primary__item:hover > span:after, .nav-primary__item:focus-within > a:after, .nav-primary__item:focus-within > span:after, .nav-primary__item:focus > a:after, .nav-primary__item:focus > span:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 16C9.14956 16 8.89962 15.6288 9.03929 15.2888L11.8548 8.38594C11.9504 8.15254 12.1783 8 12.4301 8C12.6782 8 12.9024 8.14886 13.0016 8.37675L15.9568 15.2649C16.1057 15.6122 15.8502 16 15.4716 16C15.2584 16 15.0673 15.8732 14.9846 15.6765L12.4245 9.57868L9.99679 15.6747C9.91776 15.8714 9.72847 16 9.51712 16Z' fill='%23FF4500'/%3E%3C/svg%3E"); }
    .nav-primary__item[aria-expanded="true"] .nav__panel, .nav-primary__item:hover .nav__panel, .nav-primary__item:focus-within .nav__panel, .nav-primary__item:focus .nav__panel {
      display: block; } }
.nav__panel {
  position: absolute;
  top: 0;
  width: 100%;
  left: var(--site-gutter, 1.5rem);
  background-color: var(--bg-primary, #fff);
  margin-inline: calc(-1 * var(--site-gutter, $site-gutter));
  border-top: 1px solid var(--border-color, #E5EAF1);
  border-bottom: 1px solid var(--border-color, #E5EAF1);
  overflow-y: auto;
  z-index: 3;
  height: 100%; }
  @media (min-width: 60rem) {
    .nav__panel {
      top: 100%;
      height: auto;
      max-height: calc(100vh - 10rem); } }
  .nav__panel[aria-expanded="true"] {
    display: block; }
  .nav__panel[aria-expanded="false"] {
    display: none; }

.nav__panel-inner {
  display: flex;
  flex-direction: row;
  min-height: 27rem; }

.nav__panel-list {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 100%; }
  @media (min-width: 60rem) {
    .nav__panel-list {
      width: auto;
      padding-block: 1rem;
      border-right: 1px solid var(--border-color, #E5EAF1);
      margin-right: 24rem; } }
  @media (min-width: 80rem) {
    .nav__panel-list {
      margin-right: 30rem; } }
.nav__panel-list__item,
.nav__panel-list__concluding-link {
  display: flex;
  flex-direction: column;
  margin-inline: calc(-1 * var(--site-gutter, 1rem));
  border-bottom: 1px solid var(--border-color, #E5EAF1); }
  @media (min-width: 60rem) {
    .nav__panel-list__item,
    .nav__panel-list__concluding-link {
      flex-direction: row;
      margin-inline-end: 0;
      border-bottom: none; } }
  @media (min-width: 80rem) {
    .nav__panel-list__item,
    .nav__panel-list__concluding-link {
      margin-inline-start: calc(-1 * var(--site-gutter, 1rem) / 2); } }
  .nav__panel-list__item[aria-expanded="true"] .nav__panel-list__item-link, .nav__panel-list__item:hover .nav__panel-list__item-link, .nav__panel-list__item:focus .nav__panel-list__item-link, .nav__panel-list__item:focus-visible .nav__panel-list__item-link, .nav__panel-list__item:focus-within .nav__panel-list__item-link,
  .nav__panel-list__concluding-link[aria-expanded="true"] .nav__panel-list__item-link,
  .nav__panel-list__concluding-link:hover .nav__panel-list__item-link,
  .nav__panel-list__concluding-link:focus .nav__panel-list__item-link,
  .nav__panel-list__concluding-link:focus-visible .nav__panel-list__item-link,
  .nav__panel-list__concluding-link:focus-within .nav__panel-list__item-link {
    background-color: var(--bg-secondary, #F0F5FB); }
  @media (min-width: 60rem) {
    .nav__panel-list__item[aria-expanded="true"] .nav__panel-sublist, .nav__panel-list__item:hover .nav__panel-sublist, .nav__panel-list__item:focus .nav__panel-sublist, .nav__panel-list__item:focus-visible .nav__panel-sublist, .nav__panel-list__item:focus-within .nav__panel-sublist,
    .nav__panel-list__concluding-link[aria-expanded="true"] .nav__panel-sublist,
    .nav__panel-list__concluding-link:hover .nav__panel-sublist,
    .nav__panel-list__concluding-link:focus .nav__panel-sublist,
    .nav__panel-list__concluding-link:focus-visible .nav__panel-sublist,
    .nav__panel-list__concluding-link:focus-within .nav__panel-sublist {
      display: block; } }
.nav__panel__action {
  border-bottom: 1px solid var(--border-color, #E5EAF1); }
  @media (min-width: 60rem) {
    .nav__panel__action {
      display: none; } }
.nav__panel-list__item-link,
.nav__panel__close {
  display: flex;
  width: 100%;
  padding-inline-start: var(--site-gutter, 1rem);
  padding-inline-end: 3rem;
  padding-block: 1rem;
  flex-direction: row;
  flex-shrink: 0;
  gap: 0.75rem; }
  @media (min-width: 60rem) {
    .nav__panel-list__item-link,
    .nav__panel__close {
      max-width: 24rem; } }
  @media (min-width: 80rem) {
    .nav__panel-list__item-link,
    .nav__panel__close {
      max-width: 28rem;
      padding-inline-start: calc(var(--site-gutter, 1rem) / 2); } }
  @media (min-width: 90rem) {
    .nav__panel-list__item-link,
    .nav__panel__close {
      max-width: 30rem; } }
  .nav__panel-list__item-link[data-toggle="dropdown"],
  .nav__panel__close[data-toggle="dropdown"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 8C9.14956 8 8.89962 8.37124 9.03929 8.71123L11.8548 15.6141C11.9504 15.8475 12.1783 16 12.4301 16C12.6782 16 12.9024 15.8511 13.0016 15.6232L15.9568 8.73513C16.1057 8.38778 15.8502 8 15.4716 8C15.2584 8 15.0673 8.12681 14.9846 8.32346L12.4245 14.4213L9.99679 8.32529C9.91776 8.12865 9.72847 8 9.51712 8Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: right 1rem;
    background-position-x: calc(100% - 1rem);
    background-position-y: center; }
    @media (min-width: 60rem) {
      .nav__panel-list__item-link[data-toggle="dropdown"],
      .nav__panel__close[data-toggle="dropdown"] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.49994 14.9828C8.49994 15.3504 8.87118 15.6003 9.21117 15.4607L16.114 12.6451C16.3474 12.5496 16.4999 12.3217 16.4999 12.0699C16.4999 11.8218 16.3511 11.5976 16.1232 11.4983L9.23506 8.54312C8.88772 8.39426 8.49994 8.64971 8.49994 9.0283C8.49994 9.24149 8.62675 9.43262 8.82339 9.51533L14.9213 12.0754L8.82523 14.5031C8.62859 14.5822 8.49994 14.7715 8.49994 14.9828Z' fill='%23FF4500'/%3E%3C/svg%3E"); } }
    @media (max-width: 59.9375rem) {
      .nav__panel-list__item-link[data-toggle="dropdown"][aria-expanded="false"],
      .nav__panel__close[data-toggle="dropdown"][aria-expanded="false"] {
        background-color: var(--color-white, #FFF); } }
.nav__panel__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  padding-block: 1rem;
  padding-inline-start: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.4999 14.9828C16.4999 15.3504 16.1287 15.6003 15.7887 15.4607L8.88588 12.6451C8.65248 12.5496 8.49994 12.3217 8.49994 12.0699C8.49994 11.8218 8.6488 11.5976 8.87669 11.4983L15.7648 8.54312C16.1122 8.39426 16.4999 8.64971 16.4999 9.0283C16.4999 9.24149 16.3731 9.43262 16.1765 9.51533L10.0786 12.0754L16.1746 14.5031C16.3713 14.5822 16.4999 14.7715 16.4999 14.9828Z' fill='%23FF4500'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 1rem;
  background-position-y: center; }

.nav__panel-list__icon {
  color: var(--color-navex-orange, #FF4500);
  flex-shrink: 0; }

.nav__panel-list__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; }
  .nav__panel-list__text > a {
    font-size: 1rem;
    font-weight: var(--heading-font-weight, 500);
    color: var(--heading-color, #000);
    line-height: 1; }
    .nav__panel-list__text > a:hover, .nav__panel-list__text > a:focus-visible {
      color: var(--color-navex-orange, #FF4500);
      text-decoration: none; }
  .nav__panel-list__text > p {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280);
    font-size: 0.875rem; }

.nav__panel-sublist {
  display: none;
  padding-inline: 3.5rem;
  min-width: 24rem;
  background-color: var(--bg-secondary, #F0F5FB);
  padding-bottom: 1.5rem; }
  .nav__panel-sublist[aria-expanded="true"] {
    display: block; }
  @media (min-width: 60rem) {
    .nav__panel-sublist {
      position: absolute;
      top: 0;
      left: 100%;
      height: 100%;
      padding-top: 1.375rem;
      padding-bottom: 0;
      padding-inline: 2.5rem;
      background-color: transparent; } }
  @media (min-width: 80rem) {
    .nav__panel-sublist {
      min-width: 30rem;
      padding-inline: 2.5rem; } }
  .nav__panel-sublist > li {
    padding-block: 0.75rem; }
  .nav__panel-sublist a:hover, .nav__panel-sublist a:focus-visible {
    color: var(--color-navex-orange, #FF4500); }

.nav__panel__cta {
  margin-block: 1.5rem;
  margin-inline: auto; }

.nav-primary .secondary-cta {
  order: 99; }
  @media (min-width: 60rem) {
    .nav-primary .secondary-cta {
      order: initial; } }
.nav-primary .nav-primary__contact {
  order: 100; }
  @media (min-width: 60rem) {
    .nav-primary .nav-primary__contact {
      margin-left: auto;
      order: initial;
      margin-right: -0.5rem; }
      .nav-primary .nav-primary__contact > .action-link {
        margin-left: 0 !important; } }
  .nav-primary .nav-primary__contact .action-link {
    background: none;
    border: none;
    color: var(--color-black, #000); }

.nav__panel-list__concluding-link[aria-expanded="true"] .wiggle-link, .nav__panel-list__concluding-link:hover .wiggle-link, .nav__panel-list__concluding-link:focus-visible .wiggle-link {
  text-decoration: none; }
  .nav__panel-list__concluding-link[aria-expanded="true"] .wiggle-link > span, .nav__panel-list__concluding-link:hover .wiggle-link > span, .nav__panel-list__concluding-link:focus-visible .wiggle-link > span {
    background-color: var(--bg-secondary, #F0F5FB); }

.nav__panel-list__concluding-link svg {
  color: var(--color-navex-orange, #FF4500); }

.nav-secondary {
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.28px; }
  .nav-secondary > ul {
    align-items: center; }
    .nav-secondary > ul > li {
      padding: 0.75rem 1rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='18' viewBox='0 0 2 18' fill='none'%3E%3Cpath d='M1 1V17' stroke='black' stroke-opacity='0.24' stroke-linecap='round'/%3E%3C/svg%3E");
      background-position: center right;
      background-repeat: no-repeat; }
      .nav-secondary > ul > li:last-child {
        padding-inline-end: 0;
        background-image: none; }
      .nav-secondary > ul > li.nav-secondary__search {
        padding: 0.5rem; }
        .nav-secondary > ul > li.nav-secondary__search .search-input-group {
          margin-right: 0; }

.nav-page-inner {
  background-color: var(--color-white, #FFF);
  border-bottom: 1px solid var(--border-color, #E5EAF1); }
  .nav-page-inner .site-identification {
    display: none;
    flex-shrink: 0; }
  .nav-page-inner.sticky {
    position: fixed;
    top: 0;
    z-index: 5;
    left: 0;
    right: 0; }
    .nav-page-inner.sticky .wrapper--anchor-nav {
      max-width: none;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 2rem;
      margin-inline: auto;
      padding-inline: var(--site-gutter, 1rem); }
      @media (min-width: 80rem) {
        .nav-page-inner.sticky .wrapper--anchor-nav {
          padding-inline: calc(var(--site-gutter, 1rem) / 2); } }
    .nav-page-inner.sticky .site-identification {
      display: block; }

.nav-page-inner__items {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);
  scroll-behavior: smooth;
  padding-block: 2rem;
  margin-block: -2rem;
  /* hides h-scroll */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow-clip-margin: 1rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 2.5rem;
  list-style: none;
  margin-bottom: -1px; }
  .nav-page-inner__items::-webkit-scrollbar {
    display: none; }
  @media (max-width: 44.9375rem) {
    .nav-page-inner__items {
      margin-inline-end: calc(-1 * var(--site-gutter, 1.5rem));
      padding-inline-end: var(--site-gutter, 1.5rem); } }
  .nav-page-inner__items ul, .nav-page-inner__items li {
    list-style: none; }

.nav-page-inner__item {
  color: var(--color-text-grey, #6D7280);
  leading-trim: both;
  text-edge: cap;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: 0.32px; }
  @media (min-width: 80rem) {
    .nav-page-inner__item {
      font-size: 1rem; } }
  .nav-page-inner__item.active > a,
  .nav-page-inner__item.active > span {
    color: var(--color-black, #000);
    border-bottom-color: var(--color-black, #000); }
  .nav-page-inner__item:hover > a,
  .nav-page-inner__item:hover > span, .nav-page-inner__item:focus-within > a,
  .nav-page-inner__item:focus-within > span {
    text-decoration: none; }
    .nav-page-inner__item:hover > a:focus, .nav-page-inner__item:hover > a:hover,
    .nav-page-inner__item:hover > span:focus,
    .nav-page-inner__item:hover > span:hover, .nav-page-inner__item:focus-within > a:focus, .nav-page-inner__item:focus-within > a:hover,
    .nav-page-inner__item:focus-within > span:focus,
    .nav-page-inner__item:focus-within > span:hover {
      text-decoration: none; }
    @media (min-width: 60rem) {
      .nav-page-inner__item:hover > a,
      .nav-page-inner__item:hover > span, .nav-page-inner__item:focus-within > a,
      .nav-page-inner__item:focus-within > span {
        border-bottom-color: var(--color-navex-orange, #FF4500); } }
  .nav-page-inner__item > a,
  .nav-page-inner__item > span {
    display: flex;
    align-items: flex-end;
    padding-block: 1.625rem calc(1.625rem - 2px);
    padding-inline: 0;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-border-grey, #E5EAF1);
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    text-decoration: none; }
    @media (min-width: 60rem) {
      .nav-page-inner__item > a,
      .nav-page-inner__item > span {
        display: inline-flex; } }
.site-foot {
  gap: 2.5rem;
  font-size: 0.875rem; }
  .site-foot a {
    text-decoration: none; }
    .site-foot a:focus, .site-foot a:hover {
      text-decoration: underline; }

.site-foot__main {
  display: flex;
  flex-direction: column;
  gap: 3.75rem; }

.site-foot__navs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--layout-gap, 1.5rem); }
  .site-foot__navs > nav {
    flex-grow: 1; }

.site-foot__top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.5rem; }
  @media (min-width: 45rem) {
    .site-foot__top {
      flex-wrap: nowrap;
      align-items: center; } }
  .site-foot__top > * {
    flex: 0 0 auto; }

.site-foot__logo {
  margin-right: auto;
  flex-grow: 1; }
  .site-foot__logo svg {
    height: 1.5rem; }

@media (min-width: 45rem) {
  .site-foot__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between; } }

.site-foot__explore-navs ul {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

@media (max-width: 44.9375rem) {
  .site-foot__explore-navs > * {
    flex-basis: 100%; } }

.site-foot__g2-badge {
  width: 7rem; }

.cta-banner {
  font-size: 1.1869375rem;
  padding-block: 0.52175rem;
  text-align: center; }
  .cta-banner a {
    text-decoration: none; }
    .cta-banner a:focus, .cta-banner a:hover {
      text-decoration: underline; }

.product-heading {
  display: flex;
  flex-direction: row;
  align-items: center; }

.product-heading__icon {
  inline-size: 3.1304375rem;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  background-color: #ff4500;
  margin-block: 0.52175rem;
  margin-inline-start: 0;
  margin-inline-end: 10%; }

.product-heading__text {
  font-weight: 600; }

.icon-link {
  display: block; }

.icon-link--social {
  padding: 0.125em;
  color: var(--color-black, #000); }
  .icon-link--social:hover, .icon-link--social:active {
    color: var(--color-navex-orange, #FF4500); }

.icon-link--social > svg {
  inline-size: 1.5rem;
  block-size: auto; }

.action-link {
  display: flex;
  width: 100%;
  max-width: 24rem;
  margin-inline: auto; }
  @media (min-width: 45rem) {
    .action-link {
      display: inline-flex;
      width: auto;
      margin-inline: 0;
      align-self: center; } }
.action-link--teal {
  background-color: #3b6c6b; }

.action-link--small {
  font-size: 0.9130625rem;
  line-height: 1.23809524;
  padding-block: .5em; }

.action-link--wide {
  padding-inline: 3rem; }

.wiggle-link {
  display: inline-flex;
  gap: 0;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  color: var(--heading-color, var(--color-black, #000));
  margin-right: -1rem; }
  .wiggle-link > span {
    display: inline-block;
    z-index: 1;
    padding-inline-end: 0.25rem;
    background-color: var(--color-white, #fff);
    pointer-events: none;
    text-align: right; }
  .wiggle-link svg {
    flex-shrink: 0;
    color: var(--card-accent-color, var(--color-navex-orange, #FF4500));
    margin-inline-start: -1rem;
    margin-inline-end: 1rem;
    transition: all .3s; }
  .wiggle-link:hover a, .wiggle-link:active a {
    text-decoration: none; }
  .wiggle-link:hover svg, .wiggle-link:active svg {
    margin-inline-start: 0;
    margin-inline-end: 0; }

.stretch-links:hover .wiggle-link > svg, .stretch-links:active .wiggle-link > svg,
.stretch-button:hover .wiggle-link > svg,
.stretch-button:active .wiggle-link > svg {
  margin-inline-start: 0;
  margin-inline-end: 0; }

.stretch-links:hover a > .wiggle-link > svg, .stretch-links:active a > .wiggle-link > svg,
.stretch-button:hover a > .wiggle-link > svg,
.stretch-button:active a > .wiggle-link > svg {
  margin-inline-start: -1rem;
  margin-inline-end: 1rem; }

.stretch-links:hover a:hover > .wiggle-link > svg, .stretch-links:hover a:active > .wiggle-link > svg, .stretch-links:active a:hover > .wiggle-link > svg, .stretch-links:active a:active > .wiggle-link > svg,
.stretch-button:hover a:hover > .wiggle-link > svg,
.stretch-button:hover a:active > .wiggle-link > svg,
.stretch-button:active a:hover > .wiggle-link > svg,
.stretch-button:active a:active > .wiggle-link > svg {
  margin-inline-start: 0;
  margin-inline-end: 0; }

.large-text-link {
  font-size: 1.8260625rem;
  line-height: 1.15384615; }
  @media (min-width: 80rem) {
    .large-text-link {
      font-size: 2.0869375rem; } }
.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
  margin-top: var(--flow-space, 1rem); }
  .rich-text h1:first-child, .rich-text h2:first-child, .rich-text h3:first-child, .rich-text h4:first-child, .rich-text h5:first-child, .rich-text h6:first-child {
    margin-top: 0; }

.rich-text ul, .rich-text ol {
  padding-inline-start: 2rem; }

.rich-text ul {
  list-style-type: disc; }

.rich-text ul ul {
  list-style-type: circle; }

.rich-text p {
  margin-top: var(--flow-space, 0.85rem); }
  .rich-text p:first-child {
    margin-top: 0; }

.rich-text li {
  margin-top: calc(var(--flow-space, 0.85rem) / 2); }
  .rich-text li:first-child {
    margin-top: 0; }

.rich-text strong {
  color: var(--heading-color, inherit);
  font-weight: 500; }

.rich-text blockquote {
  margin-top: var(--flow-space, 0.85rem); }

.rich-text .action-link {
  margin-top: var(--flow-space, 0.85rem); }

.rich-text .table-wrapper {
  overflow: auto; }
  .rich-text .table-wrapper:focus {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
    outline: 0.1em solid rgba(0, 0, 0, 0.1); }
  .rich-text .table-wrapper table {
    margin: 0;
    border: none;
    border-collapse: collapse;
    font-size: 1.25rem;
    table-layout: fixed; }
    .rich-text .table-wrapper table tr td, .rich-text .table-wrapper table tr th {
      min-width: 12vw;
      max-width: 90vw;
      padding: 0.25em 1em;
      vertical-align: text-top;
      text-align: left; }
    .rich-text .table-wrapper table th {
      vertical-align: bottom;
      background-color: #666;
      color: #fff; }
    .rich-text .table-wrapper table tr:nth-child(even) {
      background-color: rgba(0, 0, 0, 0.05); }
    .rich-text .table-wrapper table tr:nth-child(odd) {
      background-color: rgba(255, 255, 255, 0.05); }

.rich-text .table-wrapper {
  background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll; }

.rich-text--workday .emphasis b {
  font-size: 1.5rem;
  font-weight: var(--heading-font-weight, 500);
  line-height: 1.2;
  color: var(--heading-color, inherit); }
  @media (min-width: 60rem) {
    .rich-text--workday .emphasis b {
      font-size: 2.25rem; } }
.rich-text ul,
ul.check-list,
ul.check-mark {
  list-style-type: none;
  padding-inline-start: 0;
  margin-block-start: 1rem; }
  .rich-text ul li,
  ul.check-list li,
  ul.check-mark li {
    position: relative;
    padding-left: 2.5rem;
    margin-top: calc(var(--flow-space, 0.85rem) / 2); }
  .rich-text ul li:before,
  ul.check-list li:before,
  ul.check-mark li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 1.2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%23FF4500' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat; }

.product-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 700;
  font-size: clamp(0.75rem, 0.75rem + 0.25vw, 1rem);
  line-height: 1.23809524;
  text-decoration: none; }
  .product-link:focus, .product-link:hover {
    text-decoration: underline; }
  .product-link[data-content-order="reversed"] {
    flex-direction: row-reverse; }
  .product-link[data-layout="vertical"] {
    flex-direction: column;
    font-weight: 500;
    width: 8rem;
    padding-inline: 0.25rem; }

.product-link__icon {
  inline-size: 2.782625rem;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #ff4500;
  overflow: hidden; }
  .product-link__icon > svg {
    display: block; }

.product-link__text {
  white-space: normal;
  word-break: break-word;
  text-decoration: underline; }

.percentage-stat__number {
  display: block;
  font-weight: 500;
  font-size: 4.1304375rem;
  text-align: center; }

.color-square {
  display: inline-block;
  width: 3rem;
  height: 3rem; }

.color-square--large {
  width: 5rem;
  height: 5rem; }

.color-square--small {
  width: 2rem;
  height: 2rem; }

/* Assumes first square in top left, second in bottom right */
.color-square--secondary {
  position: absolute;
  right: 0;
  bottom: 0; }

blockquote {
  position: relative;
  text-align: left;
  border-left: 0.25rem solid var(--color-navex-orange, #FF4500);
  margin-top: var(--flow-space, 0.85rem);
  padding-block: 1rem;
  padding-left: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  blockquote:before {
    content: "";
    display: block;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16' viewBox='0 0 23 16' fill='none'%3E%3Cpath d='M0.679245 16C0.427673 16 0.226415 15.9245 0.0754717 15.7736C-0.0251572 15.5723 -0.0251572 15.3459 0.0754717 15.0943L5.50943 0.603775C5.66038 0.201258 5.93711 0 6.33962 0H10.4151C10.6667 0 10.8428 0.0754722 10.9434 0.226417C11.0943 0.377361 11.1447 0.578619 11.0943 0.830191L7.09434 15.3208C6.99371 15.7736 6.71698 16 6.26415 16H0.679245ZM11.9245 16C11.673 16 11.4717 15.9245 11.3208 15.7736C11.2201 15.5723 11.2201 15.3459 11.3208 15.0943L16.6792 0.603775C16.8302 0.201258 17.1069 0 17.5094 0H21.5849C21.8365 0 22.0126 0.0754722 22.1132 0.226417C22.2642 0.377361 22.3145 0.578619 22.2642 0.830191L18.3396 15.3208C18.239 15.7736 17.9623 16 17.5094 16H11.9245Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 5px; }

.resource-grid {
  display: grid;
  gap: 2rem;
  list-style-type: none;
  max-inline-size: 65rem;
  margin: 0 auto; }

.resource-card__image {
  padding-block-start: 56.25%;
  position: relative; }
  .resource-card__image-form {
    margin: 2rem 2rem 0; }
  .resource-card__image > img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0; }
  .resource-card__image.wistia-thumbnail > img {
    width: 100%;
    margin-block: 0;
    margin-inline: 0; }

.resource-card__cta {
  display: none;
  margin: 1rem 0; }

.resource-card__meta {
  font-size: 0.9130625rem;
  font-weight: 500; }

.resource-grid--prominence .resource-card:first-child .resource-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.resource-grid--prominence .resource-card:first-child .resource-card__cta {
  display: block; }

.resource-grid--prominence .resource-card:first-child .resource-card__title {
  font-size: 1.4348125rem;
  font-weight: 500;
  min-block-size: 0; }

.resource-grid--prominence .resource-card:first-child .resource-card__eyebrow {
  margin-bottom: 1.8rem; }

.resource-grid--prominence .resource-card:first-child .resource-card__image {
  padding-block-start: 0;
  padding-inline: 10%; }
  .resource-grid--prominence .resource-card:first-child .resource-card__image > img {
    position: static;
    margin-block: 1.5rem; }

.resource-grid--prominence .resource-card:first-child .content-card__banner-image {
  aspect-ratio: unset;
  margin-block-end: -1.5rem; }
  @media (min-width: 45rem) {
    .resource-grid--prominence .resource-card:first-child .content-card__banner-image {
      margin-inline-end: 1.5rem; } }
.resource-card-simple {
  text-align: center; }
  .resource-card-simple img {
    padding: 1px;
    box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.33);
    margin-bottom: 1rem;
    transition: box-shadow 0.2s ease; }
  .resource-card-simple:focus-within img, .resource-card-simple:hover img {
    box-shadow: 0 5px 20px -4px rgba(0, 0, 0, 0.66); }

.resource-card-simple__meta {
  font-size: 0.9130625rem;
  font-weight: bold; }

.resource-card-simple__link {
  text-decoration: none; }
  .resource-card-simple__link:focus, .resource-card-simple:hover .resource-card-simple__link {
    text-decoration: underline; }

@media (min-width: 45rem) {
  .resource-grid {
    grid-template-columns: repeat(2, 1fr); }
  .resource-grid--prominence .resource-card:first-child {
    grid-column: 1 / span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 300px;
    max-width: none; }
    .resource-grid--prominence .resource-card:first-child .resource-card__head {
      display: flex;
      align-items: center;
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--border-radius, 0.75rem); } }

@media (min-width: 60rem) {
  .resource-grid {
    grid-template-columns: repeat(3, 1fr); }
  .resource-top {
    grid-row: 1 / span 2;
    grid-column: 3 / span 1; } }

.resource-card {
  border: 1px solid #a7a9ac;
  background-color: white;
  position: relative;
  transition: box-shadow 0.2s ease, border 0.2s ease; }
  .resource-card a {
    text-decoration: none; }
  .resource-card:focus-within, .resource-card:hover {
    box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.33);
    border-color: #515052; }

a.resource-card {
  text-decoration: none; }

.resource-card__badge {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-navex-orange, #FF4500);
  padding: .3em .6em;
  color: white;
  z-index: 1; }

.resource-card__badge--bottom {
  bottom: 0;
  top: auto; }

.resource-card__head {
  position: relative;
  background-color: #a7a9ac;
  overflow: hidden; }

.resource-card__body {
  padding-top: 1.5rem; }

.resource-card__meta {
  font-weight: 500; }

.resource-card__eyebrow {
  font-weight: bold;
  padding-block-end: .25em;
  color: var(--color-navex-orange, #FF4500);
  border-bottom: 3px solid currentColor;
  inline-size: 50%;
  margin-bottom: .5rem; }

.resource-card__title {
  font-size: 1.0869375rem;
  line-height: 1.2962963;
  min-block-size: 5.18518519em;
  color: var(--heading-color, #000); }
  .resource-top-card:focus-within .resource-card__title, .resource-top-card:hover .resource-card__title, .resource-card:focus-within .resource-card__title, .resource-card:hover .resource-card__title {
    text-decoration: underline; }

.resource-top {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius, 0.75rem);
  border: 1px solid var(--color-border-grey, #E5EAF1);
  background: var(--color-white, #FFFFFF);
  box-shadow: var(--drop-shadow, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.04));
  padding: 1.5rem;
  padding: .5rem; }
  .resource-top a {
    text-decoration: none; }
  .resource-top > h3 {
    padding-block: 0.25rem 1rem; }

.resource-top-card {
  display: grid;
  font-size: .9em;
  grid-template-columns: 1fr 1fr;
  grid-gap: .5rem;
  padding: 1.8rem 0; }
  .resource-top-card a {
    text-decoration: none; }
  .resource-top-card + .resource-top-card {
    border-top: 1px solid var(--color-border-grey, #E5EAF1); }
  .resource-top-card .resource-card__title {
    font-size: 0.9130625rem;
    font-weight: 500; }
  .resource-top-card .resource-card__image.wistia-thumbnail {
    height: 100%; }
    .resource-top-card .resource-card__image.wistia-thumbnail > img {
      height: 100%;
      width: auto; }
  .resource-top-card:first-child {
    padding-top: 0; }
  .resource-top-card:last-child {
    padding-bottom: 0; }

a.resource-top-card {
  text-decoration: none; }

.resource-gate__img {
  margin: 2rem;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.34); }

.resource-gate__title {
  min-height: 100%;
  padding-inline: 2rem;
  line-height: 1.21212121;
  text-align: center; }

.resource-gate__body {
  padding: 2rem; }

.resource-layout__body {
  padding-block: 2rem; }
  .resource-layout__body .video__player {
    margin-block: 4rem; }

@media (min-width: 60rem) {
  .resource-layout {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(6, 1fr); }
  .resource-layout__body {
    grid-column: 1 / span 4;
    grid-row: 1; }
  .resource-layout__body--centered {
    grid-column-start: 2; }
  .resource-layout__side {
    grid-column: 5 / span 2; }
  .slide-up {
    margin-top: -150px !important; }
  .resource-gate {
    display: block;
    margin-top: 2rem;
    border: 1px solid #a7a9ac; } }

.resource-about {
  position: relative;
  font-weight: normal;
  padding: 2.5rem 2rem 2.5rem 2rem; }
  .resource-about [data-visual-heading-level='4'] {
    margin-bottom: 1rem; }

.resource-about--gray {
  background-color: #515052; }

.resource-file {
  background-color: #fff;
  padding-block: 2rem; }

.resource-file__body {
  margin-inline: 2rem; }
  .resource-file__body [data-visual-heading-level='5'] {
    margin: .5rem 0 1.5rem 0; }

.resource-file__img {
  margin-inline: 2rem;
  margin-block-end: 2rem;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.34); }

@media (min-width: 60rem) {
  .resource-about {
    position: sticky;
    top: 4rem; }
  .resource-file {
    min-height: 12rem; } }

.resource-files {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.resource-related {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.resource-related__title {
  margin-bottom: 2rem;
  text-align: center; }

.resource-related__grid {
  display: grid;
  list-style-type: none;
  gap: 3rem; }
  .resource-related__grid img {
    margin-left: auto;
    margin-right: auto; }

@media (min-width: 60rem) {
  .resource-related {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 6rem 4rem; }
    .resource-related li {
      list-style-type: none; }
  .resource-related__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem; }
  .resource-related__title {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: left; } }

.resource-request-demo-cta {
  padding-block-end: 3rem; }

.course-related {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.course-related__title {
  margin-bottom: 2rem;
  text-align: center; }

.course-related__grid {
  display: grid;
  list-style-type: none;
  gap: 2rem;
  max-width: 60rem;
  margin: 4rem auto; }
  .course-related__grid img {
    margin-left: auto;
    margin-right: auto; }

@media (min-width: 45rem) {
  .course-related {
    gap: 1rem;
    padding: 6rem 4rem; }
    .course-related li {
      list-style-type: none; }
  .course-related__grid {
    grid-template-columns: repeat(2, 1fr); }
  .course-related__title {
    text-align: center; } }

@media (min-width: 60rem) {
  .course-related__grid {
    grid-template-columns: repeat(3, 1fr); } }

.course-videos__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; }

.course-metas__dd {
  display: flex;
  flex-wrap: wrap;
  width: 70%; }

.course-metas__title, .course-metas__item {
  padding: .7rem 2rem; }

.course-metas__title {
  font-weight: 500;
  font-size: 1.2rem; }

.course-metas__item {
  border-top: 1px solid #6D7280;
  border-bottom: 1px solid #6D7280;
  flex-direction: row;
  display: flex; }
  .course-metas__item + .course-metas__item {
    border-top: 0; }
  .course-metas__item > dt:first-child {
    width: 100%;
    font-weight: 500; }
  .course-metas__item dd::after {
    content: ",";
    margin-right: .3rem;
    display: inline-block; }
  .course-metas__item dd:last-child::after {
    display: none; }

@media (min-width: 60rem) {
  .course-metas__item > dt:first-child {
    width: 300px; } }

@media (max-width: 59.9375rem) {
  .course-metas__item {
    flex-direction: column; }
  .course-metas__dd {
    width: 100%; } }

.course-audience__title {
  text-decoration: none;
  display: inline-block;
  opacity: .7;
  font-weight: 500;
  padding: 0.5rem 2em;
  border-bottom: 4px solid transparent; }
  .course-audience__title[aria-selected], .course-audience__title.course-audience__title--selected {
    border-color: #3b6c6b;
    opacity: 1; }

.job-listing__filters {
  padding-block: 2.5rem; }

.job-listing__table {
  inline-size: calc(100% + 2rem);
  margin-inline: -1rem;
  border-spacing: 1rem; }

.job-listing__table tr {
  border-bottom: 1px solid #6D7280; }

.job-listing__table td, .job-listing__table th {
  display: block;
  padding: 0.25rem 1rem;
  vertical-align: baseline; }

.job-listing__table th {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left; }

.job-listing__table td:first-child {
  padding-block-start: 1rem; }

.job-listing__table td:last-child {
  padding-block-end: 1rem; }

.job-listing__apply-link {
  white-space: nowrap; }

@media (min-width: 60rem) {
  .job-listing__table {
    border-collapse: collapse; }
  .resource-about--job {
    top: 2rem; }
  .job-listing__table td, .job-listing__table th {
    display: table-cell;
    padding-block: 1rem; }
  .job-listing__table td:last-child {
    text-align: end; } }

.feature-list, .default-list {
  font-size: 0.9130625rem; }

.feature-list {
  margin-left: -1rem; }

.feature-list__item {
  display: flex; }

.feature-list__item__icon {
  width: 4rem;
  flex-shrink: 0;
  flex-grow: 0; }
  .feature-list__item__icon svg {
    transform: translateY(-0.75rem);
    fill: currentColor; }

.default-list__item__label {
  color: var(--heading-color, #000);
  font-weight: 500; }

.feature-definition-list dt {
  text-transform: uppercase;
  font-size: 1rem;
  margin-top: 1em; }

.feature-definition-list dd {
  font-weight: 500;
  font-size: 1.4rem;
  border-bottom: 1px solid #6D7280;
  color: #000;
  padding-bottom: .7em; }
  .feature-definition-list dd:last-child {
    border-bottom: 0; }

[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button {
  appearance: none; }

.search-control {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-block: 1rem; }
  .search-control [data-visual-heading-level='5'] {
    margin-bottom: 1rem;
    inline-size: 100%; }
  .search-control input[type=search] {
    border: 1px solid #a7a9ac; }

.search-control-outer {
  display: flex;
  align-items: baseline; }
  @media (max-width: 44.9375rem) {
    .search-control-outer {
      align-items: baseline !important;
      flex-direction: column; }
      .search-control-outer .search-control {
        align-content: flex-start; }
      .search-control-outer .search-input-group #search-input {
        width: 100%; } }
.search-input-group {
  display: flex;
  flex: 1;
  position: relative;
  margin-right: 0.5rem; }
  .search-input-group #search-input {
    width: 80%; }
  .search-input-group .search-clear {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-inline: .667em;
    border-radius: 0;
    border: none;
    background-color: transparent; }
    .search-input-group .search-clear:hover {
      cursor: pointer; }

.search-in-progress {
  filter: grayscale(100%) brightness(125%);
  opacity: 0.5;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none; }

.search__top {
  padding-block: 4rem; }
  .search__top .search__title {
    padding-bottom: 1.25rem; }
  .search__top .switcher {
    align-items: flex-end; }
  .search__top .search-control input[type=search] {
    inline-size: 100%; }

.search__categories {
  list-style: none;
  justify-content: space-around;
  padding: 3rem;
  font-size: 1.3rem;
  font-weight: 600; }
  .search__categories > li {
    display: block; }
    .search__categories > li a {
      display: block;
      text-decoration: none;
      opacity: .5;
      padding: 1rem; }
      .search__categories > li a:hover {
        opacity: 1; }
    .search__categories > li .active {
      opacity: 1;
      border-bottom: 4px solid currentColor; }

.search__results {
  padding-block-end: 3rem;
  list-style: none; }

.search-result {
  padding: 2rem;
  border-bottom: 1px solid currentColor; }
  .search-result .search-result__type {
    display: inline-block;
    position: relative;
    font-weight: 700;
    text-transform: uppercase; }
    .search-result .search-result__type:before {
      content: " "; }
  .search-result .search-result__title {
    font-weight: 300;
    text-decoration: underline;
    margin-bottom: .5rem; }
  .search-result .search-result__description a {
    font-weight: 700; }

.search-result--product .search-result__type:before {
  content: " ";
  display: inline-block;
  width: .75em;
  height: .75em;
  background-color: currentColor;
  margin-left: -1.5em;
  margin-right: .75em; }

.search-no-results {
  padding-top: 1rem;
  padding-bottom: 1rem;
  grid-column: 1/-1; }

@media (min-width: 45rem) {
  .search-control {
    flex-wrap: nowrap; }
    .search-control [data-visual-heading-level='5'] {
      inline-size: auto; }
    .search-control input[type=text], .search-control input[type=search] {
      inline-size: 55%;
      margin-left: auto; } }

.search-term-required {
  display: block;
  margin-inline: -3rem;
  flex: 1 1 0;
  font-size: 1.3913125rem; }
  @media (min-width: 60rem) {
    .search-term-required {
      font-size: 1.739125rem; } }
.search-no-results {
  font-size: 1.3913125rem; }
  @media (min-width: 60rem) {
    .search-no-results {
      font-size: 1.739125rem; } }
input[type=search][value=""] + .search-clear {
  visibility: hidden; }

.global-search-control {
  position: relative;
  line-height: 1; }
  .global-search-control summary {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25rem;
    position: relative;
    z-index: 1;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.93331 1.59998C3.99411 1.59998 1.59998 3.99411 1.59998 6.93331C1.59998 9.87251 3.99411 12.2666 6.93331 12.2666C8.21145 12.2666 9.38525 11.8128 10.3052 11.0594L13.4896 14.2437C13.5387 14.2949 13.5976 14.3358 13.6627 14.3639C13.7278 14.3921 13.7979 14.407 13.8689 14.4077C13.9398 14.4084 14.0102 14.395 14.0759 14.3681C14.1416 14.3413 14.2013 14.3017 14.2515 14.2515C14.3017 14.2013 14.3413 14.1416 14.3681 14.0759C14.395 14.0102 14.4084 13.9398 14.4077 13.8689C14.407 13.7979 14.3921 13.7278 14.3639 13.6627C14.3358 13.5976 14.2949 13.5387 14.2437 13.4896L11.0594 10.3052C11.8128 9.38525 12.2666 8.21145 12.2666 6.93331C12.2666 3.99411 9.87251 1.59998 6.93331 1.59998ZM6.93331 2.66664C9.29604 2.66664 11.2 4.57058 11.2 6.93331C11.2 9.29604 9.29604 11.2 6.93331 11.2C4.57058 11.2 2.66664 9.29604 2.66664 6.93331C2.66664 4.57058 4.57058 2.66664 6.93331 2.66664Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; }
  .global-search-control .global-search-box {
    position: absolute;
    right: -0.25rem;
    top: -0.4375rem;
    background: #fff; }
    .global-search-control .global-search-box form {
      display: flex;
      white-space: nowrap; }
    .global-search-control .global-search-box input[type="search"] {
      inline-size: 30ch;
      border: 1px solid #a7a9ac;
      padding: 0.5rem; }
    .global-search-control .global-search-box input[type="search" i]::-webkit-search-cancel-button {
      appearance: none; }
    .global-search-control .global-search-box .search-clear {
      bottom: 0;
      right: 0;
      border-bottom: none;
      z-index: 3; }
    .global-search-control .global-search-box button[type=submit]:disabled {
      cursor: not-allowed;
      opacity: .7; }

.mobile-search-box {
  margin: 1.5rem auto;
  max-width: 24rem; }
  .mobile-search-box input[type="search"] {
    width: 100%;
    padding-block: 0.75rem !important;
    padding-inline: 1rem 2.5rem !important;
    border: 1px solid var(--color-border-grey, #E5EAF1) !important;
    border-radius: 0.25rem !important;
    background-position-x: right 0.5rem;
    background-position-x: calc(100% - 0.5rem);
    background-position-y: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.93331 1.59998C3.99411 1.59998 1.59998 3.99411 1.59998 6.93331C1.59998 9.87251 3.99411 12.2666 6.93331 12.2666C8.21145 12.2666 9.38525 11.8128 10.3052 11.0594L13.4896 14.2437C13.5387 14.2949 13.5976 14.3358 13.6627 14.3639C13.7278 14.3921 13.7979 14.407 13.8689 14.4077C13.9398 14.4084 14.0102 14.395 14.0759 14.3681C14.1416 14.3413 14.2013 14.3017 14.2515 14.2515C14.3017 14.2013 14.3413 14.1416 14.3681 14.0759C14.395 14.0102 14.4084 13.9398 14.4077 13.8689C14.407 13.7979 14.3921 13.7278 14.3639 13.6627C14.3358 13.5976 14.2949 13.5387 14.2437 13.4896L11.0594 10.3052C11.8128 9.38525 12.2666 8.21145 12.2666 6.93331C12.2666 3.99411 9.87251 1.59998 6.93331 1.59998ZM6.93331 2.66664C9.29604 2.66664 11.2 4.57058 11.2 6.93331C11.2 9.29604 9.29604 11.2 6.93331 11.2C4.57058 11.2 2.66664 9.29604 2.66664 6.93331C2.66664 4.57058 4.57058 2.66664 6.93331 2.66664Z' fill='%23FF4500'/%3E%3C/svg%3E"); }

#landing-search-filters {
  padding-block: 1.5rem;
  gap: 1.5rem; }
  #landing-search-filters.filters {
    flex-direction: row; }

.filters {
  padding: 0;
  max-width: 55rem;
  margin: 0 auto; }
  .filters select {
    display: block;
    inline-size: 100%;
    margin: 1rem 0;
    color: #000; }

.filter-extensions {
  align-items: center;
  justify-content: center;
  padding-block-end: 1.5rem; }
  .filter-extensions .filter-results-summary {
    align-items: center;
    justify-content: flex-start;
    width: 100%; }
    .filter-extensions .filter-results-summary button {
      cursor: pointer;
      background-color: #fff;
      border: 1px solid #a7a9ac;
      padding: .25em .75em; }
  .filter-extensions .selected-filters {
    list-style: none;
    align-items: center;
    justify-content: flex-start;
    width: 100%; }
    .filter-extensions .selected-filters > li {
      display: block;
      background-color: #fff;
      border: 1px solid #a7a9ac;
      padding-inline-start: .75em;
      white-space: nowrap;
      border-radius: 0.25rem; }
      .filter-extensions .selected-filters > li button {
        cursor: pointer;
        margin-inline-start: .75em;
        padding: .25em .75em;
        background-color: #fff;
        border-color: #a7a9ac;
        border-width: 0;
        border-inline-start-width: 1px;
        border-radius: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        color: #FF4500; }

@media (min-width: 45rem) {
  .filters {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: auto; }
    .filters select {
      margin: 1rem; }
  .filter-extensions .filter-results-summary,
  .filter-extensions .selected-filters {
    width: auto;
    justify-content: center; } }

.pagination {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 4rem 0 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem; }
  .pagination .page-item {
    position: relative;
    width: 2.5rem;
    height: 2.5rem; }
    .pagination .page-item a {
      width: 100%;
      height: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
      text-decoration: none;
      color: var(--color-text-grey, #6D7280);
      background-color: transparent; }
      .pagination .page-item a:hover, .pagination .page-item a:active {
        color: var(--color-black, #000); }
      .pagination .page-item a[aria-label="First"] span, .pagination .page-item a[aria-label="Previous"] span, .pagination .page-item a[aria-label="Next"] span, .pagination .page-item a[aria-label="Last"] span {
        display: none; }
      .pagination .page-item a[aria-label="First"]:before, .pagination .page-item a[aria-label="First"]:after {
        display: block;
        content: "";
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='3' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.4999 14.9828C16.4999 15.3504 16.1287 15.6003 15.7887 15.4607L8.88588 12.6451C8.65248 12.5496 8.49994 12.3217 8.49994 12.0699C8.49994 11.8218 8.6488 11.5976 8.87669 11.4983L15.7648 8.54312C16.1122 8.39426 16.4999 8.64971 16.4999 9.0283C16.4999 9.24149 16.3731 9.43262 16.1765 9.51533L10.0786 12.0754L16.1746 14.5031C16.3713 14.5822 16.4999 14.7715 16.4999 14.9828Z' fill='%23FF4500'/%3E%3C/svg%3E"); }
      .pagination .page-item a[aria-label="First"][aria-disabled="true"]:before, .pagination .page-item a[aria-label="First"][aria-disabled="true"]:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='3' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.4999 14.9828C16.4999 15.3504 16.1287 15.6003 15.7887 15.4607L8.88588 12.6451C8.65248 12.5496 8.49994 12.3217 8.49994 12.0699C8.49994 11.8218 8.6488 11.5976 8.87669 11.4983L15.7648 8.54312C16.1122 8.39426 16.4999 8.64971 16.4999 9.0283C16.4999 9.24149 16.3731 9.43262 16.1765 9.51533L10.0786 12.0754L16.1746 14.5031C16.3713 14.5822 16.4999 14.7715 16.4999 14.9828Z' fill='%236D7280'/%3E%3C/svg%3E"); }
      .pagination .page-item a[aria-label="First"]:before {
        top: 50%;
        left: 50%;
        transform: translateX(calc(-50% - 5px)) translateY(-50%); }
      .pagination .page-item a[aria-label="First"]:after {
        top: 50%;
        left: 50%;
        transform: translateX(calc(-50% + 5px)) translateY(-50%); }
      .pagination .page-item a[aria-label="Previous"] {
        color: var(--color-navex-orange, #FF4500); }
        .pagination .page-item a[aria-label="Previous"][aria-disabled="true"] {
          color: var(--color-text-grey, #6D7280); }
      .pagination .page-item a[aria-label="Next"] {
        color: var(--color-navex-orange, #FF4500); }
        .pagination .page-item a[aria-label="Next"][aria-disabled="true"] {
          color: var(--color-text-grey, #6D7280); }
    .pagination .page-item.active a {
      color: #FF4500; }
    .pagination .page-item.disabled {
      color: #6D7280; }
      .pagination .page-item.disabled a {
        cursor: not-allowed; }
    .pagination .page-item span.ellipsis {
      width: 100%;
      height: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
      text-decoration: none;
      color: var(--color-text-grey, #6D7280);
      background-color: transparent; }

form.mktoForm {
  font-family: var(--font-family, "Barlow", sans-serif) !important;
  font-size: 1rem;
  color: inherit;
  width: 100% !important;
  font-weight: 500; }
  form.mktoForm .hidden {
    display: none !important; }
  form.mktoForm .mktoOffset,
  form.mktoForm .mktoGutter {
    display: none; }
  form.mktoForm .mktoFormCol,
  form.mktoForm .mktoFieldWrap,
  form.mktoForm .mktoLabel,
  form.mktoForm .mktoField {
    float: none; }
  form.mktoForm .mktoFormRow {
    clear: none; }
  form.mktoForm .mktoFormCol {
    min-height: 0;
    margin-bottom: 0 !important; }
  form.mktoForm .mktoField,
  form.mktoForm .mktoHasWidth {
    width: 100% !important; }
  form.mktoForm .mktoField {
    margin-bottom: 1rem !important; }
    @media (min-width: 60rem) {
      form.mktoForm .mktoField {
        margin-bottom: 1.5rem !important; } }
  form.mktoForm .mktoLabel {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280);
    display: flex;
    font-weight: 400;
    color: var(--color-text-grey, #6D7280);
    padding-top: 0;
    max-height: 1.5rem; }
  form.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 400; }
  form.mktoForm .mktoRequiredField .mktoAsterix {
    display: inline;
    float: none;
    color: var(--color-navex-oranage, #FF4500);
    height: 1.5rem;
    order: 3;
    padding-left: 1px; }
  form.mktoForm .mktoFormRow.full {
    flex-basis: 100% !important; }
  form.mktoForm .mktoButtonRow {
    margin-top: 0.5rem;
    width: 100%; }
  form.mktoForm .mktoCheckboxList {
    margin-block-end: 1rem;
    position: relative;
    padding: 0; }
    @media (min-width: 60rem) {
      form.mktoForm .mktoCheckboxList {
        margin-block-end: 1.5rem; } }
  form.mktoForm .mktoButtonWrap {
    margin: 0 !important; }
  form.mktoForm .mktoField:focus,
  form.mktoForm .mktoButton:focus,
  form.mktoForm input[type="radio"].mktoField:focus + label::before,
  form.mktoForm input[type="checkbox"].mktoField:focus + label::before {
    outline-width: 5px;
    outline-style: auto;
    outline-color: blue;
    outline-color: Highlight;
    outline-color: -webkit-focus-ring-color; }
  form.mktoForm .mktoField[type="radio"],
  form.mktoForm .mktoField[type="checkbox"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%); }
  form.mktoForm input[type="radio"].mktoField + label,
  form.mktoForm input[type="checkbox"].mktoField + label {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280);
    margin-left: 1.75rem;
    margin-bottom: 0;
    font-size: 0.9rem; }
  form.mktoForm input[type="radio"].mktoField + label::before,
  form.mktoForm input[type="checkbox"].mktoField + label::before {
    block-size: 1.25rem;
    inline-size: 1.25rem;
    inset-block-start: 0;
    inset-inline-start: 0;
    margin-inline-start: 0;
    font-size: 1rem;
    padding: 0.125rem;
    border-color: #a7a9ac;
    border-radius: 0;
    box-shadow: none; }

input::placeholder {
  color: #6D728080; }

input[type="text"], form.mktoForm input[type="text"].mktoField, form.mktoForm input[type="text"],
input[type="url"], form.mktoForm input[type="url"].mktoField, form.mktoForm input[type="url"],
input[type="email"], form.mktoForm input[type="email"].mktoField, form.mktoForm input[type="email"],
input[type="tel"], form.mktoForm input[type="tel"].mktoField, form.mktoForm input[type="tel"],
input[type="search"], form.mktoForm input[type="search"].mktoField, form.mktoForm input[type="search"],
select, form.mktoForm select.mktoField, form.mktoForm select,
textarea, form.mktoForm textarea.mktoField, form.mktoForm textarea,
.form-continue, form.mktoForm .form-continue.mktoField, form.mktoForm .form-continue {
  -webkit-appearance: none;
  min-height: 0;
  height: auto !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #a7a9ac;
  border-radius: 0.25rem;
  box-shadow: none; }

button[type="submit"], form.mktoForm button[type="submit"].mktoField, form.mktoForm button[type="submit"],
input[type="submit"], form.mktoForm input[type="submit"].mktoField, form.mktoForm input[type="submit"] {
  padding: 1rem 1.5rem;
  border-radius: 0.25rem; }

select, select.mktoField, form.mktoForm select.mktoField {
  color: #6D728080;
  padding-right: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.83432 2C9.20188 2 9.45183 2.37124 9.31215 2.71123L6.49662 9.61406C6.40106 9.84746 6.17317 10 5.92139 10C5.67328 10 5.44907 9.85114 5.34983 9.62325L2.39462 2.73513C2.24576 2.38778 2.50122 2 2.87981 2C3.09299 2 3.28412 2.12681 3.36683 2.32346L5.9269 8.42132L8.35465 2.32529C8.43368 2.12865 8.62297 2 8.83432 2Z' fill='%23FF4500'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat; }

form.mktoForm select.mktoValid {
  color: #000; }

@media (min-width: 60rem) {
  form.mktoForm[data-attr-layout="two-column"] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1.5rem; }
    form.mktoForm[data-attr-layout="two-column"] .mktoFormRow {
      flex-basis: calc(50% - 0.75rem);
      flex-grow: 1; } }

form.mktoForm.form--compact label.mktoLabel,
form.mktoForm[data-attr-size="compact"] label.mktoLabel,
.mktoModalMain form:not(.form--default).mktoForm label.mktoLabel {
  display: none; }

form.mktoForm.form--compact .mktoField,
form.mktoForm[data-attr-size="compact"] .mktoField,
.mktoModalMain form:not(.form--default).mktoForm .mktoField {
  margin-bottom: 0.75rem !important; }

form.mktoForm.form--compact input[type="text"], form.mktoForm.form--compact input[type="text"].mktoField,
form.mktoForm.form--compact input[type="url"],
form.mktoForm.form--compact input[type="url"].mktoField,
form.mktoForm.form--compact input[type="email"],
form.mktoForm.form--compact input[type="email"].mktoField,
form.mktoForm.form--compact input[type="tel"],
form.mktoForm.form--compact input[type="tel"].mktoField,
form.mktoForm.form--compact input[type="search"],
form.mktoForm.form--compact input[type="search"].mktoField,
form.mktoForm.form--compact select,
form.mktoForm.form--compact select.mktoField,
form.mktoForm.form--compact textarea,
form.mktoForm.form--compact textarea.mktoField,
form.mktoForm[data-attr-size="compact"] input[type="text"],
form.mktoForm[data-attr-size="compact"] input[type="text"].mktoField,
form.mktoForm[data-attr-size="compact"] input[type="url"],
form.mktoForm[data-attr-size="compact"] input[type="url"].mktoField,
form.mktoForm[data-attr-size="compact"] input[type="email"],
form.mktoForm[data-attr-size="compact"] input[type="email"].mktoField,
form.mktoForm[data-attr-size="compact"] input[type="tel"],
form.mktoForm[data-attr-size="compact"] input[type="tel"].mktoField,
form.mktoForm[data-attr-size="compact"] input[type="search"],
form.mktoForm[data-attr-size="compact"] input[type="search"].mktoField,
form.mktoForm[data-attr-size="compact"] select,
form.mktoForm[data-attr-size="compact"] select.mktoField,
form.mktoForm[data-attr-size="compact"] textarea,
form.mktoForm[data-attr-size="compact"] textarea.mktoField,
.mktoModalMain form:not(.form--default).mktoForm input[type="text"],
.mktoModalMain form:not(.form--default).mktoForm input[type="text"].mktoField,
.mktoModalMain form:not(.form--default).mktoForm input[type="url"],
.mktoModalMain form:not(.form--default).mktoForm input[type="url"].mktoField,
.mktoModalMain form:not(.form--default).mktoForm input[type="email"],
.mktoModalMain form:not(.form--default).mktoForm input[type="email"].mktoField,
.mktoModalMain form:not(.form--default).mktoForm input[type="tel"],
.mktoModalMain form:not(.form--default).mktoForm input[type="tel"].mktoField,
.mktoModalMain form:not(.form--default).mktoForm input[type="search"],
.mktoModalMain form:not(.form--default).mktoForm input[type="search"].mktoField,
.mktoModalMain form:not(.form--default).mktoForm select,
.mktoModalMain form:not(.form--default).mktoForm select.mktoField,
.mktoModalMain form:not(.form--default).mktoForm textarea,
.mktoModalMain form:not(.form--default).mktoForm textarea.mktoField {
  padding-block: 0.5rem; }

form.mktoForm.form--compact .mktoCheckboxList,
form.mktoForm[data-attr-size="compact"] .mktoCheckboxList,
.mktoModalMain form:not(.form--default).mktoForm .mktoCheckboxList {
  margin-block-start: 0;
  margin-block-end: 0.75rem; }

form.mktoForm.form--compact select.mktoField,
form.mktoForm.form--compact input::placeholder,
form.mktoForm[data-attr-size="compact"] select.mktoField,
form.mktoForm[data-attr-size="compact"] input::placeholder,
.mktoModalMain form:not(.form--default).mktoForm select.mktoField,
.mktoModalMain form:not(.form--default).mktoForm input::placeholder {
  color: var(--color-text-grey); }

form.mktoForm.form--compact select.mktoField.mktoValid,
form.mktoForm[data-attr-size="compact"] select.mktoField.mktoValid,
.mktoModalMain form:not(.form--default).mktoForm select.mktoField.mktoValid {
  color: #000; }

.file-card {
  padding: 1rem;
  box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease; }
  .file-card:focus-within, .file-card:hover {
    box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); }
  .file-card h5 {
    color: #000; }
  .file-card small {
    margin: .5rem 0; }

.grid-files {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .grid-files > li, .grid-files > div {
    width: 20%;
    min-width: 30ch;
    margin: 1rem; }

.address__label {
  font-weight: bold; }

.address__entry, .address dd {
  margin-bottom: 1rem; }

/* Feel free to mess around with these constants */
.device-frame {
  position: relative;
  display: inline-flex;
  margin: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 0 0.85rem #222, 0 0 0 0.9rem #999, 0 0 0 1rem #333, -1rem 1rem 1.5rem 0.5rem rgba(0, 0, 0, 0.6);
  background-color: #222; }
  .device-frame::before, .device-frame::after {
    content: '';
    position: absolute;
    inset-block-end: calc(100% + 1rem);
    inset-inline-end: 0.5rem;
    inline-size: 1.25rem;
    block-size: 0.15rem;
    background-color: #444;
    border-radius: 0.1rem 0.1rem 0 0; }
  .device-frame::after {
    inset-inline-end: 2rem; }

.device-frame > * {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: white;
  border-radius: 0.5rem; }

.navex-tabbed [role="tablist"] {
  padding: 0; }

.navex-tabbed [role="tablist"] li, .navex-tabbed [role="tablist"] a {
  display: inline-block; }

.navex-tabbed [role="tablist"] a {
  text-decoration: none;
  opacity: .7;
  padding: 0.5rem 2em;
  border-bottom: 4px solid transparent; }

.navex-tabbed [role="tablist"] [aria-selected] {
  outline-width: 5px;
  outline-style: auto;
  outline-color: blue;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color;
  border-color: #3b6c6b;
  opacity: 1; }

.navex-tabbed [role="tabpanel"] * + * {
  margin-top: 0.75rem; }

.navex-tabbed *:focus:focus {
  outline-width: 5px;
  outline-style: auto;
  outline-color: blue;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color; }

@media (max-width: 59.9375rem) {
  .navex-tabbed [role="tablist"] li, .navex-tabbed [role="tablist"] a {
    display: block;
    position: static; }
  .navex-tabbed [role="tablist"] a {
    border: 2px solid #222 !important; }
  .navex-tabbed [role="tablist"] li + li a {
    border-top: 0 !important; }
  .navex-tabbed [role="tablist"] [aria-selected] {
    position: static; }
  .navex-tabbed [role="tablist"] [aria-selected]::after {
    content: '\0020⬅'; }
  .navex-tabbed [role="tabpanel"] {
    border-top: 0; } }

.mktoModalMain {
  max-width: 100%; }
  .mktoModalMain .success-message {
    margin: 0 auto;
    text-align: center; }

.mktoModal .mktoModalContent {
  padding: 2rem !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: auto;
  max-width: 100%; }
  .mktoModal .mktoModalContent .form-title {
    font-family: 'Nunito','Helvetica Neue','Helvetica','Arial',sans-serif;
    font-size: 24px;
    font-size: 2.4 rem;
    line-height: 1.2;
    margin-bottom: 1rem; }
  .mktoModal .mktoModalContent .form-message {
    font-size: 1rem;
    margin-bottom: 1rem; }
  .mktoModal .mktoModalContent input {
    margin-bottom: .7rem !important; }
  .mktoModal .mktoModalContent .marketo-privacy-statement {
    margin-top: 1rem; }

.mktoModal .mktoModalClose {
  font-size: 1rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem !important;
  height: 1.8rem !important; }

.mktoModal .mktoButton {
  display: block !important; }

.mktoForm .form-side-content {
  padding-block-end: 2rem; }
  .mktoForm .form-side-content strong {
    white-space: nowrap;
    padding: 0; }

.mktoForm .form-side-content-microsite {
  padding-block-end: 2rem; }
  .mktoForm .form-side-content-microsite strong {
    white-space: nowrap;
    padding: 0; }

@media (min-width: 60rem) {
  .mktoModalMain {
    max-width: 850px; }
  .marketo-form--side-content {
    position: relative;
    padding-inline-start: 50%; }
    .marketo-form--side-content .form-side-content {
      position: absolute;
      top: -2rem;
      right: calc(50% + 2rem);
      bottom: -2rem;
      left: -2rem;
      padding: 2rem;
      background-color: #eeece9;
      color: #fff;
      font-size: 1.3rem;
      background-image: url(https://cdn.optimizely.com/img/5624231270/fc84ef25041947fdb806b74fd8a8ae9a.png);
      background-position: bottom center;
      background-size: cover; }
    .marketo-form--side-content .form-side-content-microsite {
      position: absolute;
      top: -2rem;
      right: calc(50% + 2rem);
      bottom: -2rem;
      left: -2rem;
      padding: 2rem;
      background-color: #eeece9;
      color: #fff;
      font-size: 1.5rem;
      font-weight: bold;
      background-image: url(https://cdn.navex.com/image/upload/v1659124098/NNVC%20Headshots/microsite-nnvc-form-side.png);
      background-position: bottom left;
      background-size: cover; } }

.mktoForm .mktoFormRow input[type=checkbox] + label:before {
  position: relative !important;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 5px; }

.mktoForm .mktoFormRow .mktoRequiredField input[type=checkbox] + label:before {
  margin-left: 10px; }

.mktoForm .mktoFormRow .mktoCheckboxList > label {
  line-height: 2em !important;
  margin-left: 0px !important; }

.marketo-privacy-statement {
  font-size: 0.75rem;
  margin-block-start: 1rem; }

.mktoCaptchaDisclaimer {
  display: none; }

.course-form__success {
  display: none; }

.microsite-register-link {
  border-width: 0; }

.mktoButtonRow[aria-hidden="true"],
.mktoFormRow[aria-hidden="true"],
.mktoButton[aria-hidden="true"] {
  display: none; }

.whistleb-signup {
  padding-block: 3rem; }

.marketo-cta-modal {
  margin-block-start: calc(var(--flow-space, 1rem) * 2); }
  .marketo-cta-modal .action-link {
    margin-block-start: 0; }

/* hide marketo form data */
.marketo-cta-modal-content,
section[type='marketo-form-button'] {
  display: none; }

.breadcrumbs {
  padding-block: 1rem;
  font-size: 0.875rem; }

.breadcrumbs__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em; }

.breadcrumbs__item {
  margin-inline-end: 0.5em; }
  .breadcrumbs__item + .breadcrumbs__item::before {
    content: '/';
    margin-inline-end: 0.5em;
    opacity: 0.25; }

.breadcrumbs__link {
  text-decoration: none; }

.breadcrumbs__link[aria-current="location"] {
  opacity: 0.75;
  color: #000;
  text-decoration: underline; }
  .breadcrumbs.fg--gray .breadcrumbs__link[aria-current="location"], .breadcrumbs.fg--black .breadcrumbs__link[aria-current="location"] {
    color: #3b6c6b;
    opacity: 1; }

.breadcrumbs--articles {
  color: var(--color-black, #000);
  padding-block: 2rem 0; }
  .breadcrumbs--articles .breadcrumbs__items {
    align-items: center;
    gap: 1rem; }
    @media (min-width: 45rem) {
      .breadcrumbs--articles .breadcrumbs__items li:nth-child(2) {
        border-left: 2px solid currentColor;
        padding-left: 1rem; } }
  .breadcrumbs--articles .breadcrumbs__item {
    margin-right: 0; }
  .breadcrumbs--articles .breadcrumbs__item + .breadcrumbs__item::before {
    display: none; }

.article-breadcrumb-link {
  padding: 0.25rem 0.75rem;
  border-radius: 2rem; }

.modal {
  border-radius: 0.375rem;
  border: 2px solid var(--color-border-grey);
  padding: 1.5rem;
  margin: 2.5rem 1.5rem;
  max-width: 25rem;
  box-shadow: var(--drop-shadow, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.04));
  overscroll-behavior: contain; }
  @media (min-width: 45rem) {
    .modal {
      max-width: 60rem; } }
  @media (min-width: 60rem) {
    .modal {
      padding: 2.5rem;
      margin: auto; } }
.modal__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: var(--color-white); }
  @media (min-width: 45rem) {
    .modal__close {
      color: var(--color-black); } }
body.modal-open {
  overflow-y: scroll;
  position: fixed;
  width: 100%; }

.navex-next-white {
  background-color: #fff;
  color: #2f79af; }

.navex-next-lightblue {
  background-color: #2f79af;
  color: #fff; }
  .navex-next-lightblue .action-link.marketo-form-button {
    background-color: #FF4500;
    border: 0;
    font-size: 1.260875rem;
    line-height: 1.4137931;
    padding: 0.5em 1.5em; }

.nav-primary--microsite .nav-primary__items {
  justify-content: flex-start; }
  @media (min-width: 60rem) {
    .nav-primary--microsite .nav-primary__items {
      justify-content: flex-end; } }
.nav-primary--microsite .nav-primary__item {
  font-size: 1rem; }
  .nav-primary--microsite .nav-primary__item:last-child {
    padding-inline: 1rem; }
    @media (min-width: 60rem) {
      .nav-primary--microsite .nav-primary__item:last-child {
        padding-inline: 1.5rem 0; } }
.nav-primary--microsite .nav__panel {
  width: 100%;
  left: auto;
  margin-inline: 0; }
  @media (min-width: 60rem) {
    .nav-primary--microsite .nav__panel {
      overflow: visible;
      width: auto; } }
.nav-primary--microsite .nav__panel-inner {
  min-height: auto; }

.nav-primary--microsite .nav__panel-list {
  width: 100%;
  margin-right: 0;
  border-inline: 1px solid var(--border-color, #E5EAF1); }
  @media (min-width: 60rem) {
    .nav-primary--microsite .nav__panel-list {
      width: auto; } }
  .nav-primary--microsite .nav__panel-list a {
    display: inline-block;
    padding: 0.75rem 1rem; }

/*
<carousel>
  <info>
    <title>
    <description>
  <actions>
  <track|grid>
  <nav>
*/
.carousel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end; }
  @media (min-width: 45rem) {
    .carousel {
      gap: 3.75rem; } }
@media (min-width: 45rem) {
  .carousel__info {
    max-width: 70%; } }

.carousel__link {
  flex-grow: 1;
  order: 5; }
  @media (min-width: 45rem) {
    .carousel__link {
      flex-grow: 0;
      order: initial; } }
[aria-label="carousel"] {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);
  scroll-behavior: smooth;
  padding-block: 2rem;
  margin-block: -2rem;
  /* hides h-scroll */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  [aria-label="carousel"]::-webkit-scrollbar {
    display: none; }
  @media (max-width: 44.9375rem) {
    [aria-label="carousel"] {
      margin-inline-end: calc(-1 * var(--site-gutter, 1.5rem));
      padding-inline-end: var(--site-gutter, 1.5rem); } }
[aria-label="carousel"] ul {
  display: flex;
  justify-content: center; }

.carousel__track {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);
  scroll-behavior: smooth;
  padding-block: 2rem;
  margin-block: -2rem;
  /* hides h-scroll */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%; }
  .carousel__track::-webkit-scrollbar {
    display: none; }
  @media (max-width: 44.9375rem) {
    .carousel__track {
      margin-inline-end: calc(-1 * var(--site-gutter, 1.5rem));
      padding-inline-end: var(--site-gutter, 1.5rem); } }
  @media (max-width: 44.9375rem) {
    .carousel__track {
      padding-block: 5.75rem; } }
.carousel__grid {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);
  scroll-behavior: smooth;
  padding-block: 2rem;
  margin-block: -2rem;
  /* hides h-scroll */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%; }
  .carousel__grid::-webkit-scrollbar {
    display: none; }
  @media (max-width: 44.9375rem) {
    .carousel__grid {
      margin-inline-end: calc(-1 * var(--site-gutter, 1.5rem));
      padding-inline-end: var(--site-gutter, 1.5rem); } }
  @media (max-width: 44.9375rem) {
    .carousel__grid {
      padding-block: 5.75rem; } }
@media (min-width: 60rem) {
  [aria-label="carousel"] ul {
    justify-content: flex-start;
    flex-wrap: nowrap; }
  [aria-label="carousel"] ul.large {
    justify-content: center;
    flex-wrap: wrap; } }

[aria-label="carousel"] li {
  list-style: none;
  flex: 0 0 auto; }

.carousel__nav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 0.75rem;
  margin: 0 auto; }
  .carousel__nav.hidden {
    display: none; }

.carousel__indicator {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  position: relative;
  width: 2rem;
  height: 1.25rem;
  margin-block: -0.5rem;
  padding-inline: 0;
  cursor: pointer; }
  .carousel__indicator:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 0.25rem;
    background: var(--color-border-grey, #E5EAF1);
    border: 0;
    border-radius: 6rem; }
  .carousel__indicator.active-dot {
    cursor: default; }
    .carousel__indicator.active-dot:after {
      background: var(--color-black, #000); }

[aria-label="carousel controls"] {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-block-start: 1.5rem;
  gap: 1rem; }
  @media (min-width: 45rem) {
    [aria-label="carousel controls"] {
      margin-block-start: 0; } }
[aria-label="carousel controls"] li {
  display: flex;
  list-style: none; }

[aria-label="carousel controls"] button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  color: var(--color-black, #000);
  border-radius: 50%; }
  [aria-label="carousel controls"] button:hover, [aria-label="carousel controls"] button:active {
    color: var(--color-navex-orange, #FF4500); }

[aria-label="carousel controls"] button svg {
  width: 2.5rem;
  height: 2.5rem; }

[aria-label="carousel controls"] button:focus-visible {
  outline-width: 5px;
  outline-style: auto;
  outline-color: blue;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color; }

.content-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius, 0.75rem);
  border: 1px solid var(--color-border-grey, #E5EAF1);
  background: var(--color-white, #FFFFFF);
  box-shadow: var(--drop-shadow, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.04));
  padding: 1.5rem;
  max-width: 30rem;
  width: 100%;
  margin-inline: auto; }
  .content-card a {
    text-decoration: none; }
  @media (min-width: 45rem) {
    .content-card {
      max-width: 37.5rem;
      margin-inline: unset; } }
  .content-card--bounce {
    transition: .3s all; }
    .content-card--bounce:hover, .content-card--bounce:active {
      transform: translateY(-1.5rem); }
      .content-card--bounce:hover:after, .content-card--bounce:active:after {
        height: 1.5rem; }
  .content-card__content {
    display: flex;
    flex-direction: column;
    max-width: 100%; }
  .content-card__banner-image {
    margin: -1.5rem;
    margin-bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: calc(var(--border-radius, 0.75rem) * 0.9);
    border-top-right-radius: calc(var(--border-radius, 0.75rem) * 0.9);
    overflow: hidden; }
    .content-card__banner-image figure img {
      object-position: top; }
  .content-card__badge {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem; }
  .content-card__badges {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem; }
  .content-card__supertitle {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280);
    margin-bottom: -1rem; }
  .content-card__title {
    font-weight: 400; }
  .content-card__text {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280); }
  .content-card .wiggle-link {
    margin-top: auto; }

@media (min-width: 45rem) {
  .content-card--horizontal {
    flex-direction: row; }
    .content-card--horizontal .content-card__banner-image {
      margin-bottom: -1.5rem;
      margin-right: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: calc(var(--border-radius, 0.75rem) * 0.9);
      flex-shrink: 0;
      width: 33%; }
      .content-card--horizontal .content-card__banner-image figure {
        height: 100%; }
    .content-card--horizontal .content-card__content {
      width: 67%; }
    .content-card--horizontal .content-card__title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .content-card--horizontal .content-card__text {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; } }

@media (max-width: 44.9375rem) {
  .content-card--horizontal .content-card__badge {
    position: static;
    align-self: flex-start;
    background-color: var(--color-text-grey, #6D7280);
    color: var(--color-white, #fff);
    border: none; } }

.content-card__icon {
  color: var(--card-accent-color, inherit); }

.article__body {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  position: relative;
  padding-block: 1.5rem 2.5rem; }
  @media (min-width: 60rem) {
    .article__body {
      font-size: 1.25rem; } }
  @media (min-width: 60rem) {
    .article__body {
      padding-block: 2.75rem 3.75rem; } }
  .article__body:after {
    content: "";
    clear: both;
    display: table; }
  .article__body blockquote {
    font-size: 1.125rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280); }
    @media (min-width: 60rem) {
      .article__body blockquote {
        font-size: 1.25rem; } }
  .article__body ul {
    list-style: disc;
    margin-left: 1.5em; }
    .article__body ul li {
      padding-left: 0; }
      .article__body ul li:before {
        display: none; }
  .article__body h3[id], .article__body h2[id] {
    scroll-margin-top: 100px; }

.articles__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.75rem;
  margin-bottom: 3.75rem; }

.articles {
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  @media (min-width: 45rem) {
    .articles {
      flex-direction: row; }
      .author .articles, .topic .articles {
        padding-block-start: 5.75rem; } }
  .articles .articles__results__grid {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-columns: unset; }
    @media (min-width: 45rem) {
      .articles .articles__results__grid {
        grid-template-columns: repeat(12, 1fr); } }
.articles__search {
  padding-top: 3.75rem; }
  .articles__search .search-control {
    justify-content: center;
    padding: 0; }
  .articles__search .search-portal {
    display: flex;
    flex: 1;
    justify-content: center; }
  .articles__search .search-input-group {
    max-width: 30rem; }
  .articles__search .search-input {
    margin: unset !important;
    inline-size: unset !important;
    width: unset !important;
    flex: 1; }
  .articles__search .search-submit {
    margin-bottom: 0 !important; }

.showcase {
  --border-radius: 0.375rem;
  padding-block: 2.5rem; }
  @media (min-width: 60rem) {
    .showcase {
      padding-block: 3.75rem 1.5rem; } }
  .showcase > .wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.5rem; }
    @media (min-width: 60rem) {
      .showcase > .wrapper {
        flex-direction: row;
        align-items: flex-end;
        gap: 3.75rem; } }
  .showcase .showcase__info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
  .showcase .showcase__description {
    font-size: 1.125rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280); }
    @media (min-width: 60rem) {
      .showcase .showcase__description {
        font-size: 1.25rem; } }
  .showcase .showcase__grid {
    grid-auto-flow: row;
    flex-grow: 1; }
    @media (min-width: 30rem) {
      .showcase .showcase__grid {
        grid-auto-flow: unset; } }
.badge {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  display: inline-block;
  margin: 0;
  border: 1px solid var(--color-border-grey);
  border-radius: 0.25rem;
  padding: 0.125rem 0.625rem;
  background-color: var(--color-white, #fff);
  color: var(--color-black, #000); }

.badge--caution {
  background-color: gold;
  border: none; }

.badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem; }
  .badges .badge {
    font-size: 0.75rem;
    padding: 0 2px;
    position: static;
    margin: 0; }

.author__hero {
  padding-top: 6.5rem;
  background-position: bottom 6.5rem center;
  background-color: white; }
  @media (max-width: 59.9375rem) {
    .author__hero {
      background-image: none; } }
.author__hero__switcher {
  flex-direction: column;
  align-items: flex-start;
  max-height: 15rem; }
  @media (min-width: 60rem) {
    .author__hero__switcher {
      flex-direction: row;
      align-items: stretch; } }
.author__image {
  flex-shrink: 0;
  flex-grow: 0; }
  .author__image figure {
    border-radius: var(--border-radius, 0.75rem);
    overflow: hidden; }
  @media (min-width: 60rem) {
    .author__image {
      align-self: center;
      flex-basis: 20%; } }
.author__info {
  display: flex;
  flex-direction: column; }
  .author__info .icon-link {
    display: inline-flex;
    padding: 0;
    color: var(--color-text-grey);
    text-decoration: none; }
    .author__info .icon-link:before {
      display: inline-flex;
      font-weight: 400;
      content: "|";
      padding-inline: 0.5em;
      text-decoration: none;
      color: var(--color-text-grey); }
    .author__info .icon-link:hover, .author__info .icon-link:active {
      color: var(--card-accent-color, --color-navex-orange); }

.author__name {
  margin-block: auto; }
  @media (min-width: 60rem) {
    .author__name {
      max-width: 45%; } }
.author__title {
  margin-top: 2rem;
  margin-bottom: 0.5rem; }

.author__bio {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }
  @media (min-width: 60rem) {
    .author__bio {
      font-size: 1.25rem; } }
.author__body {
  padding-block: 2.5rem; }
  @media (min-width: 60rem) {
    .author__body {
      padding-block: 3.75rem; } }
.author__results__title {
  margin-bottom: 1.5rem; }

.author__results__grid {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);
  scroll-behavior: smooth;
  padding-block: 2rem;
  margin-block: -2rem;
  /* hides h-scroll */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .author__results__grid::-webkit-scrollbar {
    display: none; }
  @media (max-width: 44.9375rem) {
    .author__results__grid {
      margin-inline-end: calc(-1 * var(--site-gutter, 1.5rem));
      padding-inline-end: var(--site-gutter, 1.5rem); } }
.inline-signup {
  padding: 0; }
  .showcase + .inline-signup {
    padding-bottom: 0.5rem;
    margin-top: -1rem; }
  .article .inline-signup {
    padding-top: 3rem; }

.inline-signup__bar {
  width: 100%; }
  .inline-signup__bar:not(.dismissed).sticky-bottom {
    position: fixed;
    bottom: 0;
    z-index: 3;
    max-width: none;
    border-top: 1px solid var(--color-border-grey); }
  .inline-signup__bar > .wrapper {
    display: flex;
    position: static;
    flex-direction: column;
    padding-block: 0.75rem;
    gap: 0.5rem;
    text-align: left;
    width: 100%; }
    @media (min-width: 45rem) {
      .inline-signup__bar > .wrapper {
        gap: 1rem;
        padding-block: 1rem;
        flex-direction: row;
        align-items: center; } }
    @media (min-width: 60rem) {
      .inline-signup__bar > .wrapper {
        gap: 2.5rem; } }
    .inline-signup__bar > .wrapper .marketo-privacy-statement {
      visibility: hidden;
      position: absolute;
      left: -999vw; }
  .inline-signup__bar .progress-bar {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0; }
    .inline-signup__bar .progress-bar .progress-bar__indicator {
      width: 0;
      height: 0.25rem;
      background-color: var(--color-black, #000); }

.inline-signup__info {
  flex-grow: 1;
  padding-right: 1.5rem; }
  @media (min-width: 45rem) {
    .inline-signup__info {
      padding-right: 0; } }
.inline-signup__text {
  font-size: 1rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }
  .inline-signup__text p:nth-of-type(2) {
    font-size: 0.7rem; }

.inline-signup__form .form_title {
  display: none; }

.inline-signup__form form {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.5rem; }
  @media (min-width: 45rem) {
    .inline-signup__form form {
      padding-right: 1.5rem; } }
  @media (min-width: 80rem) {
    .inline-signup__form form {
      padding-right: 0; } }
  .inline-signup__form form label {
    visibility: hidden;
    position: absolute;
    left: -999vw; }
  .inline-signup__form form input#Email {
    min-width: 10rem !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 0.5rem; }
    @media (min-width: 45rem) {
      .inline-signup__form form input#Email {
        padding: 1rem;
        width: 15rem !important; } }
  .inline-signup__form form .mktoButtonRow .mktoButtonWrap .mktoButton {
    text-wrap: nowrap;
    padding: 1rem 1.5rem;
    box-shadow: none; }
    @media (max-width: 44.9375rem) {
      .inline-signup__form form .mktoButtonRow .mktoButtonWrap .mktoButton {
        padding: 0.5rem 0.75rem; } }
  .inline-signup__form form .mktoFormCol {
    margin-block: 0 !important; }
  .inline-signup__form form .mktoFormRow {
    flex-grow: 1; }
  .inline-signup__form form .mktoButtonRow {
    margin-block: 0 !important;
    width: auto; }

.inline-signup__form .marketo-privacy-statement {
  visibility: hidden;
  position: absolute;
  left: -999vw; }

.inline-signup__form.success form, .inline-signup__form.success .marketo-privacy-statement {
  display: none; }

.inline-signup__form.success .inline-signup__success {
  display: block; }

.inline-signup__success {
  display: none; }

.inline-signup__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  position: absolute;
  top: 0.625rem;
  right: 1.25rem; }
  .inline-signup__close:hover, .inline-signup__close:active {
    color: var(--color-black, #000); }
  @media (min-width: 45rem) {
    .inline-signup__close {
      top: 50%;
      right: 0.75rem;
      transform: translateY(-50%); } }
body:has(.inline-signup__bar.sticky-bottom:not(.dismissed)) #q-messenger-frame {
  bottom: 90px !important; }

@keyframes open {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes close {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.form-modal-wrapper {
  display: inline-flex; }

.form-modal {
  position: relative;
  display: none;
  min-width: 50vw;
  max-width: Min(70rem, calc(100vw - 2rem));
  min-height: 6rem;
  border: none;
  border-radius: var(--border-radius, 0.75rem);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 0;
  overflow: visible;
  transition: display .5s allow-discrete, overlay .5s allow-discrete;
  animation: close .5s forwards; }
  .form-modal[open] {
    display: flex;
    animation: open .5s forwards; }
  .form-modal.successful .form-modal__switcher {
    display: none; }
  .form-modal.successful .form-modal__success {
    display: block; }
  .form-modal::backdrop {
    background: rgba(0, 0, 0, 0.2); }
  @media (min-width: 60rem) {
    .form-modal {
      max-width: Min(70rem, calc(100vw - 3rem)); } }
.form-modal__switcher {
  align-items: center;
  padding: 1.5rem;
  border-radius: var(--border-radius, 0.75rem); }
  @media (min-width: 60rem) {
    .form-modal__switcher {
      padding-inline: 2.5rem; } }
.form-modal__info {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  width: 100%;
  padding-block-end: 2.5rem; }
  @media (min-width: 60rem) {
    .form-modal__info {
      font-size: 1.25rem; } }
  @media (min-width: 60rem) {
    .form-modal__info {
      width: auto;
      padding-block: inherit; } }
.form-modal__form {
  border-radius: 0;
  position: relative;
  padding: 1.5rem;
  min-width: 20rem;
  background-color: var(--color-white, #fff);
  margin-block: -1.5rem;
  margin-inline: -1.5rem; }
  @media (min-width: 45rem) {
    .form-modal__form {
      margin-left: 0; } }
  @media (min-width: 60rem) {
    .form-modal__form {
      margin-block: 0;
      margin-right: 0; } }
  .form-modal__form .form_title {
    margin-bottom: 1.5rem; }
    @media (min-width: 60rem) {
      .form-modal__form .form_title {
        margin-bottom: 2rem; } }
  @media (min-width: 60rem) {
    .form-modal__form {
      display: flex;
      flex-direction: column;
      border-radius: var(--border-radius, 0.75rem);
      border: 1px solid var(--color-border-grey, #E5EAF1);
      background: var(--color-white, #FFFFFF);
      box-shadow: var(--drop-shadow, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.04));
      padding: 1.5rem;
      padding: 2.5rem;
      margin: 0; }
      .form-modal__form a {
        text-decoration: none; }
      .form-modal__form a {
        text-decoration: underline; } }
  .form-modal__form a {
    text-decoration: underline; }

.form-modal__success {
  display: none;
  word-wrap: break-word;
  padding: 1.5rem;
  align-self: center;
  max-width: 40rem; }
  .form-modal__success a {
    text-decoration: underline; }

.form-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  padding: 0;
  cursor: pointer; }
  .form-modal__close span {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400;
    transform: scaleX(1.1) translateY(-3px);
    text-transform: lowercase; }
  .form-modal__close:hover, .form-modal__close:active {
    background-color: var(--bg--secondary); }

.icon-heading {
  display: flex;
  flex-direction: row;
  align-items: center; }

.icon-heading__icon {
  inline-size: 4.1739375rem;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden; }
  .icon-heading__icon > img {
    display: block;
    transform: scale(120%) translateX(-15%); }

.icon-heading__text {
  font-size: 1rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  font-weight: 500;
  color: var(--heading-color, #000);
  word-break: break-word; }

.inline-image {
  margin-block: 1.5rem;
  margin-inline: 3rem;
  overflow: hidden;
  clear: both; }
  .inline-image img {
    border-radius: var(--border-radius, 0.75rem); }
  .inline-image figcaption {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280);
    padding: 0.25rem; }

@media (min-width: 60rem) {
  .inline-image--left {
    max-width: 50%;
    float: left;
    margin-left: 0; }
  .inline-image--right {
    max-width: 50%;
    float: right;
    margin-right: 0; } }

.inline-video {
  margin-block: 1.5rem;
  margin-inline: 3rem; }

@media (min-width: 60rem) {
  .inline-video--left {
    width: 50%;
    float: left;
    margin-left: 0; }
  .inline-video--right {
    width: 50%;
    float: right;
    margin-right: 0; } }

.agenda {
  padding: 2rem 4rem 0;
  overflow: visible;
  overflow-x: auto; }
  .agenda::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */ }

.agenda__timezone {
  font-size: 0.9rem;
  font-style: italic;
  padding: 0.75rem 0 1.5rem; }

.agenda__header {
  color: #000; }

.day-title {
  text-align: center;
  padding-bottom: 0.75rem;
  color: #000; }

.schedule {
  display: flex;
  flex-flow: row nowrap;
  margin-block-end: 2rem;
  margin-inline: auto;
  max-inline-size: 90rem; }
  @media (min-width: 80rem) {
    .schedule {
      padding-inline: 8rem; } }
  .schedule .schedule__tracks {
    grid-column: span 3; }
  .schedule .schedule__time-slots {
    display: none;
    grid-template-columns: 8rem;
    grid-auto-rows: 2rem; }
    .schedule .schedule__time-slots .time {
      padding: 0.25rem;
      outline: 4px solid #c7cde1;
      outline-offset: -2px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
  .schedule .schedule__sessions {
    width: 100%;
    display: block;
    grid-template-columns: [schedule-start] repeat(3, 1fr) [schedule-end];
    grid-auto-rows: 2rem; }

.session {
  position: relative;
  grid-row-end: span 3;
  grid-column-end: span 1;
  padding: 0.4rem;
  line-height: 1.3;
  outline: 4px solid #c7cde1;
  outline-offset: -2px;
  background-color: #fff;
  overflow: auto;
  transition: .25s box-shadow, outline, height ease-in-out;
  min-width: 20rem; }
  .session[aria-expanded="true"] {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    outline-color: #fff;
    overflow-y: auto;
    z-index: 1; }
    .session[aria-expanded="true"] .session__details {
      display: block; }
    .session[aria-expanded="true"] .session__toggle {
      background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8536 1.85356L10.7071 5.00001L13 5.00001V6.00001L9.00001 6.00001V2.00001H10V4.2929L13.1465 1.14645L13.8536 1.85356ZM2.00001 9.00001L6.00001 9.00001L6.00001 13H5.00001L5.00001 10.7071L1.85356 13.8536L1.14645 13.1465L4.2929 10L2.00001 10L2.00001 9.00001Z' fill='%23588682'/%3E%3C/svg%3E%0A"); }
  .session:not([aria-expanded="true"]):focus-within {
    outline-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    z-index: 1; }
  .session.keynote {
    grid-column-start: track-1;
    grid-column: span 3; }
    .session.keynote .badge {
      color: #fff;
      background-color: #ef700c; }
  .session.track-1 .badge {
    color: #fff;
    background-color: #004787; }
  .session.track-2 .badge {
    color: #fff;
    background-color: #3b6c6b; }
  .session.track-3 .badge {
    color: #fff;
    background-color: #470088; }
  .session.track-7 .badge {
    color: #fff;
    background-color: #054BC5; }
  .session.track-8 .badge {
    color: #fff;
    background-color: #D50580; }
  .session.no-track .badge {
    display: none; }
  .session.no-track .session__time {
    padding-left: 0; }
  .session.duration-15 .badge, .session.duration-15 .session__time, .session.duration-10 .badge, .session.duration-10 .session__time, .session.duration-5 .badge, .session.duration-5 .session__time {
    display: none; }
  .session .badge {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0 0.2rem 0.05rem;
    margin-top: 0.05rem;
    vertical-align: top;
    background-color: #eeece9; }
  .session .session__time {
    display: inline-block;
    font-size: 0.8rem;
    padding-left: 0.25rem;
    vertical-align: top; }
  .session .session__toggle {
    float: right;
    height: 1rem;
    width: 1rem;
    border-width: 0;
    outline-width: 0;
    vertical-align: top;
    background-size: cover;
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2929 2H10V1H14V5H13V2.70711L9.85355 5.85355L9.14645 5.14645L12.2929 2ZM5.85355 9.85355L2.70711 13H5V14H1V10H2V12.2929L5.14645 9.14645L5.85355 9.85355Z' fill='%23588682'/%3E%3C/svg%3E%0A");
    background-color: transparent; }
    .session .session__toggle:hover {
      cursor: pointer; }
  .session h4 {
    font-size: 1.1rem;
    color: #000; }
  .session .session__details {
    display: none;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.9rem;
    padding-block-start: 0.5rem;
    overflow: hidden; }

@media (min-width: 60rem) {
  .schedule .schedule__sessions {
    display: grid; }
  .schedule .session[aria-expanded="true"] {
    width: 100%;
    height: calc(100% + 12rem); }
    .schedule .session[aria-expanded="true"].keynote {
      width: auto;
      height: calc(100% + 6rem); }
    .schedule .session[aria-expanded="true"].track-2 {
      margin-left: -25%; }
    .schedule .session[aria-expanded="true"].track-3 {
      margin-left: -50%; } }

.duration-15 {
  grid-row-end: span 1; }

.duration-10 {
  grid-row-end: span 1; }

.duration-20 {
  grid-row-end: span 1; }

.duration-30 {
  grid-row-end: span 2; }

.duration-25 {
  grid-row-end: span 2; }

.duration-35 {
  grid-row-end: span 2; }

.duration-45 {
  grid-row-end: span 3; }

.duration-40 {
  grid-row-end: span 3; }

.duration-50 {
  grid-row-end: span 3; }

.duration-60 {
  grid-row-end: span 4; }

.duration-55 {
  grid-row-end: span 4; }

.duration-65 {
  grid-row-end: span 4; }

.duration-75 {
  grid-row-end: span 5; }

.duration-70 {
  grid-row-end: span 5; }

.duration-80 {
  grid-row-end: span 5; }

.duration-90 {
  grid-row-end: span 6; }

.duration-85 {
  grid-row-end: span 6; }

.duration-95 {
  grid-row-end: span 6; }

.duration-105 {
  grid-row-end: span 7; }

.duration-100 {
  grid-row-end: span 7; }

.duration-110 {
  grid-row-end: span 7; }

.duration-120 {
  grid-row-end: span 8; }

.duration-115 {
  grid-row-end: span 8; }

.duration-125 {
  grid-row-end: span 8; }

.duration-135 {
  grid-row-end: span 9; }

.duration-130 {
  grid-row-end: span 9; }

.duration-140 {
  grid-row-end: span 9; }

.duration-150 {
  grid-row-end: span 10; }

.duration-145 {
  grid-row-end: span 10; }

.duration-155 {
  grid-row-end: span 10; }

.duration-165 {
  grid-row-end: span 11; }

.duration-160 {
  grid-row-end: span 11; }

.duration-170 {
  grid-row-end: span 11; }

.duration-180 {
  grid-row-end: span 12; }

.duration-175 {
  grid-row-end: span 12; }

.duration-185 {
  grid-row-end: span 12; }

.no-track {
  grid-column: span 3; }

.start-0000 {
  grid-row-start: start-0000; }

.start-0015 {
  grid-row-start: start-0015; }

.start-0030 {
  grid-row-start: start-0030; }

.start-0045 {
  grid-row-start: start-0045; }

.start-0100 {
  grid-row-start: start-0100; }

.start-0115 {
  grid-row-start: start-0115; }

.start-0130 {
  grid-row-start: start-0130; }

.start-0145 {
  grid-row-start: start-0145; }

.start-0200 {
  grid-row-start: start-0200; }

.start-0215 {
  grid-row-start: start-0215; }

.start-0230 {
  grid-row-start: start-0230; }

.start-0245 {
  grid-row-start: start-0245; }

.start-0300 {
  grid-row-start: start-0300; }

.start-0315 {
  grid-row-start: start-0315; }

.start-0330 {
  grid-row-start: start-0330; }

.start-0345 {
  grid-row-start: start-0345; }

.start-0400 {
  grid-row-start: start-0400; }

.start-0415 {
  grid-row-start: start-0415; }

.start-0430 {
  grid-row-start: start-0430; }

.start-0445 {
  grid-row-start: start-0445; }

.start-0500 {
  grid-row-start: start-0500; }

.start-0515 {
  grid-row-start: start-0515; }

.start-0530 {
  grid-row-start: start-0530; }

.start-0545 {
  grid-row-start: start-0545; }

.start-0600 {
  grid-row-start: start-0600; }

.start-0615 {
  grid-row-start: start-0615; }

.start-0630 {
  grid-row-start: start-0630; }

.start-0645 {
  grid-row-start: start-0645; }

.start-0700 {
  grid-row-start: start-0700; }

.start-0715 {
  grid-row-start: start-0715; }

.start-0730 {
  grid-row-start: start-0730; }

.start-0745 {
  grid-row-start: start-0745; }

.start-0800 {
  grid-row-start: start-0800; }

.start-0815 {
  grid-row-start: start-0815; }

.start-0830 {
  grid-row-start: start-0830; }

.start-0845 {
  grid-row-start: start-0845; }

.start-0900 {
  grid-row-start: start-0900; }

.start-0915 {
  grid-row-start: start-0915; }

.start-0930 {
  grid-row-start: start-0930; }

.start-0945 {
  grid-row-start: start-0945; }

.start-1000 {
  grid-row-start: start-1000; }

.start-1015 {
  grid-row-start: start-1015; }

.start-1030 {
  grid-row-start: start-1030; }

.start-1045 {
  grid-row-start: start-1045; }

.start-1100 {
  grid-row-start: start-1100; }

.start-1115 {
  grid-row-start: start-1115; }

.start-1130 {
  grid-row-start: start-1130; }

.start-1145 {
  grid-row-start: start-1145; }

.start-1200 {
  grid-row-start: start-1200; }

.start-1215 {
  grid-row-start: start-1215; }

.start-1230 {
  grid-row-start: start-1230; }

.start-1245 {
  grid-row-start: start-1245; }

.start-1300 {
  grid-row-start: start-1300; }

.start-1315 {
  grid-row-start: start-1315; }

.start-1330 {
  grid-row-start: start-1330; }

.start-1345 {
  grid-row-start: start-1345; }

.start-1400 {
  grid-row-start: start-1400; }

.start-1415 {
  grid-row-start: start-1415; }

.start-1430 {
  grid-row-start: start-1430; }

.start-1445 {
  grid-row-start: start-1445; }

.start-1500 {
  grid-row-start: start-1500; }

.start-1515 {
  grid-row-start: start-1515; }

.start-1530 {
  grid-row-start: start-1530; }

.start-1545 {
  grid-row-start: start-1545; }

.start-1600 {
  grid-row-start: start-1600; }

.start-1615 {
  grid-row-start: start-1615; }

.start-1630 {
  grid-row-start: start-1630; }

.start-1645 {
  grid-row-start: start-1645; }

.start-1700 {
  grid-row-start: start-1700; }

.start-1715 {
  grid-row-start: start-1715; }

.start-1730 {
  grid-row-start: start-1730; }

.start-1745 {
  grid-row-start: start-1745; }

.start-1800 {
  grid-row-start: start-1800; }

.start-1815 {
  grid-row-start: start-1815; }

.start-1830 {
  grid-row-start: start-1830; }

.start-1845 {
  grid-row-start: start-1845; }

.start-1900 {
  grid-row-start: start-1900; }

.start-1915 {
  grid-row-start: start-1915; }

.start-1930 {
  grid-row-start: start-1930; }

.start-1945 {
  grid-row-start: start-1945; }

.start-2000 {
  grid-row-start: start-2000; }

.start-2015 {
  grid-row-start: start-2015; }

.start-2030 {
  grid-row-start: start-2030; }

.start-2045 {
  grid-row-start: start-2045; }

.start-2100 {
  grid-row-start: start-2100; }

.start-2115 {
  grid-row-start: start-2115; }

.start-2130 {
  grid-row-start: start-2130; }

.start-2145 {
  grid-row-start: start-2145; }

.start-2200 {
  grid-row-start: start-2200; }

.start-2215 {
  grid-row-start: start-2215; }

.start-2230 {
  grid-row-start: start-2230; }

.start-2245 {
  grid-row-start: start-2245; }

.start-2300 {
  grid-row-start: start-2300; }

.start-2315 {
  grid-row-start: start-2315; }

.start-2330 {
  grid-row-start: start-2330; }

.start-2345 {
  grid-row-start: start-2345; }

.asset-list {
  display: flex;
  flex-wrap: wrap;
  padding-block: 2rem; }
  .asset-list_block {
    justify-content: center; }
  .asset-list__text {
    border-bottom: 5px solid #000;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    max-width: 100%;
    padding: 1.5rem;
    text-align: center;
    width: 225px; }
    .asset-list__text .asset-list__title {
      text-decoration: none !important;
      padding-bottom: 1.5rem; }

.announcement-item {
  max-width: 100%;
  width: 100%; }

@media (min-width: 45rem) {
  .announcement[data-content-order="reversed"] .announcement-switcher {
    flex-direction: row-reverse; } }

.announcement__image {
  display: flex;
  justify-content: center;
  max-width: 33.75rem; }
  .announcement__image figure {
    border-radius: var(--border-radius, 0.75rem);
    overflow: hidden; }

.announcement__link {
  padding-top: 1rem; }

.announcement-switcher {
  align-items: center; }

@media (max-width: 59.9375rem) {
  [aria-label="carousel"] ul.announcement__items {
    flex-wrap: nowrap;
    justify-content: flex-start; } }

.announcement-item [aria-label="carousel"] li {
  max-width: 100%; }

.announcement__dots {
  padding-block: 3.75rem 0; }

.announcement-wrapper [aria-label="carousel controls"] {
  height: 0; }
  .announcement-wrapper [aria-label="carousel controls"] button {
    visibility: hidden; }
    .announcement-wrapper [aria-label="carousel controls"] button.hidden {
      visibility: hidden; }

.banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-cool-grey, #F0F5FB);
  padding-block: calc(var(--block-vertical-padding, 5rem) / 2); }

.banner__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.5rem; }
  @media (min-width: 45rem) {
    .banner__info {
      gap: 2rem;
      max-width: 65%; } }
.banner__eyebrow {
  margin-bottom: -1.5rem; }

.banner__meta {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  list-style: none; }
  @media (min-width: 60rem) {
    .banner__meta {
      font-size: 1.25rem; } }
  .banner__meta > li {
    display: inline-flex;
    align-items: center;
    gap: 1rem; }
    .banner__meta > li:after {
      display: inline-block;
      content: "";
      width: 0.125rem;
      height: 1.125rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='18' viewBox='0 0 2 18' fill='none'%3E%3Cpath d='M1 1V17' stroke='black' stroke-opacity='0.24' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center; }
    .banner__meta > li:last-child:after {
      content: unset;
      display: none; }
  .banner__meta a {
    text-decoration: none; }
    .banner__meta a:hover {
      text-decoration: underline; }
  .banner__meta .icon-link--social {
    color: var(--color-text-grey); }
    .banner__meta .icon-link--social:hover {
      color: var(--card-accent-color, #FF4500); }

.banner__author a {
  text-decoration: underline;
  text-underline-position: from-font; }
  .banner__author a:hover {
    text-decoration: none; }

.buffer {
  padding-block: 0;
  min-block-size: 9.1304375rem; }

.buffer-small {
  min-block-size: 1.52175rem;
  padding-block: 0; }

.cover-image {
  position: relative; }
  .cover-image img {
    object-fit: cover;
    max-height: 417px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    width: 100vw; }

.call-to-action {
  padding-block: var(--block-vertical-padding, 5rem); }

.call-to-action__box {
  padding: 1.5rem;
  border-radius: var(--border-radius, 0.75rem); }
  @media (min-width: 45rem) {
    .call-to-action__box {
      padding: 3rem; } }
  @media (min-width: 60rem) {
    .call-to-action__box {
      padding: 5rem; } }
.call-to-action__info {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  color: inherit; }
  @media (min-width: 60rem) {
    .call-to-action__info {
      font-size: 1.25rem; } }
.call-to-action__link {
  flex-grow: 0; }
  .call-to-action__link .action-link--light {
    border: none; }

.card-list {
  display: flex;
  justify-content: center;
  text-align: center; }
  .card-list__items {
    display: flex;
    justify-content: center;
    text-align: left; }
    .card-list__items .card.card-block:focus-within, .card-list__items .card.card-block:hover {
      box-shadow: none;
      border-color: #a7a9ac; }
  .card-list__link {
    bottom: 60px;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto; }
  .card-list__disclaimer {
    bottom: 20px;
    display: flex;
    justify-content: center;
    padding: 0 2rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto; }

.card {
  border: 1px solid #a7a9ac;
  background-color: white;
  position: relative;
  transition: box-shadow 0.2s ease, border 0.2s ease;
  max-width: 250px;
  width: 100%; }
  .card-pricing {
    max-width: 400px; }
  .card a {
    text-decoration: none; }
    .card a .card {
      text-decoration: none; }
  .card:focus-within, .card:hover {
    box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.33);
    border-color: #515052; }
  .card__body {
    padding: 1.5rem; }
    .card__body-text {
      font-size: 1.0869375rem;
      line-height: 1.2962963;
      min-block-size: 5.18518519em;
      padding: 0.5rem;
      word-wrap: break-word; }
      .card__body-text p {
        margin-bottom: 1rem; }
    .card__body-pricing {
      padding: 0.5rem 0;
      margin-bottom: 80px; }
      .card__body-pricing button.action-link {
        bottom: 60px;
        position: absolute;
        transform: translateX(-50%); }
      .card__body-pricing-button {
        display: flex;
        place-content: center; }
  .card__pricing {
    padding: 2.5rem 2rem; }
  .card__head {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #ffffff;
    min-height: 150px;
    overflow: hidden;
    border-bottom: 3px solid var(--color-black, #000); }
  .card__head.card__head-icon {
    flex-direction: row;
    justify-content: flex-start;
    max-height: 70px;
    min-height: unset;
    padding: 1rem 1.5rem; }
    .card__head.card__head-icon .card__image {
      max-width: 50px; }
    .card__head.card__head-icon .card__head-title {
      font-size: 1.15rem;
      font-weight: 600;
      margin-left: 0.5rem;
      text-transform: uppercase; }
  .card__image {
    max-width: 150px; }
    .card__image > a figure img {
      max-width: 100%;
      height: auto;
      max-height: 125px; }
  .card__image-full {
    max-width: 100%;
    max-height: 150px;
    position: relative; }
    .card__image-full > img {
      position: absolute;
      width: 100%;
      height: auto;
      top: 0; }
  .card__meta {
    font-size: 1.0869375rem;
    font-weight: bold; }
    .card__meta:hover a {
      text-decoration: underline; }
  .card__title {
    font-size: 1.0869375rem;
    line-height: 1.2962963;
    min-block-size: 5.18518519em; }

.cards-grid.bg--primary,
.cards-grid.bg--secondary {
  --card-accent-color: var(--color-compliance-cobalt, get-color('compliance-cobalt')); }

.campaign-promo {
  padding-block: 0; }
  @media (min-width: 60rem) {
    .campaign-promo {
      padding-block: 7rem; } }
  .campaign-promo[data-content-order="reversed"] .block-content {
    flex-direction: row-reverse; }

.campaign-promo__info {
  display: flex;
  align-items: center; }

.campaign-promo__text {
  padding-block: 2rem;
  padding-inline: 1.5rem;
  font-size: 1.1739375rem;
  z-index: 1; }
  @media (min-width: 60rem) {
    .campaign-promo__text {
      padding-block: 4rem; } }
  @media (min-width: 80rem) {
    .campaign-promo__text {
      padding-inline-start: 7.5rem;
      padding-inline-end: 4.2rem; } }
.campaign-promo__subtitle {
  text-transform: uppercase; }

.campaign-promo__image {
  align-self: flex-start; }

.campaign-form {
  padding-block: 1.5rem; }
  @media (min-width: 60rem) {
    .campaign-form {
      padding-block: 3.75rem; } }
  @media (max-width: 59.9375rem) {
    .campaign-form {
      background-image: none; } }
.campaign-form-switcher {
  align-items: center; }

.campaign-form__info {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280);
  padding-block: 3.75rem; }
  @media (min-width: 60rem) {
    .campaign-form__info {
      font-size: 1.25rem; } }
  @media (min-width: 60rem) {
    .campaign-form__info {
      padding-block: inherit; } }
.campaign-form__form {
  border-radius: 0;
  position: relative;
  padding: 1.5rem;
  margin-inline: calc(-1*var(--site-gutter, 1.5rem));
  margin-top: -1.5rem;
  min-width: 20rem;
  background-color: var(--color-white, #fff); }
  .campaign-form__form.success form, .campaign-form__form.success .marketo-privacy-statement {
    display: none; }
  .campaign-form__form .form_title {
    margin-bottom: 1.5rem; }
    @media (min-width: 60rem) {
      .campaign-form__form .form_title {
        margin-bottom: 2rem; } }
  @media (min-width: 60rem) {
    .campaign-form__form {
      display: flex;
      flex-direction: column;
      border-radius: var(--border-radius, 0.75rem);
      border: 1px solid var(--color-border-grey, #E5EAF1);
      background: var(--color-white, #FFFFFF);
      box-shadow: var(--drop-shadow, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.04));
      padding: 1.5rem;
      padding: 2.5rem;
      margin: 0; }
      .campaign-form__form a {
        text-decoration: none; }
      .campaign-form__form a {
        text-decoration: underline; } }
  .campaign-form__form a {
    text-decoration: underline; }

.campaign-form__success {
  display: none; }

.campaign-form__form.success .campaign-form__content {
  display: none; }

.campaign-form__form.success .campaign-form__success {
  display: block;
  word-wrap: break-word; }
  .campaign-form__form.success .campaign-form__success a {
    text-decoration: underline; }

.campaign-form__form__privacy-statement {
  font-size: 0.75rem; }

.campaign-content {
  padding-block: var(--block-vertical-padding, 5rem); }

.campaign-content-switcher > * {
  flex-basis: calc((50rem - 100%) * 999); }

.campaign-content__title {
  padding-block-end: 3rem; }

.campaign-content__first,
.campaign-content__second {
  padding-inline: 3rem; }
  @media (min-width: 80rem) {
    .campaign-content__first,
    .campaign-content__second {
      padding-inline: 0; } }
.campaign-content__second {
  flex-grow: .6;
  padding-inline: 3rem; }
  @media (min-width: 80rem) {
    .campaign-content__second {
      flex-grow: .5;
      padding: 0;
      padding-inline-start: 4.5rem; } }
@media (min-width: 80rem) {
  .campaign-content__first,
  .campaign-content__second {
    font-size: 1.1739375rem;
    line-height: 1.2962963; } }

.campaign-banner {
  text-align: center;
  padding-block: 3rem; }

.campaign-banner__title {
  font-weight: 400; }

.campaign-banner--thick {
  padding-block: 4.5rem; }

.campaign-hero__title {
  flex-grow: 2;
  font-weight: 400;
  padding: 3rem;
  padding-inline-start: 1.5rem; }
  @media (min-width: 80rem) {
    .campaign-hero__title {
      padding-inline-start: 7.5rem; } }
.campaign-hero__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  padding-inline-end: 1.5rem; }
  @media (min-width: 80rem) {
    .campaign-hero__info {
      padding-inline-end: 7.5rem; } }
header.site-head {
  z-index: 5; }

#main .whistleb-signup.campaign-form {
  padding-block: 1.25rem; }
  @media (min-width: 48rem) {
    #main .whistleb-signup.campaign-form {
      padding-block: 2rem; } }
  @media (min-width: 60rem) {
    #main .whistleb-signup.campaign-form {
      padding-block: 3.75rem; } }
  #main .whistleb-signup.campaign-form .whistleb-signup__form.campaign-form-switcher.switcher.switcher--reversed {
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 0; }
    @media (min-width: 60rem) {
      #main .whistleb-signup.campaign-form .whistleb-signup__form.campaign-form-switcher.switcher.switcher--reversed {
        flex-direction: row-reverse;
        gap: 6.38rem; } }
  #main .whistleb-signup.campaign-form .campaign-form__info {
    padding-block: 1.25rem;
    padding-bottom: 2.5rem; }
    @media (min-width: 60rem) {
      #main .whistleb-signup.campaign-form .campaign-form__info {
        padding-block: 2.5rem;
        padding-bottom: 0; } }
    #main .whistleb-signup.campaign-form .campaign-form__info h1 {
      font-size: 2rem;
      font-weight: 500; }
      @media (min-width: 60rem) {
        #main .whistleb-signup.campaign-form .campaign-form__info h1 {
          font-size: 3rem; } }
    #main .whistleb-signup.campaign-form .campaign-form__info .ecommerce-template__step {
      display: none; }
      #main .whistleb-signup.campaign-form .campaign-form__info .ecommerce-template__step.active {
        display: block; }
  #main .whistleb-signup.campaign-form .mktoForm .mktoFormRow .mktoCheckboxList input[type="checkbox"] + label::before {
    margin-left: 0.625rem;
    margin-right: 1rem; }
  #main .whistleb-signup.campaign-form .campaign-form__form {
    margin-inline: calc(-1 * var(--site-gutter, 1rem));
    margin-top: 0;
    min-width: 100vw;
    padding: 2.5rem 1.5rem;
    position: relative; }
    @media (min-width: 60rem) {
      #main .whistleb-signup.campaign-form .campaign-form__form {
        margin-top: -1.5rem;
        padding: 2.5rem;
        min-width: 20rem;
        margin-inline: unset; } }
    #main .whistleb-signup.campaign-form .campaign-form__form .form_title {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.2;
      margin-bottom: 2rem;
      margin-top: 2rem; }
      @media (min-width: 60rem) {
        #main .whistleb-signup.campaign-form .campaign-form__form .form_title {
          font-size: 2.25rem; } }
      #main .whistleb-signup.campaign-form .campaign-form__form .form_title a.payment-form__terms--link {
        color: var(--Navex-Orange, #ff4500);
        text-decoration: underline; }
        @media (min-width: 60rem) {
          #main .whistleb-signup.campaign-form .campaign-form__form .form_title a.payment-form__terms--link {
            text-decoration: underline; } }
    #main .whistleb-signup.campaign-form .campaign-form__form.success .ecommerce-signup__step--1 .campaign-form__success {
      display: none !important; }
    #main .whistleb-signup.campaign-form .campaign-form__form.success .ecommerce-signup__step--2.active form.payment-form {
      display: flex !important; }
    #main .whistleb-signup.campaign-form .campaign-form__form.loading .loading__container {
      align-items: center;
      bottom: -1px;
      display: flex;
      justify-content: center;
      left: -1px;
      position: absolute;
      right: -1px;
      top: -1px; }
    #main .whistleb-signup.campaign-form .campaign-form__form.loading .loading__spinner {
      display: inline-block;
      height: 4rem;
      position: relative;
      width: 4rem;
      z-index: 2; }
      #main .whistleb-signup.campaign-form .campaign-form__form.loading .loading__spinner::after, #main .whistleb-signup.campaign-form .campaign-form__form.loading .loading__spinner::before {
        animation: rotationBreak 3s ease-in-out infinite alternate;
        border: 2px solid #fff;
        box-sizing: border-box;
        content: "";
        height: 4rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 4rem; }
      #main .whistleb-signup.campaign-form .campaign-form__form.loading .loading__spinner::after {
        animation-direction: alternate-reverse;
        border-color: var(--Navex-Orange, #ff4500); }
    #main .whistleb-signup.campaign-form .campaign-form__form.loading .loading__opacity-layer {
      background: #000;
      border-radius: var(--border-radius, 0.75rem);
      bottom: 0;
      left: 0;
      opacity: 0.5;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1; }
    #main .whistleb-signup.campaign-form .campaign-form__form:not(.loading) .loading__container {
      display: none; }
    #main .whistleb-signup.campaign-form .campaign-form__form .ecommerce-signup__step--1 .mktoButtonRow {
      justify-content: flex-end; }
  #main .whistleb-signup.campaign-form #get-started-fast-and-gain-instant-peace-of-mind-for-your-business {
    font-size: 1.5rem; }
    @media (min-width: 60rem) {
      #main .whistleb-signup.campaign-form #get-started-fast-and-gain-instant-peace-of-mind-for-your-business {
        font-size: 2.25rem; } }
  #main .whistleb-signup.campaign-form #Lblsign_me_up_for_additional_NG_emails {
    display: none; }

.ecommerce-signup__progress-container {
  width: 100%; }

.ecommerce-signup__progress-track {
  counter-reset: formStep;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  @media (min-width: 26.5rem) {
    .ecommerce-signup__progress-track {
      gap: 1.25rem;
      justify-content: flex-start; } }
  @media (min-width: 64rem) {
    .ecommerce-signup__progress-track {
      gap: 1.5rem; } }
.ecommerce-signup__progress-step {
  align-items: center;
  color: var(--font-gray, #6d7280);
  counter-increment: formStep;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  list-style: none; }
  @media (min-width: 64rem) {
    .ecommerce-signup__progress-step {
      font-size: 1rem; } }
  .ecommerce-signup__progress-step.active {
    font-weight: 400;
    color: #000; }
    .ecommerce-signup__progress-step.active::before {
      background-color: var(--Navex-Orange, #ff4500);
      border-color: var(--Navex-Orange, #ff4500);
      color: #fff;
      font-size: 0.625rem; }
      @media (min-width: 64rem) {
        .ecommerce-signup__progress-step.active::before {
          font-size: 0.75rem; } }
  .ecommerce-signup__progress-step::before {
    align-items: center;
    background-color: #f0f5fb;
    border-radius: 50%;
    color: var(--font-gray, #6d7280);
    content: counter(formStep);
    display: inline-flex;
    font-size: 0.75rem;
    height: 1.25rem;
    justify-content: center;
    margin-right: 0.38rem;
    width: 1.25rem; }
    @media (min-width: 64rem) {
      .ecommerce-signup__progress-step::before {
        height: 1.5rem;
        margin-right: 0.5em;
        width: 1.5rem; } }
  .ecommerce-signup__progress-step.completed {
    color: #000; }
    .ecommerce-signup__progress-step.completed::before {
      background-color: var(--Navex-Orange, #ff4500);
      border-color: var(--Navex-Orange, #ff4500);
      color: #fff;
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M8.63601 0.5L3.63601 5.5L1.36328 3.22727' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
      @media (min-width: 64rem) {
        .ecommerce-signup__progress-step.completed::before {
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10.364 1-6 6-2.727-2.727'/%3E%3C/svg%3E"); } }
.ecommerce-signup__step:not(.active) {
  display: none; }

.ecommerce-signup__step--1 form.mktoForm .mktoLabel {
  color: #000;
  margin-bottom: 0.5rem; }

.ecommerce-signup__step--1 form.mktoForm .mktoFormRow:nth-child(9), .ecommerce-signup__step--1 form.mktoForm .mktoFormRow:nth-child(10), .ecommerce-signup__step--1 form.mktoForm .mktoFormRow:nth-child(11) {
  flex-basis: 100% !important; }

.ecommerce-signup__step--1 form.mktoForm .mktoFormRow:nth-child(10) {
  margin-top: 1rem; }

@media (min-width: 60rem) {
  .ecommerce-signup__step--1 form.mktoForm .mktoFormRow:nth-child(11) .mktoLogicalField.mktoCheckboxList {
    margin-block-end: 0; } }

.ecommerce-signup__step--1 form.mktoForm input[type="checkbox"].mktoField label {
  margin-left: 2.25rem !important; }
  .ecommerce-signup__step--1 form.mktoForm input[type="checkbox"].mktoField label::before {
    inset-inline-start: -1rem;
    margin-inline-start: -1.25rem;
    margin-right: 0; }

.ecommerce-signup__step--1 form.mktoForm .mktoButtonRow .mktoButtonWrap {
  width: 100%; }
  @media (min-width: 60rem) {
    .ecommerce-signup__step--1 form.mktoForm .mktoButtonRow .mktoButtonWrap {
      width: unset; } }
  .ecommerce-signup__step--1 form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    padding: 0.75rem 1.5rem;
    width: 100%; }
    @media (min-width: 60rem) {
      .ecommerce-signup__step--1 form.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
        width: 9.375rem; } }
.ecommerce-signup__step--2.active {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center; }

.ecommerce-signup__back {
  background: #fff;
  color: black; }
  .ecommerce-signup__back:hover {
    background: #000;
    color: #fff; }

.campaign-form__form.success .ecommerce-signup__step--1:not(.active) .form_title,
.campaign-form__form.success .ecommerce-signup__step--1:not(.active) .campaign-form__success {
  display: none !important; }

.campaign-form__form.success .ecommerce-signup__step--2.active form.payment-form {
  display: flex !important; }

.payment-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%; }
  .payment-form__heading {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem; }
    .payment-form__heading h2 {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.2; }
      @media (min-width: 60rem) {
        .payment-form__heading h2 {
          font-size: 2.25rem; } }
  .payment-form__row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 60rem) {
      .payment-form__row {
        flex-direction: row; } }
    .payment-form__row--buttons {
      justify-content: flex-end;
      margin-top: 1rem; }
    .payment-form__row--required,
    .payment-form__row .required-billing {
      display: none; }
  .payment-form__input {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%; }
  .payment-form__element {
    border-radius: 0.25rem;
    border: 1px solid var(--font-gray, #6d7280);
    padding: 1rem; }
  .payment-form__asterisk {
    color: var(--Navex-Orange, #ff4500);
    display: inline;
    float: none;
    font-family: inherit;
    height: 1.5rem;
    margin: 0;
    order: 3;
    padding-left: 1px;
    padding: 0;
    text-align: left; }
  .payment-form input:not(#terms),
  .payment-form select {
    background: #fff;
    border-radius: 0.25rem;
    border: 1px solid var(--font-gray, #6d7280);
    box-sizing: border-box;
    font-size: 1rem;
    padding: 1rem;
    width: 100%; }
  .payment-form select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.8619 4.19531L7.99992 10.0573L2.13792 4.19531C1.87758 3.93498 1.45558 3.93498 1.19525 4.19531C0.934917 4.45564 0.934917 4.87764 1.19525 5.13798L7.52858 11.4713C7.65892 11.6016 7.82925 11.6666 7.99992 11.6666C8.17058 11.6666 8.34092 11.6016 8.47125 11.4713L14.8046 5.13798C15.0649 4.87764 15.0649 4.45564 14.8046 4.19531C14.5442 3.93498 14.1222 3.93498 13.8619 4.19531Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    color: rgba(109, 114, 128, 0.5); }
    .payment-form select.valid {
      color: #000; }
  .payment-form option:not(:disabled) {
    color: #000; }
  .payment-form input::placeholder {
    color: rgba(109, 114, 128, 0.5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-family, "Barlow", sans-serif);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.01563rem; }
  .payment-form label {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.01563rem; }
  .payment-form button:not(.payment-form__terms--button) {
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.34375rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 1.5rem;
    width: 100%; }
    @media (min-width: 60rem) {
      .payment-form button:not(.payment-form__terms--button) {
        width: 9.375rem; } }
    .payment-form button:not(.payment-form__terms--button):disabled {
      cursor: default; }
  .payment-form__terms {
    color: var(--font-gray, #6d7280);
    font-family: var(--font-family, "Barlow", sans-serif);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; }
    .payment-form__terms label {
      color: var(--font-gray, #6d7280);
      font-family: var(--font-family, "Barlow", sans-serif);
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; }
    .payment-form__terms--link, .payment-form__terms--button {
      color: var(--Navex-Orange, #ff4500);
      text-decoration: underline; }
      @media (min-width: 60rem) {
        .payment-form__terms--link, .payment-form__terms--button {
          text-decoration: underline; } }
    .payment-form__terms--button {
      cursor: pointer; }
  .payment-form__terms-modal {
    align-items: center;
    bottom: 0;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20000; }
    .payment-form__terms-modal.active {
      display: flex; }
    .payment-form__terms-modal__mask {
      clip: rect(0 0 0 0);
      display: block;
      height: 0.0625rem;
      margin: -0.0625rem;
      overflow: hidden;
      text-indent: -6.25rem; }
      .payment-form__terms-modal__mask:before {
        background: rgba(0, 0, 0, 0.5);
        bottom: 0;
        content: "";
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10; }
    .payment-form__terms-modal__content {
      background: #fff;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      max-height: 80vh;
      max-width: 100vw;
      padding: 2rem 0;
      position: relative;
      width: auto;
      z-index: 10001; }
      @media (min-width: 60rem) {
        .payment-form__terms-modal__content {
          max-width: 80vw; } }
    .payment-form__terms-modal__close {
      align-items: center;
      background: #000;
      border-radius: 1.1875rem;
      border: 0.125rem solid #ccc;
      color: #fff;
      cursor: pointer;
      display: flex;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1rem;
      height: 1.8rem;
      justify-content: center;
      line-height: 1.1875;
      position: absolute;
      right: 0;
      text-align: center;
      top: -0.625rem;
      width: 1.8rem; }
      @media (min-width: 60rem) {
        .payment-form__terms-modal__close {
          right: -0.625rem; } }
    .payment-form__terms-modal__inner {
      -webkit-overflow-scrolling: touch;
      overflow-y: auto;
      padding: 0 2rem; }
    .payment-form__terms-modal__rich-text {
      overflow-x: clip; }
  .payment-form__terms-select {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    gap: 1rem; }
    .payment-form__terms-select #terms {
      flex-shrink: 0;
      height: 2rem;
      width: 2rem; }
      @media (min-width: 60rem) {
        .payment-form__terms-select #terms {
          height: unset;
          width: unset; } }
.confirmation {
  align-content: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  margin: 0 auto; }
  .confirmation__section {
    align-content: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center; }
    .confirmation__section--buttons {
      align-items: center;
      align-self: stretch;
      flex-direction: row;
      justify-content: flex-start; }
      @media (min-width: 60rem) {
        .confirmation__section--buttons {
          justify-content: space-between; } }
  .confirmation__heading {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem; }
  .confirmation__body {
    font-size: 1rem; }
  .confirmation__details {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    @media (min-width: 60rem) {
      .confirmation__details {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem 0; } }
  .confirmation__detail {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex: 1 0 50%;
    gap: 0.31rem; }
    .confirmation__detail.hidden {
      display: none; }
    .confirmation__detail .label {
      color: #000;
      font-size: 1rem;
      font-style: normal;
      font-weight: 500;
      line-height: 120%;
      text-align: center; }
    .confirmation__detail > div:not(.label) {
      color: var(--font-gray, #6d7280);
      font-size: 1rem;
      font-weight: 400; }
  .confirmation button {
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.34375rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 1.5rem; }
    .confirmation button:disabled {
      cursor: default; }
  .confirmation__submit {
    flex: 1 0 0; }
    @media (min-width: 60rem) {
      .confirmation__submit {
        flex: 0 1 0; } }
.payment-form__submit,
.confirmation__submit {
  align-items: center;
  display: flex;
  justify-content: center; }
  .payment-form__submit:disabled:hover,
  .confirmation__submit:disabled:hover {
    background: #000;
    color: #fff; }
  .payment-form__submit:not(:disabled):hover,
  .confirmation__submit:not(:disabled):hover {
    filter: contrast(115%); }
  .payment-form__submit .loading,
  .confirmation__submit .loading {
    animation: spin 1s linear infinite;
    border-radius: 50%;
    border: 0.1875rem solid #fff;
    box-sizing: border-box;
    height: 4rem;
    position: relative;
    width: 4rem; }
    .payment-form__submit .loading::after,
    .confirmation__submit .loading::after {
      border-color: var(--Navex-Orange, #ff4500) transparent;
      border-radius: 50%;
      border: 0.1875rem solid;
      box-sizing: border-box;
      content: "";
      height: 2.5rem;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 2.5rem; }

.error-message {
  color: var(--Navex-Orange, #ff4500);
  display: none;
  font-size: 1rem;
  font-weight: 500; }

.ecommerce-signup .stripe-product-id,
.marketo-form-id {
  display: none; }

.confirmation-item {
  box-sizing: border-box;
  flex: 1 0 50%;
  margin-bottom: 1em; }
  .confirmation-item label {
    display: block;
    font-size: 16px;
    font-weight: 500; }

.confirmation-container {
  display: flex;
  flex-wrap: wrap; }

.ecommerce-template__success {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto; }
  .ecommerce-template__success__container.rich-text h2 {
    margin-top: 2rem; }
  .ecommerce-template__success__container.rich-text p {
    color: var(--font-gray, #6d7280);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; }
    .ecommerce-template__success__container.rich-text p strong {
      color: var(--font-gray, #6d7280);
      font-weight: 700; }
  .ecommerce-template__success__container.rich-text strong {
    font-weight: 700; }
  .ecommerce-template__success__container.rich-text a {
    color: var(--Navex-Orange, #ff4500); }

@keyframes rotationBreak {
  0% {
    transform: rotate(0); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }

.media-plus-text {
  padding-block: var(--block-vertical-padding, 5rem); }
  @media (min-width: 45rem) {
    .media-plus-text[data-content-order="reversed"] .media-plus-text__switcher {
      flex-direction: row-reverse; } }
.media-plus-text__switcher {
  align-items: center; }

@media screen and (max-width: 719px) {
  .media-plus-text__switcher {
    align-items: normal; } }

.media-plus-text__image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-inline: auto; }
  .media-plus-text__image figure {
    border-radius: var(--border-radius, 0.75rem);
    overflow: hidden; }

.content-list__link {
  margin-top: 1.5rem; }
  @media screen and (min-width: 603px) {
    .content-list__link {
      margin-top: 1rem; } }
.content-list--prominent {
  text-align: center; }
  .content-list--prominent .content-list__item {
    font-size: 1.4348125rem;
    line-height: 1.21212121; }

.content-list--title-center {
  text-align: left; }
  .content-list--title-center h1, .content-list--title-center h2, .content-list--title-center h3 {
    text-align: center; }

.content-list[data-columns="2"] .content-list__item {
  flex-basis: calc((48rem - 100%) * 999);
  display: flex;
  flex-direction: column; }
  .content-list[data-columns="2"] .content-list__item .content-list__link {
    margin-top: auto;
    padding-top: 1rem; }

.content-list[data-columns="3"] {
  text-align: center; }

.content-list__item {
  flex: auto; }
  .content-list[data-columns="3"] .content-list__item {
    max-width: 24ch;
    text-align: left;
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280); }

@media (min-width: 45rem) {
  .hero[data-content-order="reversed"] .hero__switcher {
    flex-direction: row-reverse; }
  .hero[data-content-order="reversed"] .hero__image {
    justify-content: flex-start; } }

.hero__switcher {
  gap: 0; }

.hero__video {
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-inline: 1rem; }
  @media (min-width: 60rem) {
    .hero__video {
      align-self: center;
      padding-inline-start: 0; } }
.hero__image {
  display: none;
  justify-content: center;
  align-self: flex-start; }
  @media (min-width: 45rem) {
    .hero__image {
      display: flex; } }
  @media (min-width: 60rem) {
    .hero__image {
      justify-content: flex-end; } }
.hero__info {
  padding-block: 2.5rem 5rem;
  padding-inline: var(--layout-gap, 1rem); }
  @media (min-width: 45rem) {
    .hero__info {
      align-self: center; }
      .hero__info .action-link:nth-of-type(1) {
        margin-right: 1rem; } }
  @media (min-width: 80rem) {
    .hero__info {
      padding-inline: 6.5rem;
      padding-block: 5rem; } }
  @media (min-width: 90rem) {
    .hero__info {
      padding-inline: calc(var(--layout-gap, 1rem) + 0.5rem); } }
.hero__text {
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }
  @media (min-width: 60rem) {
    .hero__text {
      font-size: 1.25rem; } }
.hero-product {
  padding-block: 3rem; }
  .hero-product[data-content-order="reversed"] .block-content {
    flex-direction: row-reverse; }

.hero-product--vcentered .hero-product__info-switcher {
  height: 100%; }

.hero-product--vcentered .hero-product__products {
  margin-block-start: 0;
  margin-block-end: auto; }

.hero-product--vcentered .hero-product__text {
  margin-block-start: auto;
  margin-block-end: auto;
  padding-block: 3rem; }

.hero-product__image {
  flex-grow: 1.1; }
  .hero-product__image img {
    inline-size: 100%; }

.hero-product__info-switcher {
  flex-direction: row;
  padding-inline: 1.5rem; }
  .hero-product__info-switcher > * {
    flex-basis: 100%;
    z-index: 1; }
  @media (min-width: 80rem) {
    .hero-product__info-switcher {
      padding-block-start: 3rem; } }
.hero-product__text {
  flex-grow: 1.75; }

@media (min-width: 80rem) {
  .hero-product__product-links {
    margin-inline-start: -3.25rem; }
    .hero-product[data-content-order="reversed"] .hero-product__product-links {
      text-align: right;
      margin-inline-start: 0;
      margin-inline-end: -3.25rem; }
      .hero-product[data-content-order="reversed"] .hero-product__product-links .product-link {
        flex-direction: row-reverse; }
  .hero-product__info-switcher {
    flex-direction: row-reverse;
    padding-inline-start: 0;
    padding-inline-end: 7.5rem; }
    .hero-product__info-switcher > * {
      flex-basis: calc((28rem - 100%) * 999); }
    .hero-product[data-content-order="reversed"] .hero-product__info-switcher {
      flex-direction: row;
      padding-inline-start: 7.5rem;
      padding-inline-end: 0; }
  .hero-product__text {
    font-size: 1.1739375rem;
    line-height: 1.2962963; } }

.hero-navex-one {
  padding-block: 3rem;
  display: flex;
  flex-direction: column; }
  .hero-navex-one .navex-one-strip {
    position: relative;
    z-index: 1; }

.hero-navex-one__top-image {
  margin-top: auto;
  margin-bottom: -1.5rem;
  flex-grow: .6; }

.hero-navex-one__top {
  order: -1; }

.hero-navex-one__top-switcher {
  align-items: center;
  flex-direction: row-reverse; }
  .hero-navex-one__top-switcher > * {
    flex-basis: calc((28rem - 100%) * 999); }

.hero-navex-one-switcher {
  flex-direction: row-reverse;
  align-items: center; }

.hero-navex-one__icon-list {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .hero-navex-one__icon-list .hero-navex-one__icon-list__item {
    display: block;
    inline-size: 2.782625rem;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #ff4500;
    overflow: hidden; }
    .hero-navex-one__icon-list .hero-navex-one__icon-list__item > svg {
      display: block; }
  @media (min-width: 60rem) {
    .hero-navex-one__icon-list {
      flex-wrap: nowrap; } }
.hero-navex-one__info {
  padding-block: 3rem;
  flex-grow: .6; }
  @media (min-width: 60rem) {
    .hero-navex-one__info {
      padding-inline-end: 3rem; } }
  @media (min-width: 80rem) {
    .hero-navex-one__info {
      padding-inline-end: 6rem; } }
.hero-solution--reversed .hero-solution-switcher {
  flex-direction: row-reverse; }

.hero-solution--reversed .hero-solution__image {
  margin-inline-start: 0;
  padding-inline-end: 0;
  margin-inline-end: -6rem;
  padding-inline-start: 1.5rem; }
  @media (min-width: 80rem) {
    .hero-solution--reversed .hero-solution__image {
      margin-inline-end: 1.5rem; } }
.hero-solution--reversed .device-frame {
  box-shadow: 0 0 0 0.85rem #222, 0 0 0 0.9rem #999, 0 0 0 1rem #333, 1rem 1rem 1.5rem 0.5rem rgba(0, 0, 0, 0.6); }
  .hero-solution--reversed .device-frame::before {
    inset-inline-start: 0.5rem; }
  .hero-solution--reversed .device-frame::after {
    inset-inline-start: 2rem; }

@media (min-width: 60rem) {
  .hero-solution--reversed .hero-solution__info {
    padding-inline-start: 3rem;
    padding-inline-end: 0; } }

@media (min-width: 80rem) {
  .hero-solution--reversed .hero-solution__info {
    padding-inline-start: 6rem; } }

.hero-solution__image {
  margin-inline-start: -6rem;
  padding-inline-end: 1.5rem; }
  @media (min-width: 80rem) {
    .hero-solution__image {
      margin-inline-start: 1.5rem; } }
.hero-solution__icon-list {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-inline: 1.5rem; }
  .hero-solution__icon-list .hero-solution__icon-list__item {
    display: block;
    inline-size: 2.782625rem;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #ff4500;
    overflow: hidden; }
    .hero-solution__icon-list .hero-solution__icon-list__item > svg {
      display: block; }
  @media (min-width: 45rem) {
    .hero-solution__icon-list {
      flex-wrap: nowrap;
      justify-content: space-between;
      gap: unset; } }
.hero-solution__info {
  padding-block: 3rem; }
  @media (min-width: 60rem) {
    .hero-solution__info {
      padding-inline-end: 1.5rem;
      padding-block-start: 6rem; } }
  @media (min-width: 80rem) {
    .hero-solution__info {
      padding-inline-end: 7.5rem;
      flex-grow: 1.2; } }
.hero-solution__text {
  padding-inline: 4.5rem; }

.hero-video {
  padding-block: 5rem; }
  .hero-video[data-content-order="reversed"] .hero-video-switcher {
    flex-direction: row-reverse; }
  .hero-video[data-content-order="reversed"] .hero-video__info {
    padding-inline-end: 1.5rem; }
    @media (min-width: 80rem) {
      .hero-video[data-content-order="reversed"] .hero-video__info {
        padding-inline-start: 0;
        padding-inline-end: 7.5rem; } }
  .hero-video[data-content-order="reversed"] .hero-video__image {
    justify-content: flex-end; }
    @media (max-width: 59.9375rem) {
      .hero-video[data-content-order="reversed"] .hero-video__image {
        justify-content: center; } }
.hero-video--small {
  padding-block: 1.5rem !important; }

.hero-video--vcentered .hero-video-switcher {
  align-items: center; }

.hero-video--vcentered .hero-video__info {
  padding-block: 3rem; }

.hero-video--flush-top {
  padding-block-start: 0; }
  .hero-video--flush-top:not(.hero-video--vcentered) .hero-video__info {
    padding-block: 3rem; }

.hero-video-switcher {
  padding: 1rem;
  justify-content: center; }
  .hero-video-switcher > * {
    flex-basis: calc((50rem - 100%) * 999); }

.hero-video__info {
  padding-inline: 1.5rem;
  flex-grow: .7; }
  @media (min-width: 80rem) {
    .hero-video__info {
      padding-inline-end: 0;
      padding-inline-start: 7.5rem; } }
.hero-video__subheading {
  font-weight: 600;
  font-style: italic; }

.hero-video__icon {
  inline-size: 4.3478125rem;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #ff4500;
  overflow: hidden; }
  .hero-video__icon > svg {
    display: block; }

.hero-video__image {
  display: flex;
  justify-content: flex-start; }
  @media (max-width: 59.9375rem) {
    .hero-video__image {
      justify-content: center; } }
.image-list {
  text-align: center; }
  .image-list_clusters {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 180px; }
  .image-list_image figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.image-list__images {
  justify-content: center;
  width: 100%; }
  .image-list__images img {
    max-width: 180px; }

.images {
  padding-block: 2.5rem; }
  @media (min-width: 45rem) {
    .images {
      padding-block: 2.5rem; } }
  .images.extra-padding {
    padding-block: 5rem; }
    @media (min-width: 45rem) {
      .images.extra-padding {
        padding-block: 5rem; } }
.images__marquee {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%); }
  .images__marquee .images__list {
    flex-wrap: nowrap;
    gap: 2.5rem; }
  .images__marquee .images__image {
    width: 100%; }
    .images__marquee .images__image figure {
      display: flex;
      justify-content: center; }

.images__carousel {
  gap: 3.75rem; }
  .images__carousel .carousel__info {
    margin: auto;
    text-align: center; }
    .images__carousel .carousel__info h3 {
      color: inherit; }

.images__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: linear;
  box-sizing: content-box;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.5rem; }

.images__image {
  flex-shrink: 0;
  width: auto;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
  align-items: center;
  justify-content: center; }
  .images__image img {
    height: 1.5rem;
    width: auto; }
    @media (min-width: 45rem) {
      .images__image img {
        height: 2rem; } }
.video {
  padding-block: 5rem;
  text-align: center; }

.video__poster > figure {
  display: inline-block; }

.video__player {
  width: 100%;
  max-width: 720px; }

.video__description {
  font-size: 1.9565rem;
  line-height: 1.15384615;
  max-inline-size: 32ch; }

.wistia_responsive_wrapper {
  border-radius: var(--border-radius, 0.75rem);
  overflow: hidden; }
  .wistia_responsive_wrapper .w-video-wrapper {
    background: transparent !important; }

.embed {
  padding-block: 3rem; }
  .embed--centered > .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }

.embed__container {
  overflow: auto; }

.featured-content__content-card {
  width: calc((100% - 3rem) / 3);
  min-width: 15rem; }

.navex-one-strip {
  padding-block: 1.47825rem;
  text-align: center; }
  .navex-one-strip a {
    color: var(--color-white, #FFF);
    text-decoration: none; }

.product-list {
  padding-block: 5rem;
  text-align: center; }
  .product-list__product.large .product-link__icon {
    background-color: transparent !important;
    inline-size: 4.9565rem; }

.partners-list {
  padding-block: 5rem;
  text-align: center; }
  .partners-list__items {
    justify-content: center; }
  .partners-list__item {
    display: flex;
    flex-direction: column;
    max-width: 300px; }
    .partners-list__item button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer; }
      .partners-list__item button:focus-visible {
        border: 1px solid; }
    .partners-list__item h4 {
      font-size: 1.4348125rem;
      margin-block-end: 0.5rem; }
      .partners-list__item h4 a {
        text-decoration: none; }
    .partners-list__item h5 {
      font-size: 0.9565rem;
      font-weight: normal; }
  .partners-list__item_lg {
    max-width: 350px; }
    .partners-list__item_lg button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer; }
      .partners-list__item_lg button:focus-visible {
        border: 1px solid; }
    .partners-list__item_lg h4 {
      font-size: 1.4348125rem;
      margin-block-end: 0.5rem; }
      .partners-list__item_lg h4 a {
        text-decoration: none; }
    .partners-list__item_lg h5 {
      font-size: 0.9565rem;
      font-weight: normal; }

button .partners-list__image {
  position: relative;
  margin-bottom: 2em; }
  button .partners-list__image:after {
    display: block;
    position: absolute;
    left: 50%;
    top: 110%;
    font-weight: 700;
    font-size: 1rem;
    transform: translate(-50%, 0%);
    content: "+";
    padding: 0 0.5rem; }

.partners-list__modal {
  text-align: left; }
  .partners-list__modal__text a {
    position: relative; }
  .partners-list__modal .partners-list__image {
    max-width: 200px; }
  .partners-list__modal .partners-list__info h4 {
    font-size: 1.739125rem; }
    .partners-list__modal .partners-list__info h4 a {
      position: relative; }
  .partners-list__modal .partners-list__info h5 {
    font-size: 1.1304375rem;
    font-weight: normal; }

.people > .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 3.75rem; }
  @media (min-width: 60rem) {
    .people > .wrapper {
      gap: 5rem; } }
.people.bg--secondary .wiggle-link > span {
  background: var(--bg--secondary); }

.people__info {
  display: flex;
  flex-direction: column; }
  @media (min-width: 45rem) {
    .people__info {
      max-width: 70%; } }
.people__link {
  flex-grow: 1;
  order: 5; }
  @media (min-width: 45rem) {
    .people__link {
      flex-grow: 0;
      order: initial; } }
.people__grid {
  list-style: none; }
  @media (min-width: 45rem) {
    .people__grid {
      gap: 3rem; } }
  @media (min-width: 60rem) {
    .people__grid {
      margin: -1rem;
      max-width: 77rem; } }
  @media (max-width: 59.9375rem) {
    .people__grid {
      grid-template-columns: repeat(4, 1fr);
      grid-auto-flow: row; } }
  .people__grid .profile {
    gap: var(--flow-space, 1.5rem); }

.profile {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  border-radius: var(--border-radius, 0.75rem); }
  @media (min-width: 45rem) {
    .profile {
      padding: 1rem; } }
  .profile a {
    text-decoration: none; }

.profile__image {
  border-radius: var(--border-radius, 0.75rem);
  overflow: hidden;
  max-width: 30rem;
  align-self: flex-start; }
  @media (min-width: 60rem) {
    .profile__image {
      max-width: 15rem;
      align-self: center; } }
.profile__name {
  margin-bottom: 0.5rem; }

.profile__title {
  margin-bottom: 0.25rem;
  line-height: 1.2; }

.profile__link {
  margin-top: auto;
  line-height: 1; }
  .profile__link > button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer; }

.profile__modal {
  align-items: flex-start; }
  .profile__modal .profile__image {
    border-radius: 0.375rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: -1.5rem;
    margin-bottom: 0; }
    @media (min-width: 45rem) {
      .profile__modal .profile__image {
        border-radius: var(--border-radius);
        margin: 0;
        aspect-ratio: 1; } }
  .profile__modal .profile__content {
    text-align: left; }
  .profile__modal .profile__title {
    margin-bottom: 0; }
  .profile__modal .profile__link {
    margin-top: var(--flow-space, 1.5rem);
    line-height: 1.2; }

.profile > [data-modal-open] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  margin: -1rem;
  padding: 1rem;
  height: 100%; }

.profile--single {
  align-items: center;
  text-align: left;
  padding: 0;
  width: 100%; }
  @media (min-width: 60rem) {
    .profile--single {
      flex-direction: row; } }
  .profile--single .profile__link {
    margin-top: calc(var(--flow-space, 1.5rem) + 1rem); }

.steps {
  padding-inline: 3rem;
  text-align: center; }
  .steps__items {
    align-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-block-start: 3rem;
    width: 100%; }
    @media screen and (max-width: 600px) {
      .steps__items {
        flex-direction: column; } }
  .steps__content {
    flex: 29.33%;
    max-width: 250px;
    text-align: left; }
    @media (min-width: 45rem) {
      .steps__content {
        flex: 45%; } }
  .steps__text {
    font-size: 1rem;
    font-weight: var(--body-font-weight, 400);
    line-height: 1.4;
    color: var(--body-color, #6D7280); }
  .steps__title {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 700; }
    .steps__title-column {
      font-size: 1.25rem;
      color: var(--heading-color, #000); }
    .steps__title-number {
      font-size: 2.5rem;
      color: var(--color-navex-orange, #FF4500);
      margin-right: 2rem; }

.step-list__switcher {
  flex-basis: 100%;
  gap: 6rem; }

.step-list__items {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-block: 2.5rem 0; }
  .step-list__items > li {
    border-bottom: 1px solid var(--color-black, #000); }
    .step-list__items > li:first-child {
      border-top: 1px solid var(--color-black, #000); }
    @media (min-width: 45rem) {
      .step-list__items > li {
        border: none; }
        .step-list__items > li:first-child {
          border: none; } }
  @media (min-width: 45rem) {
    .step-list__items {
      margin-block: 0;
      gap: 0.75rem; } }
  .step-list__items button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    width: 100%;
    padding: 0.75rem 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 8C9.14956 8 8.89962 8.37124 9.03929 8.71123L11.8548 15.6141C11.9504 15.8475 12.1783 16 12.4301 16C12.6782 16 12.9024 15.8511 13.0016 15.6232L15.9568 8.73513C16.1057 8.38778 15.8502 8 15.4716 8C15.2584 8 15.0673 8.12681 14.9846 8.32346L12.4245 14.4213L9.99679 8.32529C9.91776 8.12865 9.72847 8 9.51712 8Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right; }
    .step-list__items button[aria-selected="true"] {
      color: var(--color-black, #000);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 16C9.14956 16 8.89962 15.6288 9.03929 15.2888L11.8548 8.38594C11.9504 8.15254 12.1783 8 12.4301 8C12.6782 8 12.9024 8.14886 13.0016 8.37675L15.9568 15.2649C16.1057 15.6122 15.8502 16 15.4716 16C15.2584 16 15.0673 15.8732 14.9846 15.6765L12.4245 9.57868L9.99679 15.6747C9.91776 15.8714 9.72847 16 9.51712 16Z' fill='%23FF4500'/%3E%3C/svg%3E"); }
    @media (min-width: 45rem) {
      .step-list__items button {
        padding: 0.75rem 1rem;
        font-size: 1.25rem;
        border-radius: calc(var(--border-radius, 0.75rem) / 2);
        background-image: none; }
        .step-list__items button[aria-selected="true"] {
          background-image: none; }
        .bg--primary .step-list__items button {
          background-color: var(--bg-secondary, #F0F5FB); }
        .bg--secondary .step-list__items button {
          background-color: var(--color-white, #fff);
          color: var(--color-black, #000); }
        .step-list__items button.active, .step-list__items button:hover, .step-list__items button:active {
          background-color: var(--color-black, #000);
          color: var(--color-white, #fff); } }
.step-list__item {
  display: flex;
  flex-direction: column;
  padding-block: 1.5rem;
  font-size: 1.125rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }
  @media (min-width: 60rem) {
    .step-list__item {
      font-size: 1.25rem; } }
  @media (min-width: 45rem) {
    .step-list__item {
      flex-direction: row;
      padding-block: 0; }
      .step-list__items .step-list__item {
        display: none; } }
  .step-list__item[hidden] {
    display: none; }

.step-list__image {
  flex-basis: calc((100% - var(--layout-gap, 1rem)) * 0.4); }
  .step-list__image figure {
    border-radius: var(--border-radius, 0.75rem);
    overflow: hidden; }

.tabs__info {
  text-align: center;
  max-width: 45rem;
  margin-inline: auto; }

.tabs__tablist {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-inline: auto;
  justify-content: center;
  margin-block: 1.5rem 0; }
  @media (min-width: 45rem) {
    .tabs__tablist {
      flex-direction: row;
      gap: 2.5rem;
      margin-block: 1.5rem 3.75rem; } }
  .tabs__tablist > li {
    border-bottom: 1px solid var(--color-black, #000); }
    .tabs__tablist > li:first-child {
      border-top: 1px solid var(--color-black, #000); }
    @media (min-width: 45rem) {
      .tabs__tablist > li {
        border: none; }
        .tabs__tablist > li:first-child {
          border: none; } }
  .tabs__tablist button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    width: 100%;
    padding: 0.75rem 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 8C9.14956 8 8.89962 8.37124 9.03929 8.71123L11.8548 15.6141C11.9504 15.8475 12.1783 16 12.4301 16C12.6782 16 12.9024 15.8511 13.0016 15.6232L15.9568 8.73513C16.1057 8.38778 15.8502 8 15.4716 8C15.2584 8 15.0673 8.12681 14.9846 8.32346L12.4245 14.4213L9.99679 8.32529C9.91776 8.12865 9.72847 8 9.51712 8Z' fill='%23FF4500'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right; }
    .tabs__tablist button[aria-selected="true"] {
      color: var(--color-black, #000);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.51712 16C9.14956 16 8.89962 15.6288 9.03929 15.2888L11.8548 8.38594C11.9504 8.15254 12.1783 8 12.4301 8C12.6782 8 12.9024 8.14886 13.0016 8.37675L15.9568 15.2649C16.1057 15.6122 15.8502 16 15.4716 16C15.2584 16 15.0673 15.8732 14.9846 15.6765L12.4245 9.57868L9.99679 15.6747C9.91776 15.8714 9.72847 16 9.51712 16Z' fill='%23FF4500'/%3E%3C/svg%3E"); }
    @media (min-width: 45rem) {
      .tabs__tablist button {
        padding: 1rem 0.25rem;
        border-bottom: 2px solid transparent;
        background-image: none; }
        .tabs__tablist button[aria-selected="true"], .tabs__tablist button:hover {
          color: var(--color-black, #000);
          border-bottom-color: var(--color-black, #000);
          background-image: none; } }
.tabs [hidden] {
  display: none; }

.tab {
  padding-block: 1.5rem; }
  @media (min-width: 45rem) {
    .tab {
      padding-block: 0;
      flex-direction: row-reverse; }
      .tab[data-content-order="reversed"] {
        flex-direction: row; } }
.tab__image > figure {
  border-radius: var(--border-radius, 0.75rem);
  overflow: hidden; }

.testimonials__title {
  margin-bottom: 2.5rem; }
  @media (min-width: 45rem) {
    .testimonials__title {
      margin-bottom: 3.75rem; } }
.testimonials__wrapper {
  max-width: 1024px;
  padding-inline: 4rem;
  text-align: center; }
  .testimonials__wrapper [aria-label="carousel"] ul {
    flex-wrap: nowrap;
    justify-content: flex-start; }

@media (min-width: 45rem) {
  .testimonials__wrapper [aria-label="carousel controls"] {
    height: 0; }
    .testimonials__wrapper [aria-label="carousel controls"] button {
      visibility: hidden; }
      .testimonials__wrapper [aria-label="carousel controls"] button.hidden {
        visibility: hidden; } }

.testimonial {
  max-width: 100%;
  width: 100%;
  padding-block: 0 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .testimonial-headshot {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3rem;
    max-width: 200px;
    width: 100%; }
    @media (min-width: 45rem) {
      .testimonial-headshot {
        min-width: 200px; } }
  .testimonial-details {
    display: flex;
    flex-direction: column; }
  .testimonial-text {
    font-size: 1.1304375rem;
    margin-top: 1rem; }
  .testimonial-detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem; }
    .testimonial-detail__name {
      font-size: 1rem;
      font-weight: 700;
      font-style: italic;
      text-align: left; }
    .testimonial-detail__rating {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      max-width: 120px;
      min-width: 120px; }
      .testimonial-detail__rating #rating-image {
        max-width: 120px;
        margin-bottom: 0.5rem;
        /* trick for dark stars */
        filter: contrast(0); }
        .fg--white .testimonial-detail__rating #rating-image {
          filter: contrast(1); }
      .testimonial-detail__rating #rating-text {
        font-size: 0.9rem;
        font-weight: 700; }
  @media screen and (max-width: 680px) {
    .testimonial {
      flex-direction: column-reverse;
      padding: 2rem 1.5rem; }
      .testimonial-detail {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center; }
      .testimonial-details {
        text-align: center; }
      .testimonial-headshot {
        align-self: center;
        margin-bottom: 3rem;
        margin-left: 0; } }
  @media screen and (max-width: 480px) {
    .testimonial__dots {
      display: none; } }
@media screen and (max-width: 680px) {
  [aria-label="carousel"] li.testimonial {
    margin-bottom: 0; } }

.faq-list .video__player {
  max-width: none; }

.faq-list__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 2.5rem; }
  @media (min-width: 60rem) {
    .faq-list__info {
      padding-bottom: 3.75rem; } }
.faq-list__items {
  display: flex;
  flex-direction: column;
  list-style: none;
  border-top: 1px solid var(--color-black); }
  .faq-list__items .faq-item__switcher {
    padding-bottom: 2rem; }
    @media (min-width: 60rem) {
      .faq-list__items .faq-item__switcher {
        padding-inline: 1.5rem; } }
  .faq-list__items .faq-item__switcher--full {
    flex-direction: column-reverse;
    flex-wrap: wrap; }
    .faq-list__items .faq-item__switcher--full .faq-item__image {
      width: 100%; }
      .faq-list__items .faq-item__switcher--full .faq-item__image img {
        width: 100%; }
    @media (min-width: 45rem) {
      .faq-list__items .faq-item__switcher--full .answer {
        max-width: 67%; } }
  .faq-list__items details {
    border-bottom: 1px solid var(--color-black); }
    .faq-list__items details .faq-item__image figure {
      border-radius: var(--border-radius, 0.75rem);
      overflow: hidden; }
    .faq-list__items details .answer {
      font-size: 1.125rem;
      font-weight: var(--body-font-weight, 400);
      line-height: 1.4;
      color: var(--body-color, #6D7280);
      padding: 0;
      margin-top: 0.5rem; }
      @media (min-width: 60rem) {
        .faq-list__items details .answer {
          font-size: 1.25rem; } }
    .faq-list__items details summary {
      list-style: none;
      cursor: pointer;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9658 0.5C13.7009 0.5 14.2008 1.24248 13.9214 1.92247L8.29036 15.7281C8.09923 16.1949 7.64345 16.5 7.13989 16.5C6.64368 16.5 6.19526 16.2023 5.99677 15.7465L0.0863657 1.97025C-0.211361 1.27556 0.299552 0.5 1.05673 0.5C1.4831 0.5 1.86537 0.753618 2.03077 1.14691L7.15092 13.3426L12.0064 1.15059C12.1645 0.757295 12.5431 0.5 12.9658 0.5Z' fill='%23FF4500'/%3E%3C/svg%3E%0A");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 0.5rem;
      margin-right: 0.5rem;
      padding-right: 1rem;
      padding-block: 2rem;
      color: var(--color-text-grey); }
      .faq-list__items details summary h3 {
        color: inherit; }
      @media (min-width: 60rem) {
        .faq-list__items details summary {
          margin-right: 1.5rem;
          padding-right: 1.5rem;
          background-size: auto; } }
      .faq-list__items details summary:hover {
        color: var(--color-black); }
    .faq-list__items details[open] summary {
      color: var(--color-black);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath d='M12.9658 16.5C13.7009 16.5 14.2008 15.7575 13.9214 15.0775L8.29036 1.27188C8.09923 0.805077 7.64345 0.5 7.13989 0.5C6.64368 0.5 6.19526 0.797726 5.99677 1.2535L0.0863657 15.0297C-0.211361 15.7244 0.299552 16.5 1.05673 16.5C1.4831 16.5 1.86537 16.2464 2.03077 15.8531L7.15092 3.65736L12.0064 15.8494C12.1645 16.2427 12.5431 16.5 12.9658 16.5Z' fill='%23FF4500'/%3E%3C/svg%3E"); }
  .faq-list__items details[open] summary ~ * {
    animation: sweep .2s ease-in-out; }

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.vertical-content {
  display: flex;
  flex-direction: row; }
  .vertical-content-top-title {
    display: flex;
    align-content: center;
    text-align: center; }
  .vertical-content-left {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 2rem;
    min-width: 40%;
    text-align: center; }
  .vertical-content__link {
    margin-top: 2rem; }
  .vertical-content-right {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .vertical-content-item {
    align-self: flex-start;
    display: flex;
    flex-direction: row;
    margin: 1rem 0; }
  .vertical-content-image {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    margin-right: 1.5rem;
    max-width: 140px;
    min-width: 140px;
    width: 100%;
    height: 100%; }
  .vertical-content-text {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .vertical-content-standalone {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 8rem; }
  .vertical-content-body-title {
    margin-bottom: 0.5rem; }
  .vertical-content-wrapper {
    padding-bottom: 4rem;
    padding-top: 4rem; }
  @media only screen and (max-width: 1075px) {
    .vertical-content {
      flex-direction: column;
      padding: 0 8rem; }
      .vertical-content-right {
        margin-top: 3rem; }
      .vertical-content-item {
        border-top: 1px solid;
        padding: 2rem;
        margin: 0;
        width: 100%; } }
  @media only screen and (max-width: 970px) {
    .vertical-content {
      padding: 0; }
      .vertical-content-standalone {
        padding: 0; } }
  @media only screen and (max-width: 700px) {
    .vertical-content-image {
      display: none; } }
.value-props {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end; }
  .value-props__icon {
    width: 2rem;
    margin-right: 1.5rem; }
    .value-props__icon.pink-icon {
      color: var(--color-principle-pink, #D50580); }
    .value-props__icon.green-icon {
      color: var(--color-governance-green, #157201); }
    .value-props__icon.blue-icon {
      color: var(--color-compliance-cobalt, #054BC5); }
    .value-props__icon.orange-icon {
      color: var(--color-navex-orange, #FF4500); }
  .value-props__info {
    max-width: 70%;
    padding-bottom: 4rem; }
  .value-props__items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%; }
  .value-props__item {
    display: flex;
    flex-direction: row;
    width: 33%; }
    .value-props__item-large {
      flex-direction: column;
      justify-items: center;
      text-align: center; }
      .value-props__item-large .value-props__icon {
        margin: 0 auto 1.75rem; }
      .value-props__item-large .value-props__text {
        align-self: center;
        width: 87%; }
        .value-props__item-large .value-props__text.rich-text p {
          margin-top: .75rem; }
  .value-props__link {
    flex-grow: 1;
    order: 5; }
    @media (min-width: 45rem) {
      .value-props__link {
        flex-grow: 0;
        order: initial;
        margin-bottom: 4rem; } }
  .value-props__text {
    display: flex;
    flex-direction: column;
    width: 80%; }
    .value-props__text p {
      font-size: 1rem;
      font-weight: var(--body-font-weight, 400);
      line-height: 1.4; }
  @media (max-width: 44.9375rem) {
    .value-props {
      align-items: unset;
      flex-direction: column; }
      .value-props__info {
        max-width: 100%;
        padding-bottom: 2rem; }
      .value-props__items {
        flex-direction: column; }
      .value-props__item {
        margin: 1rem;
        width: 100%; }
      .value-props__link {
        margin-bottom: 0;
        margin-top: 2rem; }
      .value-props__text {
        width: 100%; } }
.image-cta-text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 600px;
  padding: 3rem;
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%); }
  .image-cta-text-box-title {
    margin-bottom: 1rem; }
  .image-cta-text-box-link {
    margin-top: 1rem; }
  @media only screen and (max-width: 1200px) {
    .image-cta-text-box {
      left: 50%;
      padding: 2rem;
      width: 100%; } }
  @media only screen and (max-width: 850px) {
    .image-cta-text-box {
      background-color: var(--bg--secondary, #F0F5FB);
      color: var(--fg--secondary, #6D7280);
      max-height: unset;
      max-width: 100%;
      padding: 3rem;
      position: unset;
      top: unset;
      left: unset;
      transform: unset; } }
  .image-cta-text-box h3 {
    margin-bottom: .5rem; }
  .image-cta-text-box .action-link {
    margin-top: 1rem; }

@media only screen and (max-width: 850px) {
  .image-cta img {
    display: none; } }

.whistleb-signup {
  padding-block: 3rem; }
  .whistleb-signup .mktoButtonRow {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1em; }
  .whistleb-signup form[id^="mktoForm"][aria-hidden="true"],
  .whistleb-signup .mktoButtonRow[aria-hidden="true"],
  .whistleb-signup .mktoFormRow[aria-hidden="true"],
  .whistleb-signup .mktoButton[aria-hidden="true"] {
    display: none; }
  .whistleb-signup .mktoCaptchaDisclaimer {
    text-align: center;
    margin-top: 2.36rem; }
  .whistleb-signup .whistleb-signup__content {
    min-height: 16rem; }
  .whistleb-signup .whistleb-signup__progress-track {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: formStep; }
    .whistleb-signup .whistleb-signup__progress-track li {
      display: flex;
      flex-direction: row;
      align-items: center;
      counter-increment: formStep;
      list-style: none;
      padding-block: 1em;
      padding-inline-end: 1em;
      flex-grow: 1; }
      .whistleb-signup .whistleb-signup__progress-track li:before {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: counter(formStep);
        width: 2em;
        height: 2em;
        margin-right: 0.5em;
        border: 1px solid #6D7280;
        border-radius: 50%;
        background-color: #fff; }
      .whistleb-signup .whistleb-signup__progress-track li:after {
        display: none;
        content: "";
        flex: 1 1 auto;
        margin-inline: 1em;
        border-bottom: 1px solid #6D7280;
        opacity: 0.5; }
      .whistleb-signup .whistleb-signup__progress-track li:last-child {
        flex-grow: 0; }
      .whistleb-signup .whistleb-signup__progress-track li.completed:before {
        content: "";
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg height='1em' width='1em' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17.837 17.837' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23FF4500;' d='M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27 c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0 L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z'/%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat; }
      .whistleb-signup .whistleb-signup__progress-track li.active:before {
        color: #fff;
        border-color: #FF4500;
        background-color: #FF4500; }
    @media (min-width: 60rem) {
      .whistleb-signup .whistleb-signup__progress-track {
        flex-direction: row; }
        .whistleb-signup .whistleb-signup__progress-track li {
          padding-inline-end: 0; }
          .whistleb-signup .whistleb-signup__progress-track li:after {
            display: inline-block; } }
  .whistleb-signup .mktoButtonRow .mktoButton {
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem; }
  .whistleb-signup hr {
    padding: 0 !important; }

.statistics__switcher {
  flex-direction: column;
  gap: 0; }
  @media (min-width: 60rem) {
    .statistics__switcher {
      gap: calc(var(--layout-gap, 1rem));
      align-items: center;
      flex-direction: row-reverse; } }
  @media (min-width: 80rem) {
    .statistics__switcher {
      gap: calc(var(--layout-gap, 1rem) - 1.5rem); } }
@media (min-width: 30rem) {
  .statistics__info {
    max-width: 70%; } }

@media (min-width: 60rem) {
  .statistics__info {
    max-width: none; } }

.statistics__grid {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);
  scroll-behavior: smooth;
  padding-block: 2rem;
  margin-block: -2rem;
  /* hides h-scroll */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  padding-block: 5.75rem; }
  .statistics__grid::-webkit-scrollbar {
    display: none; }
  @media (max-width: 44.9375rem) {
    .statistics__grid {
      margin-inline-end: calc(-1 * var(--site-gutter, 1.5rem));
      padding-inline-end: var(--site-gutter, 1.5rem); } }
  @media (min-width: 60rem) {
    .statistics__grid {
      padding-block: 2rem; } }
.statistics__stat {
  font-size: 2rem;
  color: var(--card-accent-color, #FF4500); }
  @media (min-width: 80rem) {
    .statistics__stat {
      font-size: 2.5rem; } }
.statistics__content-card .content-card__title {
  margin-bottom: auto; }

.statistics__content-card .content-card__text a {
  position: relative;
  text-decoration: underline; }

.quote__content-card {
  width: calc((100% - 3rem) / 3);
  min-width: 15rem; }
  @media (min-width: 60rem) {
    .quote__content-card {
      padding: 2rem; } }
  .quote__content-card blockquote {
    border-left: none;
    padding: 0;
    margin: 0;
    margin-bottom: auto; }
  .quote__content-card .wiggle-link {
    margin-top: 0; }

.quote__accent {
  color: var(--card-accent-color, var(--color-navex-orange, #FF4500)); }

.quote__quote {
  margin-bottom: auto; }
  .quote__quote:before {
    display: none; }

.quote__author {
  font-size: 1rem;
  font-weight: var(--body-font-weight, 400);
  line-height: 1.4;
  color: var(--body-color, #6D7280); }

.quote--single {
  padding-block: 1.5rem; }
  .quote--single blockquote {
    border-color: var(--card-accent-color, var(--color-navex-orange, #FF4500)); }
  @media (min-width: 45rem) {
    .quote--single {
      padding-block: 0; }
      .quote--single .quote__quote, .quote--single .quote__info {
        max-width: 60%; } }