:root { --primary--background: var(--_color---harvest--100); --_typography---paragraph-body--font: var(--_typography---fonts--primary-font); --_color---ocean--black: #1d1c1a; --_typography---paragraph-body--font-size: clamp(var(--_typography---paragraph-body--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-body--font-size-min-rem) - ((var(--_typography---paragraph-body--font-size-max-rem) - var(--_typography---paragraph-body--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-body--font-size-max-rem) - var(--_typography---paragraph-body--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-body--font-size-max-rem) * 1rem); --_typography---paragraph-body--line-height: 1.6; --_typography---paragraph-body--font-weight: 400; --_typography---paragraph-body--letter-spacing: 0em; --_typography---display-xl--bottom-margin: 0em; --_typography---display-xl--font: var(--_typography---fonts--secondary-font); --_typography---display-xl--font-size: clamp(var(--_typography---display-xl--font-size-min-rem) * 1rem, ((var(--_typography---display-xl--font-size-min-rem) - ((var(--_typography---display-xl--font-size-max-rem) - var(--_typography---display-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---display-xl--font-size-max-rem) - var(--_typography---display-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---display-xl--font-size-max-rem) * 1rem); --_typography---display-xl--line-height: 1.2; --_typography---display-xl--font-weight: 400; --_typography---display-xl--letter-spacing: -.02em; --_typography---display-lg--bottom-margin: 0em; --_typography---display-lg--font: var(--_typography---fonts--secondary-font); --_typography---display-lg--font-size: clamp(var(--_typography---display-lg--font-size-min-rem) * 1rem, ((var(--_typography---display-lg--font-size-min-rem) - ((var(--_typography---display-lg--font-size-max-rem) - var(--_typography---display-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---display-lg--font-size-max-rem) - var(--_typography---display-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---display-lg--font-size-max-rem) * 1rem); --_typography---display-lg--line-height: 1.1; --_typography---display-lg--font-weight: 400; --_typography---display-lg--letter-spacing: -.02em; --_typography---display-md--bottom-margin: 0em; --_typography---display-md--font: var(--_typography---fonts--secondary-font); --_typography---display-md--font-size: clamp(var(--_typography---display-md--font-size-min-rem) * 1rem, ((var(--_typography---display-md--font-size-min-rem) - ((var(--_typography---display-md--font-size-max-rem) - var(--_typography---display-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---display-md--font-size-max-rem) - var(--_typography---display-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---display-md--font-size-max-rem) * 1rem); --_typography---display-md--line-height: 1.2; --_typography---display-md--font-weight: 400; --_typography---display-md--letter-spacing: 0em; --_typography---display-sm--bottom-margin: 0em; --_typography---display-sm--font: var(--_typography---fonts--secondary-font); --_typography---display-sm--font-size: clamp(var(--_typography---display-sm--font-size-min-rem) * 1rem, ((var(--_typography---display-sm--font-size-min-rem) - ((var(--_typography---display-sm--font-size-max-rem) - var(--_typography---display-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---display-sm--font-size-max-rem) - var(--_typography---display-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---display-sm--font-size-max-rem) * 1rem); --_typography---display-sm--line-height: 1.4; --_typography---display-sm--font-weight: 400; --_typography---display-sm--letter-spacing: 0em; --_typography---headline-lg--bottom-margin: 0em; --_typography---headline-lg--font: var(--_typography---fonts--secondary-font); --_typography---headline-lg--font-size: clamp(var(--_typography---headline-lg--font-size-min-rem) * 1rem, ((var(--_typography---headline-lg--font-size-min-rem) - ((var(--_typography---headline-lg--font-size-max-rem) - var(--_typography---headline-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---headline-lg--font-size-max-rem) - var(--_typography---headline-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---headline-lg--font-size-max-rem) * 1rem); --_typography---headline-lg--line-height: 1.3; --_typography---headline-lg--font-weight: 400; --_typography---headline-lg--letter-spacing: 0em; --_typography---headline-md--bottom-margin: 0em; --_typography---headline-md--font: var(--_typography---fonts--secondary-font); --_typography---headline-md--font-size: clamp(var(--_typography---headline-md--font-size-min-rem) * 1rem, ((var(--_typography---headline-md--font-size-min-rem) - ((var(--_typography---headline-md--font-size-max-rem) - var(--_typography---headline-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---headline-md--font-size-max-rem) - var(--_typography---headline-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---headline-md--font-size-max-rem) * 1rem); --_typography---headline-md--line-height: 1.3; --_typography---headline-md--font-weight: 500; --_typography---headline-md--letter-spacing: 0em; --_typography---paragraph-body--bottom-margin: 0em; --primary--accent: var(--_color---ocean--200); --_typography---headline-sm--font: var(--_typography---fonts--secondary-font); --_typography---headline-sm--font-size: clamp(var(--_typography---headline-sm--font-size-min-rem) * 1rem, ((var(--_typography---headline-sm--font-size-min-rem) - ((var(--_typography---headline-sm--font-size-max-rem) - var(--_typography---headline-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---headline-sm--font-size-max-rem) - var(--_typography---headline-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---headline-sm--font-size-max-rem) * 1rem); --_typography---headline-sm--line-height: 1.3; --_typography---headline-sm--font-weight: 400; --_typography---headline-sm--letter-spacing: 0em; --_components---section--padding: clamp(var(--_components---section--padding-min-rem) * 1rem, ((var(--_components---section--padding-min-rem) - ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---section--padding-max-rem) - var(--_components---section--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---section--padding-max-rem) * 1rem); --primary--accent-dark: var(--_color---ocean--500); --_color---ocean--500: #122838; --_color---harvest--100: #fdfbee; --primary--200: var(--_color---ocean--200); --_color---harvest--500: #5c4915; --_color---evergreen--500: #163c35; --_components---container--max-width: calc(var(--_layout---fluid--max) * 1rem); --_layout---grid--gap-main: 40px; --_size---0rem\: 0rem; --_layout---grid--gap-md: 24px; --_layout---grid--gap-sm: 8px; --_layout---grid--gap-button: 16px; --_color---ocean--400: #33546d; --_color---harvest--400: #897437; --_color---evergreen--400: #467665; --_color---ocean--300: #81a5c2; --_components---button--vertical-padding: 1em; --_components---button--horizontal-padding: 1.5em; --_components---button--border-radius: 0rem; --_components---button--font: var(--_typography---fonts--primary-font); --primary--text-light: var(--_color---ocean--100); --_components---button--font-size: 1.125rem; --_components---button--line-height: 1em; --_components---button--font-weight: 400; --_components---button--letter-spacing: 0em; --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --_color---harvest--300: #c9bc75; --_color---evergreen--300: #7fba8e; --_color---evergreen--100: #effded; --_components---card--border-radius: 0rem; --_color---ocean--200: #c3d6e5; --_components---card--padding: clamp(var(--_components---card--padding-min-rem) * 1rem, ((var(--_components---card--padding-min-rem) - ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_components---card--padding-max-rem) - var(--_components---card--padding-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_components---card--padding-max-rem) * 1rem); --_components---input--bottom-margin: 1rem; --_size---0-5rem\: .5rem; --primary--border: var(--_color---ocean--500); --_components---input--border-radius: .5rem; --_components---input--font: var(--_typography---fonts--primary-font); --_components---input--font-size: 1rem; --_components---input--line-height: 1.5em; --_components---input--font-weight: 400; --_components---input--letter-spacing: 0em; --_components---input-label--font: var(--_typography---fonts--primary-font); --_components---input-label--font-size: .9rem; --_components---input-label--line-height: 1em; --_components---input-label--font-weight: 500; --_components---input-label--letter-spacing: 0em; --_color---ocean--100: #edf7ff; --_typography---eyebrow--bottom-margin: 0em; --_typography---eyebrow--font: var(--_typography---fonts--primary-font); --_typography---eyebrow--font-size: clamp(var(--_typography---eyebrow--font-size-min-rem) * 1rem, ((var(--_typography---eyebrow--font-size-min-rem) - ((var(--_typography---eyebrow--font-size-max-rem) - var(--_typography---eyebrow--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---eyebrow--font-size-max-rem) - var(--_typography---eyebrow--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---eyebrow--font-size-max-rem) * 1rem); --_typography---eyebrow--line-height: 1.2; --_typography---eyebrow--font-weight: 500; --_typography---paragraph-sm--bottom-margin: 0em; --_typography---paragraph-sm--font: var(--_typography---fonts--primary-font); --_typography---paragraph-sm--font-size: clamp(var(--_typography---paragraph-sm--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-sm--font-size-min-rem) - ((var(--_typography---paragraph-sm--font-size-max-rem) - var(--_typography---paragraph-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-sm--font-size-max-rem) - var(--_typography---paragraph-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-sm--font-size-max-rem) * 1rem); --_typography---paragraph-sm--line-height: 1.2; --_typography---paragraph-sm--font-weight: 400; --_typography---paragraph-sm--letter-spacing: 0em; --_typography---paragraph-lg--bottom-margin: 0em; --_typography---paragraph-lg--font: var(--_typography---fonts--primary-font); --_typography---paragraph-lg--font-size: clamp(var(--_typography---paragraph-lg--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-lg--font-size-min-rem) - ((var(--_typography---paragraph-lg--font-size-max-rem) - var(--_typography---paragraph-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-lg--font-size-max-rem) - var(--_typography---paragraph-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-lg--font-size-max-rem) * 1rem); --_typography---paragraph-lg--line-height: 1.5; --_typography---paragraph-lg--font-weight: 400; --_typography---paragraph-lg--letter-spacing: 0em; --_typography---paragraph-xl--bottom-margin: 0em; --_typography---paragraph-xl--font: var(--_typography---fonts--primary-font); --_typography---paragraph-xl--font-size: clamp(var(--_typography---paragraph-xl--font-size-min-rem) * 1rem, ((var(--_typography---paragraph-xl--font-size-min-rem) - ((var(--_typography---paragraph-xl--font-size-max-rem) - var(--_typography---paragraph-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---paragraph-xl--font-size-max-rem) - var(--_typography---paragraph-xl--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---paragraph-xl--font-size-max-rem) * 1rem); --_typography---paragraph-xl--line-height: 1.4; --_typography---paragraph-xl--font-weight: 400; --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --_layout---spacing--margin-md: 2em; --_layout---spacing--margin-lg: 3em; --_layout---spacing--margin-sm: 1em; --_typography---type-paragraph-lg--font-size-md\: 1.25rem; --_typography---type-paragraph-lg--font-size-sm\: 1.1rem; --_typography---type-paragraph-lg--font-size-xs\: 1.1rem; --_typography---type-paragraph-sm--font-size-md\: .9rem; --_typography---type-paragraph-sm--font-size-sm\: .9rem; --_typography---type-paragraph-sm--font-size-xs\: .9rem; --_layout---spacing--margin-xs: .5em; --_responsive---padding--card\: 1.5rem; --_components---card--card-body-padding-sm\: 20px; --_size---0-25rem\: .25rem; --_size---2rem\: 2rem; --_size---1-5rem\: 1.5rem; --_size---3rem\: 3rem; --_size---0-75rem\: .75rem; --_typography---title-lg--font: var(--_typography---fonts--secondary-font); --_typography---title-lg--font-size: clamp(var(--_typography---title-lg--font-size-min-rem) * 1rem, ((var(--_typography---title-lg--font-size-min-rem) - ((var(--_typography---title-lg--font-size-max-rem) - var(--_typography---title-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---title-lg--font-size-max-rem) - var(--_typography---title-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---title-lg--font-size-max-rem) * 1rem); --_typography---title-lg--line-height: 1.3; --_typography---title-lg--font-weight: 400; --_typography---title-lg--letter-spacing: 0px; --_typography---title-md--font: var(--_typography---fonts--secondary-font); --_typography---title-md--font-size: clamp(var(--_typography---title-md--font-size-min-rem) * 1rem, ((var(--_typography---title-md--font-size-min-rem) - ((var(--_typography---title-md--font-size-max-rem) - var(--_typography---title-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---title-md--font-size-max-rem) - var(--_typography---title-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---title-md--font-size-max-rem) * 1rem); --_typography---title-md--line-height: 1.4; --_typography---title-md--font-weight: 400; --_typography---title-md--letter-spacing: 0px; --_typography---title-sm--font: var(--_typography---fonts--secondary-font); --_typography---title-sm--font-size: clamp(var(--_typography---title-sm--font-size-min-rem) * 1rem, ((var(--_typography---title-sm--font-size-min-rem) - ((var(--_typography---title-sm--font-size-max-rem) - var(--_typography---title-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---title-sm--font-size-max-rem) - var(--_typography---title-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---title-sm--font-size-max-rem) * 1rem); --_typography---title-sm--line-height: 1.4; --_typography---title-sm--font-weight: 400; --_typography---title-sm--letter-spacing: 0px; --_typography---label-lg--font: var(--_typography---fonts--primary-font); --_typography---label-lg--font-size: clamp(var(--_typography---label-lg--font-size-min-rem) * 1rem, ((var(--_typography---label-lg--font-size-min-rem) - ((var(--_typography---label-lg--font-size-max-rem) - var(--_typography---label-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---label-lg--font-size-max-rem) - var(--_typography---label-lg--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---label-lg--font-size-max-rem) * 1rem); --_typography---label-lg--line-height: 1.4; --_typography---label-lg--font-weight: 500; --_typography---label-lg--letter-spacing: 0px; --_typography---label-md--font: var(--_typography---fonts--primary-font); --_typography---label-md--font-size: clamp(var(--_typography---label-md--font-size-min-rem) * 1rem, ((var(--_typography---label-md--font-size-min-rem) - ((var(--_typography---label-md--font-size-max-rem) - var(--_typography---label-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---label-md--font-size-max-rem) - var(--_typography---label-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---label-md--font-size-max-rem) * 1rem); --_typography---label-md--line-height: 1.4; --_typography---label-md--font-weight: 500; --_typography---label-md--letter-spacing: 0px; --_typography---label-sm--font: var(--_typography---fonts--primary-font); --_typography---label-sm--line-height: 1.3; --_typography---label-sm--font-weight: 500; --_typography---label-sm--letter-spacing: 0px; --primary--image-overlay: #122838e6; --_typography---fonts--primary-font: "FK Grotesk", Arial, sans-serif; --_color---harvest--200: #fefac9; --_color---evergreen--200: #c4efbe; --_layout---fluid--max: 90; --_typography---fonts--secondary-font: "FK Display", Arial, sans-serif; --_layout---fluid--min: 20; --_components---section--padding-min-rem: 3; --_components---section--padding-max-rem: 6; --_components---card--padding-min-rem: 1; --_components---card--padding-max-rem: 1.5; --_typography---display-xl--font-size-min-rem: 2.8; --_typography---display-xl--font-size-max-rem: 4.5; --_typography---display-lg--font-size-min-rem: 2; --_typography---display-lg--font-size-max-rem: 3.5; --_typography---display-md--font-size-min-rem: 1.5; --_typography---display-md--font-size-max-rem: 3; --_typography---display-sm--font-size-min-rem: 1.3; --_typography---display-sm--font-size-max-rem: 2.5; --_typography---headline-lg--font-size-min-rem: 1.1; --_typography---headline-lg--font-size-max-rem: 2; --_typography---headline-md--font-size-min-rem: .9; --_typography---headline-md--font-size-max-rem: 1.75; --_typography---headline-sm--font-size-min-rem: 1.25; --_typography---headline-sm--font-size-max-rem: 1.5; --_typography---headline-sm--bottom-margin: 0px; --_typography---title-lg--font-size-min-rem: 1; --_typography---title-lg--font-size-max-rem: 1.25; --_typography---title-lg--bottom-margin: 0px; --_typography---title-md--font-size-min-rem: .875; --_typography---title-md--font-size-max-rem: 1.125; --_typography---title-md--bottom-margin: 0px; --_typography---title-sm--font-size-min-rem: .875; --_typography---title-sm--font-size-max-rem: 1; --_typography---title-sm--bottom-margin: 0px; --_typography---label-lg--font-size-min-rem: 1; --_typography---label-lg--font-size-max-rem: 1.125; --_typography---label-lg--bottom-margin: 0px; --_typography---label-md--font-size-min-rem: 1; --_typography---label-md--font-size-max-rem: 1; --_typography---label-md--bottom-margin: 0px; --_typography---label-sm--font-size: clamp(var(--_typography---label-sm--font-size-min-rem) * 1rem, ((var(--_typography---label-sm--font-size-min-rem) - ((var(--_typography---label-md--font-size-max-rem) - var(--_typography---label-md--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min)) * var(--_layout---fluid--min))) * 1rem + ((var(--_typography---label-sm--font-size-max-rem) - var(--_typography---label-sm--font-size-min-rem)) / (var(--_layout---fluid--max) - var(--_layout---fluid--min))) * 100vw), var(--_typography---label-md--font-size-max-rem) * 1rem); --_typography---label-sm--font-size-min-rem: .875; --_typography---label-sm--font-size-max-rem: .875; --_typography---label-sm--margin-bottom: 0px; --_typography---paragraph-xl--font-size-min-rem: 1.2; --_typography---paragraph-xl--font-size-max-rem: 1.5; --_typography---paragraph-xl--letter-spacing: 0em; --_typography---paragraph-lg--font-size-min-rem: 1.1; --_typography---paragraph-lg--font-size-max-rem: 1.125; --_typography---paragraph-body--font-size-min-rem: .9; --_typography---paragraph-body--font-size-max-rem: 1; --_typography---paragraph-sm--font-size-min-rem: .8; --_typography---paragraph-sm--font-size-max-rem: .875; --_typography---eyebrow--font-size-min-rem: .7; --_typography---eyebrow--font-size-max-rem: .8; --_typography---eyebrow--letter-spacing: .1em; } body { background-color: var(--primary--background); font-family: var(--_typography---paragraph-body--font); color: var(--_color---ocean--black); font-size: var(--_typography---paragraph-body--font-size); line-height: var(--_typography---paragraph-body--line-height); font-weight: var(--_typography---paragraph-body--font-weight); letter-spacing: var(--_typography---paragraph-body--letter-spacing); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; text-wrap: pretty; } h1 { margin-top: 0; margin-bottom: var(--_typography---display-xl--bottom-margin); font-family: var(--_typography---display-xl--font); font-size: var(--_typography---display-xl--font-size); line-height: var(--_typography---display-xl--line-height); font-weight: var(--_typography---display-xl--font-weight); letter-spacing: var(--_typography---display-xl--letter-spacing); } h2 { margin-top: 0; margin-bottom: var(--_typography---display-lg--bottom-margin); font-family: var(--_typography---display-lg--font); font-size: var(--_typography---display-lg--font-size); line-height: var(--_typography---display-lg--line-height); font-weight: var(--_typography---display-lg--font-weight); letter-spacing: var(--_typography---display-lg--letter-spacing); } h3 { margin-top: 0; margin-bottom: var(--_typography---display-md--bottom-margin); font-family: var(--_typography---display-md--font); font-size: var(--_typography---display-md--font-size); line-height: var(--_typography---display-md--line-height); font-weight: var(--_typography---display-md--font-weight); letter-spacing: var(--_typography---display-md--letter-spacing); } h4 { margin-top: 0; margin-bottom: var(--_typography---display-sm--bottom-margin); font-family: var(--_typography---display-sm--font); font-size: var(--_typography---display-sm--font-size); line-height: var(--_typography---display-sm--line-height); font-weight: var(--_typography---display-sm--font-weight); letter-spacing: var(--_typography---display-sm--letter-spacing); } h5 { margin-top: 0; margin-bottom: var(--_typography---headline-lg--bottom-margin); font-family: var(--_typography---headline-lg--font); font-size: var(--_typography---headline-lg--font-size); line-height: var(--_typography---headline-lg--line-height); font-weight: var(--_typography---headline-lg--font-weight); letter-spacing: var(--_typography---headline-lg--letter-spacing); } h6 { margin-top: 0; margin-bottom: var(--_typography---headline-md--bottom-margin); font-family: var(--_typography---headline-md--font); font-size: var(--_typography---headline-md--font-size); line-height: var(--_typography---headline-md--line-height); font-weight: var(--_typography---headline-md--font-weight); letter-spacing: var(--_typography---headline-md--letter-spacing); } p { margin-bottom: var(--_typography---paragraph-body--bottom-margin); } a { color: inherit; text-underline-offset: .1em; text-underline-position: under; text-decoration: underline; text-decoration-thickness: .01em; } a:hover { text-decoration: none; } a:focus-visible, a[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } ul, ol { margin-top: 0; margin-bottom: 1em; padding-left: 2.2em; } li { margin-bottom: .3em; } img { max-width: 100%; display: inline-block; } label { margin-bottom: 5px; display: block; } strong { font-weight: bold; } blockquote { border-left: 5px solid #e2e2e2; margin-bottom: 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 5px; } .display-xl { margin-top: 0; margin-bottom: var(--_typography---display-xl--bottom-margin); font-family: var(--_typography---display-xl--font); font-size: var(--_typography---display-xl--font-size); line-height: var(--_typography---display-xl--line-height); font-weight: var(--_typography---display-xl--font-weight); letter-spacing: var(--_typography---display-xl--letter-spacing); } .display-lg { margin-top: 0; margin-bottom: var(--_typography---display-lg--bottom-margin); font-family: var(--_typography---display-lg--font); font-size: var(--_typography---display-lg--font-size); line-height: var(--_typography---display-lg--line-height); font-weight: var(--_typography---display-lg--font-weight); letter-spacing: var(--_typography---display-lg--letter-spacing); } .display-md { margin-top: 0; margin-bottom: var(--_typography---display-md--bottom-margin); font-family: var(--_typography---display-md--font); font-size: var(--_typography---display-md--font-size); line-height: var(--_typography---display-md--line-height); font-weight: var(--_typography---display-md--font-weight); letter-spacing: var(--_typography---display-md--letter-spacing); } .display-sm { margin-top: 0; margin-bottom: var(--_typography---display-sm--bottom-margin); font-family: var(--_typography---display-sm--font); font-size: var(--_typography---display-sm--font-size); line-height: var(--_typography---display-sm--line-height); font-weight: var(--_typography---display-sm--font-weight); letter-spacing: var(--_typography---display-sm--letter-spacing); } .headline-lg { margin-top: 0; margin-bottom: var(--_typography---headline-lg--bottom-margin); font-family: var(--_typography---headline-lg--font); font-size: var(--_typography---headline-lg--font-size); line-height: var(--_typography---headline-lg--line-height); font-weight: var(--_typography---headline-lg--font-weight); letter-spacing: var(--_typography---headline-lg--letter-spacing); } .headline-sm { margin-top: 0; margin-bottom: var(--_typography---headline-md--bottom-margin); font-family: var(--_typography---headline-sm--font); font-size: var(--_typography---headline-sm--font-size); line-height: var(--_typography---headline-sm--line-height); font-weight: var(--_typography---headline-sm--font-weight); letter-spacing: var(--_typography---headline-sm--letter-spacing); } .section { padding-top: var(--_components---section--padding); padding-bottom: var(--_components---section--padding); background-color: var(--primary--background); position: relative; } .section:where(.w-variant-ffdae436-6d76-12b6-39d6-0e4201c47aad) { background-color: var(--primary--accent); } .section.cc-footer { background-color: var(--primary--accent-dark); color: var(--primary--background); margin-top: auto; padding-top: 0; padding-bottom: 2rem; } .section.cc-footer:where(.w-variant-03470b75-1c46-84c5-1d69-d2bb1e4cbe42) { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; } .section.dark { background-color: var(--_color---ocean--500); color: var(--_color---harvest--100); } .section.light { background-color: var(--primary--200); color: var(--_color---ocean--500); } .section.industries-hero-section { padding-bottom: 0; } .section.cc-footer-v2:where(.w-variant-0194fa9e-ac50-0a96-d616-cacee344904e), .section.cc-footer-v2:where(.w-variant-3a008b92-ef97-a577-8325-bb3a91325efb) { background-color: var(--_color---evergreen--500); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; } .section.bg-green { background-color: var(--_color---evergreen--500); color: var(--_color---harvest--100); } .section.bg-harvest { background-color: var(--_color---harvest--500); color: var(--_color---harvest--100); } .section.bg-blue { background-color: var(--_color---ocean--500); color: var(--_color---harvest--100); } .section.padding-vertical_zero.u-maxh70vh { max-height: 70vh; } .section.cc-footer-v2 { background-color: var(--primary--accent-dark); color: var(--_color---harvest--100); margin-top: auto; padding-top: 0; padding-bottom: 2rem; } .section.cc-footer-v2:where(.w-variant-03470b75-1c46-84c5-1d69-d2bb1e4cbe42) { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; } .section.cc-footer-v2:where(.w-variant-698bd576-516f-f7aa-792a-cc287a8fed6d) { background-color: var(--_color---harvest--500); } .section.cc-footer-v2:where(.w-variant-0194fa9e-ac50-0a96-d616-cacee344904e), .section.cc-footer-v2:where(.w-variant-3a008b92-ef97-a577-8325-bb3a91325efb) { background-color: var(--_color---evergreen--500); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; } .container { width: 88%; max-width: var(--_components---container--max-width); margin-left: auto; margin-right: auto; display: block; } .container.cc-nav:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6), .container.cc-nav:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569), .container.cc-nav:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { grid-column-gap: 2rem; grid-row-gap: 2rem; width: 91%; } .container.cc-nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; display: flex; } .container.cc-nav:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6), .container.cc-nav:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569), .container.cc-nav:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { grid-column-gap: 2rem; grid-row-gap: 2rem; width: 91%; } .row { grid-row-gap: var(--_layout---grid--gap-main); margin-left: calc(var(--_layout---grid--gap-main) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-main) / 2 * -1); flex-wrap: wrap; align-content: stretch; display: flex; } .row:where(.w-variant-478364d0-b9a1-9a8d-3561-fc2372ac7598) { justify-content: center; } .row:where(.w-variant-5d43bd90-6372-654d-731d-541adec41264) { justify-content: space-between; } .row:where(.w-variant-74857e04-b06e-e825-b9a7-b1c429c16d7e) { align-items: center; } .row:where(.w-variant-83b17255-59f7-790b-da69-1e44aab5c586) { justify-content: center; align-items: center; } .row:where(.w-variant-d8cdc2fb-aedc-5d05-72c6-68fd71715228) { justify-content: space-between; align-items: center; } .row:where(.w-variant-b304d51f-8499-8e80-0632-b7e8accf301a) { justify-content: flex-end; align-items: stretch; } .row:where(.w-variant-84c0d3ac-e67c-aa17-8572-49b2e539ff14) { justify-content: flex-end; align-items: center; } .row:where(.w-variant-3d1b8c14-9e99-f9f9-47c1-87e724473bc0) { justify-content: flex-start; align-items: flex-end; } .row:where(.w-variant-30bc1b76-8350-656c-94d9-a238454cac88) { justify-content: flex-end; align-items: flex-end; } .row:where(.w-variant-17c26d76-ad6d-56cb-bed9-f93779ad31e8) { justify-content: center; align-items: flex-end; } .row:where(.w-variant-c4e0622f-418c-65e4-f062-f3424e8d2467) { justify-content: space-between; align-items: flex-end; } .row.row-justify-end { justify-content: flex-end; } .row.row-align-end { align-items: flex-end; } .row.row-justify-center { justify-content: center; } .row.row-align-center { align-items: center; } .row.row-justify-around { justify-content: space-around; } .row.row-gap-md { grid-row-gap: var(--_layout---grid--gap-md); margin-left: calc(var(--_layout---grid--gap-md) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-md) / 2 * -1); } .row.row-gap-sm { grid-row-gap: var(--_layout---grid--gap-sm); margin-left: calc(var(--_layout---grid--gap-sm) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-sm) / 2 * -1); } .row.row-gap-button { grid-row-gap: var(--_layout---grid--gap-button); margin-left: calc(var(--_layout---grid--gap-md) / 2 * -1); margin-right: calc(var(--_layout---grid--gap-md) / 2 * -1); } .row.color-base:where(.w-variant-0194fa9e-ac50-0a96-d616-cacee344904e), .row.color-base:where(.w-variant-3a008b92-ef97-a577-8325-bb3a91325efb) { color: var(--_color---evergreen--400); } .row.center-between { justify-content: space-between; align-items: stretch; } .row.row-justify-between { justify-content: space-between; } .row.row-gap-0 { grid-row-gap: var(--_size---0rem\); margin-bottom: 0; margin-left: 0; margin-right: 0; } .row.row-gap-0.footer-top_wrap { flex-flow: wrap; display: flex; } .row.color-base { color: var(--_color---ocean--400); } .row.color-base:where(.w-variant-698bd576-516f-f7aa-792a-cc287a8fed6d) { color: var(--_color---harvest--400); } .row.color-base:where(.w-variant-0194fa9e-ac50-0a96-d616-cacee344904e), .row.color-base:where(.w-variant-3a008b92-ef97-a577-8325-bb3a91325efb) { color: var(--_color---evergreen--400); } .col { padding-right: calc(var(--_layout---grid--gap-main) / 2); flex-flow: column; flex: 1; display: flex; position: relative; } .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16) { flex: 25%; max-width: 16.6667%; } .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6) { flex-grow: 1; flex-basis: 33.3333%; max-width: 33.3333%; } .col:where(.w-variant-52b169ce-f9c2-1128-cb8d-e5acee9f9159) { flex-grow: 1; flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-f8adaa2d-7dff-f490-b6dd-19f48419d59b) { flex: 75%; max-width: 75%; } .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3) { flex: 41.6667%; max-width: 41.6667%; } .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b) { flex: 58.3333%; max-width: 58.3333%; } .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 66.6667%; max-width: 66.6667%; } .col:where(.w-variant-63569d8e-a8ac-61e1-0666-21eb6073c541) { flex: 0 auto; } .col:where(.w-variant-95c67bf8-407f-143d-c1b2-46906c26a2f4) { flex: 83.3333%; max-width: 83.3333%; } .col:where(.w-variant-6f373193-993b-d370-7068-a233ac19befc) { flex: 91.6667%; max-width: 91.6667%; } .col:where(.w-variant-c2470e99-215a-e78c-3ec0-c579f938e15e) { flex: 100%; max-width: 100%; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex: 25%; max-width: 25%; } .col.col-lg-3 { flex-basis: 25%; max-width: 25%; } .col.col-lg-7 { flex-basis: 58.33%; max-width: 58.3333%; } .col.col-lg-2 { flex-basis: 16.67%; max-width: 16.6667%; } .col.col-lg-5 { flex-basis: 41.67%; max-width: 41.6667%; } .col.col-lg-9 { flex-basis: 75%; max-width: 75%; } .col.col-lg-11 { flex-basis: 91.67%; max-width: 91.6667%; } .col.col-lg-8 { flex-basis: 66.67%; max-width: 66.6667%; } .col.col-lg-4 { flex-basis: 33.33%; max-width: 33.3333%; } .col.col-lg-10 { flex-basis: 83.33%; max-width: 83.3333%; } .col.col-lg-1 { flex-basis: 8.33%; max-width: 8.33333%; } .col.col-lg-first { order: -1; } .col.col-lg-last { order: 1; } .col.col-lg-offset-1 { margin-left: 8.33333%; } .col.col-lg-offset-2 { margin-left: 16.6667%; } .col.col-lg-offset-3 { margin-left: 25%; } .col.col-lg-offset-4 { margin-left: 33.3333%; } .col.col-lg-offset-5 { margin-left: 41.67%; } .col.col-lg-offset-6 { margin-left: 50%; } .col._5-12 { flex: 41.6667%; max-width: 41.6667%; } .col.col-lg-6 { flex-basis: 50%; max-width: 50%; } .col.col-lg-12 { flex-basis: 100%; max-width: 100%; } .col.col-shrink { flex: 0 auto; } .col.u-bg-white:where(.w-variant-58559817-a507-76d1-ff0f-9267f4eba1c3) { background-color: var(--_color---ocean--300); } .col.u-bg-500:where(.w-variant-698bd576-516f-f7aa-792a-cc287a8fed6d) { background-color: var(--_color---harvest--500); } .col.u-bg-500:where(.w-variant-0194fa9e-ac50-0a96-d616-cacee344904e) { background-color: var(--_color---evergreen--500); } .col.u-bg-500:where(.w-variant-58559817-a507-76d1-ff0f-9267f4eba1c3) { background-color: var(--_color---ocean--500); } .col.u-bg-500:where(.w-variant-3a008b92-ef97-a577-8325-bb3a91325efb) { background-color: var(--_color---evergreen--500); } .button { padding: var(--_components---button--vertical-padding) var(--_components---button--horizontal-padding); grid-column-gap: .4em; grid-row-gap: .4em; border-radius: var(--_components---button--border-radius); background-color: var(--_color---ocean--500); pointer-events: auto; font-family: var(--_components---button--font); color: var(--primary--text-light); font-size: var(--_components---button--font-size); line-height: var(--_components---button--line-height); font-weight: var(--_components---button--font-weight); text-align: center; letter-spacing: var(--_components---button--letter-spacing); border: 1px solid #0000; justify-content: center; align-items: center; text-decoration: none; transition: background-color .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1); display: inline-flex; position: relative; } .button:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { border-top-color: var(--primary--accent-dark); border-right-color: var(--primary--accent-dark); border-bottom-color: var(--primary--accent-dark); border-left-color: var(--primary--accent-dark); color: var(--primary--text-dark); background-color: #0000; } .button:where(.w-variant-d1529e17-3cdf-27c5-1b9b-b095dbba264a) { width: 100%; height: 100%; font-family: var(--_typography---display-xl--font); font-size: var(--_typography---headline-md--font-size); line-height: var(--_typography---headline-md--line-height); font-weight: var(--_typography---headline-md--font-weight); letter-spacing: var(--_typography---headline-md--letter-spacing); text-decoration: underline; } .button:where(.w-variant-4223b908-46c2-e90e-3609-85466cfaabd3) { padding: var(--_components---button--vertical-padding); aspect-ratio: 1; color: var(--primary--accent); border-radius: 50%; } .button:where(.w-variant-0fae3621-b9f7-dcb6-85c8-93fa8ea85c7e) { background-color: var(--primary--400); } .button:where(.w-variant-ebebb8db-d2dc-1c48-fe79-578f585ae65a) { background-color: var(--_color---harvest--400); border-width: .06rem; border-color: #fdfbee; } .button:where(.w-variant-b7160c15-c644-4499-eb1e-c7aa9d4f98ca) { background-color: var(--_color---evergreen--500); } .button:hover { background-color: var(--primary--300); color: var(--primary--text-light); } .button:hover:where(.w-variant-052759b4-b398-e98d-c28c-099b380d4426) { border-color: var(--primary--accent); background-color: var(--primary--400); color: var(--primary--text-light); } .button:hover:where(.w-variant-0fae3621-b9f7-dcb6-85c8-93fa8ea85c7e) { background-color: var(--primary--300); } .button:hover:where(.w-variant-ebebb8db-d2dc-1c48-fe79-578f585ae65a) { background-color: var(--_color---harvest--300); } .button:hover:where(.w-variant-b7160c15-c644-4499-eb1e-c7aa9d4f98ca) { background-color: var(--_color---evergreen--300); color: var(--_color---evergreen--100); } .button:focus-visible, .button[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .button.cc-full { width: 100%; } .button.is-card { border-color: var(--primary--background); background-color: var(--primary--text-dark); border-color: var(--primary--background); background-color: var(--primary--text-dark); } .card { border-radius: var(--_components---card--border-radius); flex-direction: column; justify-content: flex-start; transition: background-color .3s cubic-bezier(.165, .84, .44, 1); display: flex; position: relative; overflow: hidden; } .card:hover:where(.w-variant-7a49f1e4-82e5-f9b4-164d-70415eb8af86) { background-color: var(--primary--accent); } .card.u-mode-base { background-color: var(--_color---ocean--300); color: var(--_color---ocean--500); } .card.u-mode-base:where(.w-variant-c79bd22e-8874-3e18-e53f-4775a5346720) { background-color: var(--_color---ocean--200); } .card.u-mode-base:where(.w-variant-698bd576-516f-f7aa-792a-cc287a8fed6d) { background-color: var(--_color---harvest--300); color: var(--_color---harvest--500); } .card.u-mode-base:where(.w-variant-0194fa9e-ac50-0a96-d616-cacee344904e) { background-color: var(--_color---evergreen--400); color: var(--_color---evergreen--500); } .card.u-mode-base:where(.w-variant-3a008b92-ef97-a577-8325-bb3a91325efb) { background-color: var(--_color---evergreen--300); color: var(--_color---evergreen--500); } .card-body { padding: var(--_components---card--padding); flex-direction: column; flex: 1; justify-content: flex-start; align-items: flex-start; position: relative; } .card-body:where(.w-variant-94987058-663d-6f76-3b25-ea3bf0aa7e27) { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .card-body.second { width: 100%; } .page-wrapper { background-color: var(--primary--background); color: var(--primary--text-dark); flex-flow: column; display: flex; position: relative; overflow: clip; } .page-wrapper.cc-utility { flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; display: flex; } .page-wrapper.u-minh-100vh { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; } .page-wrapper.u-minh-100vh.theme-evergreen { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; } .page-wrapper.u-minh-100vh.theme-harvest { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; } .custom-code-component { opacity: 0; width: 1px; height: 1px; position: fixed; inset: 0% auto auto 0%; overflow: hidden; } .eyebrow { margin-bottom: var(--_typography---eyebrow--bottom-margin); font-family: var(--_typography---eyebrow--font); font-size: var(--_typography---eyebrow--font-size); line-height: var(--_typography---eyebrow--line-height); font-weight: var(--_typography---eyebrow--font-weight); letter-spacing: .1em; text-transform: uppercase; } .eyebrow.cc-breadcrumb { margin-bottom: 0; text-decoration: none; } .eyebrow.cc-breadcrumb:hover { text-decoration: underline; } .eyebrow.cc-breadcrumb.cc-current-page { opacity: .5; text-decoration: none; } .paragraph-sm { margin-bottom: var(--_typography---paragraph-sm--bottom-margin); font-family: var(--_typography---paragraph-sm--font); font-size: var(--_typography---paragraph-sm--font-size); line-height: var(--_typography---paragraph-sm--line-height); font-weight: var(--_typography---paragraph-sm--font-weight); letter-spacing: var(--_typography---paragraph-sm--letter-spacing); } .paragraph-xl { margin-bottom: var(--_typography---paragraph-xl--bottom-margin); font-family: var(--_typography---paragraph-xl--font); font-size: var(--_typography---paragraph-xl--font-size); line-height: var(--_typography---paragraph-xl--line-height); font-weight: var(--_typography---paragraph-xl--font-weight); } .u-bg-500 { background-color: var(--primary--500); } .u-bg-white { background-color: var(--primary--background); } .u-text-right { text-align: right; } .u-d-flex { display: flex; } .u-d-flex.cc-align-center { align-items: center; } .u-d-flex.cc-legal-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-end; align-items: center; margin-bottom: .75rem; } .u-d-none { display: none; } .u-sr-only { white-space: nowrap; border: 0 solid #0000; width: 1px; height: 1px; margin-top: -1px; padding: 0; position: absolute; overflow: hidden; } .u-w-100 { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; width: 100%; } .u-img-cover { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-img-cover:where(.w-variant-109354ec-e18b-6d34-fc97-2bd60ed75688) { object-position: 0% 0%; } .u-img-cover:where(.w-variant-40e3e929-19ef-9b36-6290-dc5709682adc) { object-position: 50% 0%; } .u-img-cover:where(.w-variant-0da5bd83-82c0-9ff7-a129-8f787e266277) { object-position: 100% 0%; } .u-img-cover:where(.w-variant-95f10c6a-375e-6791-942f-befcfd098245) { object-position: 0% 50%; } .u-img-cover:where(.w-variant-70209591-5532-2fc0-7d51-2b8b6dddb987) { object-position: 100% 50%; } .u-img-cover:where(.w-variant-a7ddd5b7-263c-c9cb-72d3-05c79a748253) { object-position: 0% 100%; } .u-img-cover:where(.w-variant-1d20b8de-5e87-989b-a18d-586e4efc38e7) { object-position: 50% 100%; } .u-img-cover:where(.w-variant-0230cd8b-7253-149b-4b7c-efe7ca05c971) { object-position: 100% 100%; } .u-link-cover { z-index: 1; background-color: #0000; width: 100%; height: 100%; padding: 0; position: absolute; inset: 0%; } .u-link-cover.cc-tabs-link:focus-visible, .u-link-cover.cc-tabs-link[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: -2px; outline-width: 2px; outline-style: solid; } .u-mt-md { margin-top: var(--_layout---spacing--margin-md); } .u-mb-sm { margin-bottom: var(--_layout---spacing--margin-sm); } .u-mb-0 { margin-bottom: 0; } .u-mb-md { margin-bottom: var(--_layout---spacing--margin-md); } .u-border { width: 100%; height: 1px; margin-top: var(--_layout---grid--gap-main); margin-right: 0; margin-bottom: var(--_layout---grid--gap-main); background-color: var(--primary--border); box-shadow: none; border: 1px #000; margin-left: 0; padding: 0; } .u-border:where(.w-variant-de012ed6-68b0-ab2a-8394-658c9285fd3e) { margin-top: var(--_layout---grid--gap-sm); margin-bottom: var(--_layout---grid--gap-sm); } .u-border:where(.w-variant-01d73485-2abe-e5e2-5fe7-5ea51439087f) { margin-top: var(--_layout---grid--gap-md); margin-bottom: var(--_layout---grid--gap-md); } .u-border:where(.w-variant-9f72d7b7-da9f-6e9f-4454-a075364a66cd) { margin-top: calc(var(--_components---section--padding) * .75); margin-bottom: calc(var(--_components---section--padding) * .75); } .u-border:where(.w-variant-2f580e02-ee22-1381-8236-8dfeeb77485b) { margin-top: 0; margin-bottom: 0; } .page-main { flex-flow: column; flex: 1; display: flex; } .u-minh-100vh { min-height: 100vh; } .btn-icon { justify-content: center; align-items: center; max-width: 1.2em; line-height: 1; display: inline-flex; } .rich-text { text-wrap: pretty; } .rich-text:where(.w-variant-1ef368e1-444e-70c3-fdb8-73a1a45e901c) { text-align: center; } .rich-text h1 { font-family: var(--_typography---headline-lg--font); font-size: var(--_typography---headline-lg--font-size); line-height: var(--_typography---headline-lg--line-height); font-weight: var(--_typography---headline-lg--font-weight); letter-spacing: var(--_typography---headline-lg--letter-spacing); margin-top: 1em; margin-bottom: 1.5em; } .rich-text h2 { font-family: var(--_typography---headline-md--font); font-size: var(--_typography---headline-md--font-size); line-height: var(--_typography---headline-md--line-height); font-weight: var(--_typography---headline-lg--font-weight); letter-spacing: var(--_typography---headline-md--letter-spacing); margin-top: 1em; margin-bottom: 1.5em; } .rich-text h3 { font-family: var(--_typography---headline-md--font); font-size: var(--_typography---headline-sm--font-size); line-height: var(--_typography---headline-sm--line-height); font-weight: var(--_typography---headline-sm--font-weight); letter-spacing: var(--_typography---headline-sm--letter-spacing); margin-top: 1em; margin-bottom: 1.5em; } .rich-text h4 { margin-top: 1em; } .rich-text blockquote { border-left-style: solid; border-left-width: 2px; border-left-color: inherit; margin-top: 2em; margin-bottom: 2em; padding: .75em 1em; font-size: 1.3em; line-height: 1.5em; } .rich-text figure { border-radius: var(--_components---card--border-radius); margin-top: 3em; margin-bottom: 3em; overflow: hidden; } .rich-text img { border-radius: var(--_components---card--border-radius); overflow: hidden; } .rich-text figcaption { margin-top: 1em; margin-bottom: 1em; font-size: .8em; } .rich-text code { background-color: var(--primary--border); border-radius: 4px; padding-left: .4em; padding-right: .4em; font-size: .9em; display: inline-block; } .rich-text h5, .rich-text h6 { margin-top: 1em; } .rich-text ul { opacity: .65; margin-bottom: 0; padding-left: 1.25em; } .nav { z-index: 999; background-color: var(--primary--background); width: 100%; color: var(--primary--text-dark); position: fixed; inset: 0% 0% auto; } .nav:where(.w-variant-b23b0bfb-3285-ab6f-754f-ce412db82d06), .nav:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569) { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; } .nav:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { color: var(--_color---evergreen--500); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; } .nav-logo_link { width: 10rem; color: var(--primary--accent-dark); padding-top: .5rem; padding-bottom: .5rem; padding-left: 0; line-height: 1; } .nav-link { padding-top: var(--_components---button--vertical-padding); padding-right: var(--_components---button--horizontal-padding); padding-bottom: var(--_components---button--vertical-padding); padding-left: var(--_components---button--horizontal-padding); grid-column-gap: .3em; grid-row-gap: .3em; color: currentColor; justify-content: center; align-items: center; transition-property: color; transition-duration: .3s; transition-timing-function: cubic-bezier(.165, .84, .44, 1); display: inline-flex; } .nav-link:hover { color: var(--primary--accent); } .nav-link:hover:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { color: var(--_color---evergreen--400); } .nav-link:hover:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6) { color: var(--primary--400); } .nav-link:focus-visible, .nav-link[data-wf-focus-visible] { color: var(--primary--accent); } .nav-link.w--current:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6) { color: currentColor; } .nav-link.cc-dropdown-link:focus-visible, .nav-link.cc-dropdown-link[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: -2px; outline-width: 2px; } .nav-link.cc-dropdown-btn:focus-visible, .nav-link.cc-dropdown-btn[data-wf-focus-visible] { outline-color: var(--_color---harvest--500); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .nav-link.cc-dropdown-link { padding-top: var(--_size---0-5rem\); padding-bottom: var(--_size---0-5rem\); display: block; } .nav-link.cc-dropdown-link:focus-visible, .nav-link.cc-dropdown-link[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: -2px; outline-width: 2px; } .nav-link.cc-dropdown-btn { padding-right: calc(var(--component-button--horizontal-padding) / 2); } .nav-link.cc-dropdown-btn:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6) { padding-right: var(--_components---button--horizontal-padding); grid-column-gap: 1rem; grid-row-gap: 1rem; } .nav-link.cc-dropdown-btn:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569) { padding-right: var(--_components---button--horizontal-padding); } .nav-link.cc-dropdown-btn:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { padding-right: var(--_components---button--horizontal-padding); grid-column-gap: 1rem; grid-row-gap: 1rem; } .nav-link.cc-dropdown-btn:focus-visible, .nav-link.cc-dropdown-btn[data-wf-focus-visible] { outline-color: var(--_color---harvest--500); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .nav-menu { margin-left: auto; position: static; } .nav-menu:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6), .nav-menu:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569), .nav-menu:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { margin-left: 0; margin-right: auto; } .nav-dropdown_arrow { width: 1.2em; } .nav-dropdown_content { z-index: 2; padding-top: var(--_size---0-25rem\); padding-bottom: var(--_size---0-25rem\); border: 1px solid var(--primary--border); border-radius: var(--_components---card--border-radius); background-color: var(--primary--background); } .nav-dropdown_content.w--open { text-align: left; } .nav-dropdown_content.cc-mega { border-style: none none solid; border-radius: 0; inset: 100% 0% auto; } .nav-dropdown_content.cc-mega.w--open { border-top-style: solid; border-top-color: var(--_color---ocean--100); max-height: 90vh; padding-top: 3rem; padding-bottom: 3rem; overflow-y: auto; } .nav-dropdown.cc-mega { position: static; } .nav-skip-link { z-index: 9998; background-color: var(--_color---harvest--500); opacity: 0; height: 3em; color: var(--_color---ocean--500); letter-spacing: .05em; text-transform: uppercase; border-radius: .5rem; margin-top: -8em; padding: .8em 1.5em; font-size: .75rem; font-weight: 500; line-height: 1; text-decoration: none; transition: opacity .3s cubic-bezier(.165, .84, .44, 1), margin .3s cubic-bezier(.165, .84, .44, 1); position: absolute; inset: 0% auto auto 50%; transform: translate(-50%); } .nav-skip-link:focus-visible, .nav-skip-link[data-wf-focus-visible] { opacity: 1; outline-color: var(--_color---harvest--500); outline-offset: 2px; outline-width: 2px; outline-style: solid; margin-top: .2em; } .nav-cta-wrapper { flex: none; justify-content: center; align-self: stretch; align-items: stretch; min-height: 100%; margin-left: auto; display: flex; } .nav-menu_btn { padding: .75rem .5rem; } .nav-menu_btn-bar { width: var(--_size---1-5rem\); background-color: var(--primary--text-dark); height: 1px; transition: opacity .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1); } .nav-menu_btn-bar.cc-middle { margin-top: 8px; margin-bottom: 8px; } .nav-menu_container { display: flex; } .nav-dropdown_overlay { background-color: var(--primary--background); opacity: .5; width: 100vw; height: 100vh; display: none; position: absolute; inset: 100% 0% 0%; } .footer-social_list { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-bottom: 0; display: flex; } .footer-social_link { width: var(--_typography---headline-lg--font-size); transition: opacity .3s cubic-bezier(.165, .84, .44, 1); } .footer-social_link:hover { opacity: .6; } .u-text-balance { text-wrap: balance; } .slot { flex-flow: column; align-items: flex-start; display: flex; } .slot.cc-section { flex-flow: column; align-items: stretch; position: static; } .slot.cc-card { flex: 1; align-items: stretch; } .slot.cc-card-body { height: 100%; } .slot.cc-card-body:where(.w-variant-94987058-663d-6f76-3b25-ea3bf0aa7e27) { justify-content: flex-start; align-items: center; } .slot.cc-list { grid-column-gap: var(--_layout---spacing--margin-sm); grid-row-gap: var(--_layout---spacing--margin-sm); justify-content: flex-start; align-items: stretch; } .slot.cc-tabs-menu { scrollbar-width: none; flex-flow: row; justify-content: flex-start; align-items: stretch; overflow-x: auto; } .slot.cc-tabs-menu:where(.w-variant-2aaea931-c3cd-72d0-7879-74b59b68dd9b) { flex-flow: column; overflow-x: hidden; } .slot.cc-column { align-items: stretch; width: 100%; height: 100%; } .icon-color { color: inherit; display: inline-flex; } .icon-color:where(.w-variant-51d5d8fc-9046-c299-32a4-4c984147d74e) { color: var(--primary--accent); } .icon-color:where(.w-variant-82f5bd89-f137-ad7f-6f6c-6469a84a7586) { color: var(--_color---evergreen--400); } .icon-color:where(.w-variant-f1de003c-5ca1-0b0c-954e-47163fd96102) { color: var(--_color---evergreen--500); } .icon { width: 1em; font-size: 1em; font-style: normal; display: inline-flex; } .icon:where(.w-variant-cdea1590-5e30-cc7c-cd65-a8b7cf1f5b9e) { font-size: var(--_size---1-5rem\); } .icon:where(.w-variant-073eca29-ad4a-37a9-ba36-9e6d4f264087) { font-size: var(--_size---2rem\); } .icon:where(.w-variant-3a6d74cd-d37c-fae6-8975-689219a7df3f) { font-size: var(--_size---3rem\); } .u-mode-dark { background-color: var(--primary--accent-dark); color: var(--primary--accent); --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; } .u-mode-light { background-color: var(--primary--accent); color: var(--primary--text-dark); --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; } .heading-component { z-index: 1; text-wrap: auto; position: relative; } .heading-component:where(.w-variant-c9a39187-19f4-c6b4-e1bc-71ad011dd980) { text-align: center; } .img-component { aspect-ratio: 4 / 3; width: 100%; position: relative; } .img-component:where(.w-variant-b5e7a2df-0aae-a75d-3cfa-d5f2e50ac839) { aspect-ratio: 16 / 9; } .img-component:where(.w-variant-c7b9829e-5860-6efa-0d93-1aa6a99a637f) { aspect-ratio: 3 / 4; } .img-component:where(.w-variant-1ead5ba6-2a8f-9163-58f6-93b05efab34b) { aspect-ratio: 9 / 16; } .img-component:where(.w-variant-9fbd509f-cdc1-3164-90ff-53a572e70fad) { aspect-ratio: 1; } .img-component:where(.w-variant-0375267a-29ec-433a-03b2-8f111c99a60b) { aspect-ratio: auto; } .img-component:where(.w-variant-bb15dbc4-816d-ba55-5a68-046b1d0e5917) { z-index: -1; aspect-ratio: auto; height: 100%; position: absolute; inset: 0%; } .spacer-component { width: 100%; height: var(--_layout---grid--gap-main); box-shadow: none; padding: 0; outline: none !important; } .spacer-component:where(.w-variant-e4fc4cad-f8e2-63d7-bb51-6c5b9af34c38) { height: var(--_layout---grid--gap-sm); } .spacer-component:where(.w-variant-60e88f1c-8990-2b60-1d3a-e5ec07d412dc) { height: var(--_layout---grid--gap-md); } .spacer-component:where(.w-variant-aea45f07-8b30-d181-0430-911625064b03) { height: calc(var(--_components---section--padding) * .75); } .img-component_bg-overlay { display: none; } .img-component_bg-overlay:where(.w-variant-bb15dbc4-816d-ba55-5a68-046b1d0e5917) { background-color: var(--primary--accent); mix-blend-mode: multiply; background-blend-mode: normal, normal, multiply, color, normal; background-image: linear-gradient(0deg, #1d1c1acc, #1d1c1a00); width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .row-component { width: 100%; } .btn-text { pointer-events: none; } .btn-text:where(.w-variant-ebebb8db-d2dc-1c48-fe79-578f585ae65a) { z-index: 1; } .headline-md { margin-top: 0; margin-bottom: var(--_typography---headline-md--bottom-margin); font-family: var(--_typography---headline-md--font); font-size: var(--_typography---headline-md--font-size); line-height: var(--_typography---headline-md--line-height); font-weight: var(--_typography---headline-md--font-weight); letter-spacing: var(--_typography---headline-md--letter-spacing); } .divider { background-color: var(--primary--background); width: 100%; height: 1px; } .divider.cc-vert { width: 1px; height: 100%; } .hero-main_wrap { width: 100%; height: 100%; min-height: 100vh; display: flex; } .hero-right_wrap { justify-content: center; align-items: center; width: 39%; height: 100%; display: flex; position: absolute; right: 0; } .hero-right_wrap.second { width: 48%; } .hero-content_wrap { flex-flow: column; justify-content: center; align-items: stretch; width: 100%; max-width: 41rem; display: flex; } .hero-btn_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .hero-head_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; width: 100%; display: flex; position: relative; } .col_line { background-color: var(--primary--text-dark); width: 1.25rem; height: 5.13rem; } .col_line:where(.w-variant-3112c01f-4aa3-9df2-b5ab-1752bbd43d83) { background-color: var(--primary--background); } .col_line:where(.w-variant-023aa16b-4d37-005a-c04b-44fd3d7cf8ae) { background-color: var(--primary--background); width: 2.38rem; height: 9.82rem; } .col_line:where(.w-variant-6e05f52b-8ffa-504b-d7d0-3766359d46f4) { width: 2.38rem; height: 9.82rem; } .col_line:where(.w-variant-143e325b-5aa3-5bcc-6959-74a8efdb6143) { width: .75rem; height: 3.19rem; } .col_line:where(.w-variant-e9ca05d8-c3cc-9474-0e4e-32690ad2a8bf) { background-color: var(--primary--background); width: .75rem; height: 3.19rem; } .hero-top-main_wrap { z-index: 1; grid-column-gap: 23.5rem; grid-row-gap: 23.5rem; justify-content: space-between; width: 100%; max-width: 1060.08px; display: flex; position: absolute; top: -34%; } .hero-top-main_wrap.second { top: auto; bottom: 5.38rem; } .hero-top-main_wrap.three { grid-column-gap: 11.5rem; grid-row-gap: 11.5rem; top: auto; bottom: 5.38rem; } .hero-top-main_wrap.product { grid-column-gap: 10rem; grid-row-gap: 10rem; top: 1.75rem; } .hero-top-line_werap { grid-column-gap: 4.48rem; grid-row-gap: 4.48rem; display: flex; } .hero-top-line_werap.second, .hero-top-line_werap.product { grid-column-gap: 2.81rem; grid-row-gap: 2.81rem; } .container-lg { width: 91%; max-width: var(--_components---container--max-width); margin-left: auto; margin-right: auto; display: block; } .trusted-main_wrap { flex-flow: column; width: 100%; display: flex; } .trusted-content_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; display: flex; } .trusted-card_wrap { border: .06rem solid var(--_color---ocean--500); background-color: var(--_color---ocean--500); flex-flow: column; justify-content: space-between; align-items: stretch; min-height: 23rem; padding: 1rem; display: flex; position: relative; overflow: hidden; } .quote_icon { justify-content: center; align-items: center; width: 2.38rem; height: 2.38rem; display: flex; } .trusted-card_head { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--primary--text-light); flex-flow: column; display: flex; } .trusted-card_author { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--primary--text-light); justify-content: space-between; display: flex; } .max-width { object-fit: cover; width: 100%; max-width: 100%; } .trusted-author_name { flex-flow: column; width: 100%; display: flex; } .trusted-icon-wrap { z-index: 1; background-color: var(--primary--100); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0; } .trusted-icon { flex: none; justify-content: center; align-items: center; width: 12rem; display: flex; } .performance-content_wrap { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: center; display: flex; } .performance-content_wrap.second { justify-content: space-between; align-items: stretch; } .perfromance-main_wrap { flex-flow: column; width: 100%; display: flex; } .better-main_wrap { flex-flow: column; display: flex; position: relative; } .solutions_grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .solutions_box { aspect-ratio: 640 / 440; flex-flow: column; justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } .solutions_box:where(.w-variant-38d9632a-682a-89ef-537d-83f57ced788e) { color: var(--primary--500); } .solutions_number { z-index: 2; background-color: var(--_color---ocean--300); width: 3.75rem; height: 3.75rem; color: var(--_color---ocean--100); text-align: center; border-radius: 50%; justify-content: center; align-items: center; display: flex; position: relative; } .solutions_number:where(.w-variant-38d9632a-682a-89ef-537d-83f57ced788e) { background-color: var(--primary--300); color: var(--primary--100); } .solutions_data { z-index: 2; grid-column-gap: .63rem; grid-row-gap: .63rem; color: #fff; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .opacity-70 { opacity: .7; } .solutions_shadow_1 { z-index: 1; mix-blend-mode: color; background-color: #000; position: absolute; inset: 0%; } .solutions_shadow_2 { z-index: 1; background-color: var(--_color---ocean--300); mix-blend-mode: multiply; position: absolute; inset: 0%; } .solutions_shadow_2:where(.w-variant-38d9632a-682a-89ef-537d-83f57ced788e) { background-color: var(--primary--300); } .solutions_shadow_3 { z-index: 1; background-image: linear-gradient(0deg, #000, #0000 45%); position: absolute; inset: 0%; } .solutions_shadow_4 { z-index: 1; opacity: .2; background-image: linear-gradient(#000, #0000 45%); position: absolute; inset: 0%; } .power_grid { border: 1px solid var(--_color---ocean--500); color: var(--primary--text-dark); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .power_grid.second { grid-template-columns: 1fr 1fr; } .power_box { grid-column-gap: 3.13rem; grid-row-gap: 3.13rem; border: 1px none var(--primary--border); color: var(--primary--text-dark); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2rem; text-decoration: none; display: flex; } .power_box.bg-harvest { border-color: var(--primary--border); color: var(--primary--text-dark); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; } .power_box.third { border-style: none none none solid; border-color: var(--_color---ocean--500); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; margin-left: -1px; } .power_box.digital { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; border-style: none none none solid; margin-left: -1px; } .power_box.scanners { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; border-style: none solid; margin-left: -1px; } .power_box.offset { color: var(--primary--text-dark); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; } .power_box.second { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; border-style: none none none solid; margin-left: -1px; } .power_box.second.bg-harvest { border-style: none; border-color: var(--_color---ocean--500); border-style: none; border-color: var(--_color---ocean--500); } .power_box.bg-green { border-style: none solid none none; border-color: var(--primary--border) var(--_color---ocean--500) var(--primary--border) var(--primary--border); --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; } .power_logo_wrap { color: var(--_color---evergreen--500); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .power_logo_wrap.anchor-second { color: var(--_color---ocean--300); } .power_logo_wrap.harvest-lite { color: var(--_color---harvest--300); } .power_logo_wrap.harvest { color: var(--_color---harvest--500); } .power_logo_wrap.anchor { color: var(--_color---ocean--500); } .power_logo { max-width: 7.25rem; } .power_data { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100%; display: flex; } .insights_grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .insights_box { grid-column-gap: 1.56rem; grid-row-gap: 1.56rem; background-color: var(--primary--accent-dark); color: var(--_color---harvest--100); padding: 1.5rem; display: flex; } .vertical_line { grid-column-gap: .94rem; grid-row-gap: .94rem; background-color: var(--_color---harvest--100); flex-flow: column; width: 1.06rem; height: .25rem; display: flex; } .vertical_line_wrap { grid-column-gap: .94rem; grid-row-gap: .94rem; flex-flow: column; display: flex; } .vertical_line_box { grid-row-gap: 10rem; color: var(--_color---harvest--100); flex-flow: column; justify-content: flex-start; display: flex; } .insights_box_inner { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; flex: 1; height: 100%; padding-bottom: 7.5rem; display: flex; position: relative; } .insights_box_image { aspect-ratio: 323 / 261; object-fit: fill; width: 100%; position: relative; } .insights_box_data { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .insights_link { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--_color---ocean--300); justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .insights_link_icon { width: 1.5rem; height: 1.5rem; } .insights_link_wrap { justify-content: flex-start; align-items: center; display: flex; position: absolute; inset: auto 0% 0%; } .padding-vertical_zero { padding-top: 0; padding-bottom: 0; } .max-fullwidth { object-fit: cover; width: 100%; max-width: 100%; height: 100%; } .base { display: inline; } .base:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6), .base:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569), .base:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122), .basenew { display: none; } .basenew:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6), .basenew:where(.w-variant-03907f04-3652-f8a1-0023-cec0ec194569), .basenew:where(.w-variant-36d6e4b1-ef7f-cf1b-588f-7df01747b122) { display: inline; } .footer-legal-body { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex; } .footer-legal-body_wrap { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: space-between; align-items: stretch; display: flex; } .footer-link-v2 { opacity: .8; font-family: var(--_typography---paragraph-lg--font); font-weight: var(--_typography---paragraph-lg--font-weight); color: inherit; text-decoration: none; } .footer-link-v2:hover { opacity: 100; text-decoration: underline; } .btn-grup_wrap { width: 100%; padding: var(--_components---card--padding); grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .help-head_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100%; display: flex; } .services-grid { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: flex; } .service-card_container { grid-column-gap: 4rem; grid-row-gap: 4rem; border: 1px solid var(--_color---evergreen--500); flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100%; min-height: 30rem; padding: 2rem; display: flex; } .service-card_container.is-harvest { border-color: var(--_color---harvest--500); color: var(--_color---harvest--500); } .service-card_container.is-primary { color: var(--_color---ocean--500); } .service-card_container.is-evergreen { color: var(--_color---evergreen--500); } .service-card { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---evergreen--200); --primary--accent-dark: var(--_color---evergreen--500); --primary--200: var(--_color---evergreen--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---evergreen--500); --primary--400: var(--_color---evergreen--400); --primary--300: var(--_color---evergreen--300); --primary--border: var(--_color---evergreen--500); --primary--500: var(--_color---evergreen--500); --primary--100: var(--_color---evergreen--100); --primary--image-overlay: #163c35e6; flex-flow: column; width: 100%; max-width: 100%; min-height: 30rem; display: flex; } .service-card.is-harvest { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---harvest--200); --primary--accent-dark: var(--_color---harvest--500); --primary--200: var(--_color---harvest--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---harvest--500); --primary--400: var(--_color---harvest--400); --primary--300: var(--_color---harvest--300); --primary--border: var(--_color---harvest--500); --primary--500: var(--_color---harvest--500); --primary--100: var(--_color---harvest--100); --primary--image-overlay: #5c4915e6; } .service-card.is-base { --primary--background: var(--_color---harvest--100); --primary--accent: var(--_color---ocean--200); --primary--accent-dark: var(--_color---ocean--500); --primary--200: var(--_color---ocean--200); --primary--text-light: var(--_color---ocean--100); --primary--text-dark: var(--_color---ocean--500); --primary--400: var(--_color---ocean--400); --primary--300: var(--_color---ocean--300); --primary--border: var(--_color---ocean--500); --primary--500: var(--_color---ocean--500); --primary--100: var(--_color---ocean--100); --primary--image-overlay: #122838e6; } .service-label { background-color: var(--_color---evergreen--500); color: #fdfbee; text-transform: uppercase; justify-content: flex-start; align-items: center; width: 100%; padding: 1rem 2rem; display: flex; } .service-label.second { background-color: var(--_color---harvest--500); } .service-label.three { background-color: var(--_color---ocean--500); } .service-card-logo_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; min-height: 8rem; display: flex; } .service-card-btn_wrap { background-color: var(--_color---evergreen--500); justify-content: center; align-items: center; display: flex; } .service-card-btn_wrap.second { background-color: var(--_color---harvest--500); } .service-card-btn_wrap.three { background-color: var(--_color---ocean--500); } .hide { display: none; } .solutions_link { aspect-ratio: 640 / 440; flex-flow: column; justify-content: space-between; align-items: center; width: 100%; padding: 2rem; display: flex; position: relative; } .solutions_link:where(.w-variant-38d9632a-682a-89ef-537d-83f57ced788e) { color: var(--primary--500); text-decoration: none; } .service-card-bottom { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .trusted-card-item { width: 32.5%; } @media screen and (max-width: 991px) { .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16) { flex-basis: 50%; max-width: 33.3333%; } .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6) { flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-f8adaa2d-7dff-f490-b6dd-19f48419d59b) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3) { flex-basis: 50%; max-width: 50%; } .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b), .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 50%; max-width: 100%; } .col:where(.w-variant-95c67bf8-407f-143d-c1b2-46906c26a2f4), .col:where(.w-variant-6f373193-993b-d370-7068-a233ac19befc) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex-basis: 50%; max-width: 50%; } .col.col-md-9 { flex-basis: 75%; max-width: 75%; } .col.col-md-2 { flex-basis: 16.67%; max-width: 16.6667%; } .col.col-md-6 { flex-basis: 50%; max-width: 50%; } .col.col-md-5 { flex-basis: 41.67%; max-width: 41.6667%; } .col.col-md-4 { flex-basis: 33.33%; max-width: 33.3333%; } .col.col-md-11 { flex-basis: 91.67%; max-width: 91.6667%; } .col.col-md-3 { flex-basis: 25%; max-width: 25%; } .col.col-md-8 { flex-basis: 66.67%; max-width: 66.6667%; } .col.col-md-7 { flex-basis: 58.33%; max-width: 58.3333%; } .col.col-md-10 { flex-basis: 83.33%; max-width: 83.3333%; } .col.col-md-1 { flex-basis: 8.33%; max-width: 8.33333%; } .col.col-md-12 { flex-basis: 100%; max-width: 100%; } .col.col-md-first { order: -1; } .col.col-md-last { order: 1; } .col.col-md-offset-0 { margin-left: 0%; } .col.col-md-offset-1 { margin-left: 8.33333%; } .col.col-md-offset-2 { margin-left: 16.6667%; } .col.col-md-offset-3 { margin-left: 25%; } .col.col-md-offset-4 { margin-left: 33.3333%; } .col.col-md-offset-5 { margin-left: 41.67%; } .col.col-md-offset-6 { margin-left: 50%; } .col._5-12 { flex-basis: 50%; max-width: 50%; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-m-0 { margin: 0; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-md\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-md\); } .u-md-d-none { display: none; } .u-md-d-block { display: block; } .nav-link { justify-content: flex-start; align-items: center; width: 100%; display: flex; } .nav-menu { background-color: var(--primary--background); order: -1; width: 100vw; height: calc(100svh - 4rem); position: absolute; inset: 100% 0% 0%; overflow-y: auto; } .nav-dropdown_content { position: relative; } .nav-dropdown_content.cc-mega { top: auto; } .nav-dropdown_content.cc-mega.w--open { border-style: solid; border-color: var(--_color---ocean--300); border-radius: var(--_size---0-25rem\); } .nav-dropdown { width: 100%; } .nav-cta-wrapper { margin-left: auto; } .nav-menu_btn { border-radius: var(--_components---button--border-radius); order: 1; } .nav-menu_btn:focus-visible, .nav-menu_btn[data-wf-focus-visible] { outline-color: var(--primary--accent); outline-offset: 0px; outline-width: 2px; outline-style: solid; } .nav-menu_btn.w--open { background-color: var(--primary--background); } .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom, .nav-menu_btn-bar.cc-top, .nav-menu_btn-bar.cc-middle, .nav-menu_btn-bar.cc-bottom { width: 1.5rem; } .nav-menu_container { flex-flow: column; width: calc(88% + 2em); height: 100%; margin-left: auto; margin-right: auto; padding-top: 2rem; padding-bottom: 2rem; } .hero-main_wrap { flex-flow: column-reverse; justify-content: center; } .hero-right_wrap { aspect-ratio: 3 / 2; width: 100%; position: relative; overflow: hidden; } .hero-right_wrap.second { width: 100%; } .hero-content_wrap { max-width: 100%; } .hero-top-main_wrap { position: absolute; } .hero-top-main_wrap.product { top: -3rem; } .trusted-main_wrap { flex-flow: column-reverse; } .trusted-content_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .cascade_card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; padding: 2rem; } .cascade_card.second, .cascade_card.one, .cascade_card.second, .cascade_card.one { top: auto; } .cascade-trustedcard_wrap { padding: 1rem; } .cascade-quote_icon { width: 2.25rem; height: 2.25rem; } .cascade-right_wrap { aspect-ratio: 16 / 9; flex: none; width: 100%; max-width: 100%; } .cascade-left_wrap { flex-flow: column; align-items: flex-start; max-width: 100%; display: flex; } .enterprise_details { padding-right: 3.5rem; } .enterprise_grid-wrap { padding-left: 2rem; padding-right: 2rem; } .enterprise_grid { grid-column-gap: 2rem; grid-row-gap: 2rem; } .solutions_grid { grid-column-gap: 1rem; grid-row-gap: 1rem; } .solutions_box { aspect-ratio: auto; height: 100%; } .power_grid { grid-template-columns: 1fr; } .power_box { grid-column-gap: 2.13rem; grid-row-gap: 2.13rem; border-top-style: solid; border-bottom-style: none; margin-top: -.06rem; margin-left: -.06rem; padding: 1.5rem; } .power_box.second { border-top-style: solid; border-bottom-style: solid; border-left-style: none; margin-left: 0; } .power_box.second.bg-harvest { border-right-style: none; margin-left: 0; } .power_box.bg-harvest { border-bottom-style: none; border-right-style: solid; } .power_box.bg-green { border-style: solid none; margin-left: 0; } .power_box.third { border-style: solid none none; margin-left: 0; } .power_box.digital { border-bottom-style: solid; } .power_box.scanners { border-right-style: none; } .power_box.offset { border-bottom-style: none; } .insights_grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .insights_box { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; width: 100%; height: 100%; padding: 1.5rem; } .vertical_line_box { grid-column-gap: 4rem; grid-row-gap: 4rem; justify-content: space-between; } .insights_box_inner { padding-bottom: 4.5rem; } .industries-content_wrap { justify-content: space-between; } .industries-heroimg-wrap { aspect-ratio: 2; } .scantron_card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .scantron-right_wrap { padding: 1.5rem; } .assessment_grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .service-right-content, .service-tab_link { padding: 1.5rem; } .service-tab-title { grid-column-gap: 1rem; grid-row-gap: 1rem; } .scantron-hero-left_wrap { min-width: 70%; max-width: 100%; } .trusted-main-grid_wrap { flex-flow: column; display: flex; } .trusted-main-grid_wrap.second { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; } .trust-right_wrap { width: 70%; height: 70%; } .trust-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; padding: 2rem; } .trust-vertical_line_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .pillar-main_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .powering-content_box { width: 100%; } .pillar-card_tag, .pillar-card_tag.second, .pillar-card_tag.second { width: auto; } .footer-legal-body_wrap { grid-column-gap: 1.25rem; grid-row-gap: 2.5rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .btn-grup_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .display { font-size: 4rem; } .power_box-dark.third { margin-left: 0; } .testimonial-container { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 2rem; } .testimonial-quote-icon { width: 4rem; } .healthcare-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; max-width: 1000%; padding: 1.5rem; } .healthcare-right_wrap { aspect-ratio: 2; height: 100%; } .healthcare-main_wrap { flex-flow: column-reverse; } .help-main_wrap { padding: 2rem; } .solutions-main_grid { grid-template-columns: 1fr; } .process-tab_link, .process-tabs-content { padding: 1.5rem; } .process-content_info { flex-flow: column; } .process-content_image { width: 30rem; } .process-head_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .services-grid { flex-flow: column; grid-template-columns: 1fr 1fr; } .service-card_container.is-harvest, .service-card_container.is-primary, .service-card_container.is-evergreen, .service-card_container.is-harvest, .service-card_container.is-primary, .service-card_container.is-evergreen, .service-card.is-harvest, .service-card.is-base, .service-card.is-evergreen, .service-card.is-harvest, .service-card.is-base, .service-card.is-evergreen, .service-card-logo_wrap { min-height: auto; } .bridge-content_wrap { padding: 2rem 1.5rem; } .bridge-left-img_wrap { width: 100%; } .platfrom-right-img { max-width: 100%; bottom: 0; } .profile-card_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 2rem; } .profile-info { max-width: 100%; position: relative; } .profile-info_wrap { position: relative; } .profile-card-left_wrap, .profile-box_inner { grid-column-gap: 2rem; grid-row-gap: 2rem; } .team_grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; } .team-card-line_box { grid-column-gap: 5rem; grid-row-gap: 5rem; } .scantron-headquarters_wrap { grid-column-gap: 3rem; grid-row-gap: 3rem; padding: 1.5rem; } .scantron-item_wrap { width: 100%; } .quick-card_wrap { grid-column-gap: 3rem; grid-row-gap: 3rem; padding: 1.5rem; } .support-content_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 1.5rem 2rem; } .support-content_wrap.second { padding: 1.5rem; } .support-label.bg-white { padding-left: 1.5rem; padding-right: 1.5rem; } .matter-img_wrap { aspect-ratio: 2 / 3; } .matter_details { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; width: 50%; max-width: none; padding: 1.5rem; } .dwnloads-card_wrap.second { padding: 1.5rem; } .need-content_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .need-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; width: 60%; } .need-contact_panel { width: 100%; } .need-right_wrap { width: 40%; } .insight-main_wrap { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; } .insight-left_wrap { width: 100%; } .insight-list_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; } .insight-list_card { max-width: 100%; } .insight-label { padding-left: 1.5rem; padding-right: 1.5rem; } .insight-img_wrap { aspect-ratio: auto; max-width: 100%; min-height: auto; } .insight-content_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; width: 100%; padding: 1.5rem; } .legal_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 2rem; } .feature-card_wrap { padding: 1.5rem; } .feature-card_wrap.second { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1.5rem; } .feature-main_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .feature-main_wrap.second { width: 80%; } .impact-card_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 1.5rem; } .impact-head_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .subscribe-main_wrap { padding: 1.5rem; } .subscribe-form_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .insight-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .solutions_link { aspect-ratio: auto; height: 100%; } .stats-main_wrap { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .product-trust-right_wrap { width: 70%; height: 70%; } .showcase-main_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: row; } .showcase-right-img_wrap { max-width: 100%; height: 100%; } .showcase-left_grid { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; width: 100%; } .showcase-list_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1.5rem; } .product-hero-right-img { max-width: 50%; bottom: 0; } .product-hero-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .press-main_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .press-card_wrap { width: 21rem; max-width: 100%; height: 21rem; } .press-card_content { bottom: 1.5rem; left: 1.5rem; right: 1.5rem; } .uui-dropdown-icon { color: #667085; inset: auto 0% auto auto; } .hero-filter-wrapper_is { flex-flow: wrap; } .filter_grid { grid-template-columns: .66fr 1fr; } .filter_block_is { width: 48%; } .filter_block-header { align-items: start; padding-left: 1rem; } .filter_dropdown-toggle-is { align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1rem; display: flex; } .filter_dropdown-toggle-is:hover { color: var(--primary--400); } .filter_dropdown-list { position: static; } .filter_dropdown-list.w--open { width: auto; box-shadow: none; border-style: none; border-color: #0000; padding: 0; } .filter_menu-dropdown-is { color: #282828; border-bottom: .0625rem solid #c7c7c780; width: 100%; padding-right: 0; font-weight: 400; position: relative; } .button-filter { font-size: 1rem; line-height: 1rem; } .project-list { grid-template-columns: 1fr 1fr; } .fs-list_pagination { margin-left: .06rem; margin-right: .06rem; } .capability-content_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 1.5rem 2rem; } .trusted-card-item { width: 48%; } .resources-main-grid_wrap { flex-flow: column; display: flex; } .resources-main-grid_wrap.second { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; } .resources-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; padding: 2rem; } .resources-right_wrap { width: 70%; height: 70%; } } @media screen and (max-width: 767px) { h5 { font-size: 1rem; } h6 { font-size: .8rem; } .col:where(.w-variant-2a872dd3-bab5-8141-0ad7-251b924e42e6), .col:where(.w-variant-52b169ce-f9c2-1128-cb8d-e5acee9f9159), .col:where(.w-variant-1809bbfe-93c5-9995-a76f-dc2c5b37bfe3), .col:where(.w-variant-d2d2a23d-14a1-7f5e-e8ec-4a285e5f4a7b), .col:where(.w-variant-c40c2b54-bd7f-c6df-c4ad-1c9f757a89d2) { flex-basis: 100%; max-width: 100%; } .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16) { max-width: 50%; } .col.col-sm-12 { flex-basis: 100%; max-width: 100%; } .col._5-12, .col.col-sm-12 { flex-basis: 100%; max-width: 100%; } .col.col-sm-9 { flex-basis: 75%; max-width: 75%; } .col.col-sm-10 { flex-basis: 83.33%; max-width: 83.3333%; } .col.col-sm-7 { flex-basis: 58.33%; max-width: 58.3333%; } .col.col-sm-5 { flex-basis: 41.67%; max-width: 41.6667%; } .col.col-sm-6 { flex-basis: 50%; max-width: 50%; } .col.col-sm-3 { flex-basis: 25%; max-width: 25%; } .col.col-sm-4 { flex-basis: 33.33%; max-width: 33.3333%; } .col.col-sm-1 { flex-basis: 8.33%; max-width: 8.33333%; } .col.col-sm-8 { flex-basis: 66.67%; max-width: 66.6667%; } .col.col-sm-11 { flex-basis: 91.67%; max-width: 91.6667%; } .col.col-sm-2 { flex-basis: 16.67%; max-width: 16.6667%; } .col.col-sm-first { order: -1; } .col.col-sm-last { order: 1; } .col.col-sm-offset-0 { margin-left: 0%; } .col.col-sm-offset-1 { margin-left: 8.33333%; } .col.col-sm-offset-2 { margin-left: 16.6667%; } .col.col-sm-offset-3 { margin-left: 25%; } .col.col-sm-offset-4 { margin-left: 33.3333%; } .col.col-sm-offset-5 { margin-left: 41.67%; } .col.col-sm-offset-6 { margin-left: 50%; } .col._5-12 { flex-basis: 100%; max-width: 100%; } .form-success_flex { max-width: 340px; } .styles__section-label { padding-bottom: 10px; } .styles__nav-link { text-align: left; padding: .6em 0; display: block; } .styles__nav-link.cc-cta { background-color: #0000; margin-left: 0; padding-left: 0; padding-right: 0; display: block; } .styles__nav-link.cc-cta:hover { background-color: #0000; text-decoration: underline; } .styles__nav-link.cc-divider { border-bottom: 1px solid var(--primary--border); border-right-style: none; } .styles__nav-btn { margin-top: -2px; padding: 0 2px; font-size: 1.8rem; line-height: 1; } .styles__nav-btn:hover { background-color: var(--_color---ocean--100); } .styles__nav-btn.w--open { background-color: var(--_color---ocean--100); border-radius: 4px; } .styles__nav-menu { background-color: var(--_color---ocean--100); padding: 12px 5% 20px; } .styles__nav-btn-icon { width: 28px; height: 28px; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-sm\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-sm\); } .u-sm-d-none { display: none; } .u-sm-d-block { display: block; } .accordion-trigger { padding: var(--_components---card--card-body-padding-sm\); } .accordion-icon { align-items: center; width: 28px; height: 28px; display: flex; } .accordion-content { padding-right: var(--_components---card--card-body-padding-sm\); padding-left: var(--_components---card--card-body-padding-sm\); } .modal { padding: var(--_components---card--card-body-padding-sm\); } .nav-dropdown_content.cc-mega.w--open { padding-top: var(--_size---2rem\); padding-bottom: var(--_size---2rem\); padding-top: var(--_size---2rem\); padding-bottom: var(--_size---2rem\); } .slider-pagination { flex: none; order: 9999; width: 100%; margin-top: 2em; } .slider-nav { flex-flow: wrap; } .tabs-link.cc-active { color: var(--primary--background); } .legal-body.u-w-100 { grid-column-gap: var(--_layout---spacing--margin-md); grid-row-gap: var(--_layout---spacing--margin-md); grid-column-gap: var(--_layout---spacing--margin-md); grid-row-gap: var(--_layout---spacing--margin-md); justify-content: center; } .hero-btn_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .col_line { width: 1rem; height: 4rem; } .hero-top-main_wrap.product { top: -2rem; } .hero-top-line_werap { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .trusted-content_wrap { grid-template-columns: 1fr 1fr; } .trusted-card_wrap { min-height: auto; margin-top: 0; margin-left: 0; } .performance-content_wrap { justify-content: space-between; } .cascade_card { padding: 1.5rem; } .enterprise_main { flex-flow: column; } .enterprise_details { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; width: 100%; max-width: 100%; padding-top: 3rem; padding-bottom: 3rem; padding-right: 2.5rem; } .enterprise_grid-wrap { padding: 4rem 3rem; } .enterprise_grid { grid-column-gap: 4rem; grid-row-gap: 4rem; } .solutions_grid { grid-template-columns: 1fr; } .solutions_box { grid-column-gap: .5rem; grid-row-gap: .5rem; } .power_box { margin-left: -.06rem; } .power_box.second { border-bottom-style: none; } .power_box.bg-harvest, .power_box.second { border-bottom-style: none; } .power_box.second.bg-harvest { margin-left: 0; } .power_box.bg-harvest { border-bottom-style: none; } .insights_grid { grid-template-columns: 1fr; } .industries_link_icon { width: 1rem; } .scantron_card { flex-flow: column; } .assessment_box_inner { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .assessment_box_image { width: 2rem; height: 2rem; } .assessment_box { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .assessment_grid { grid-template-columns: 1fr; } .assessment-vertical_line_box { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .service-main-tabs { flex-flow: column; } .service-menu-tabs { max-width: 100%; margin-bottom: 2rem; } .service-tab-main_content { width: 100%; margin-top: .31rem; margin-left: 0; } .service-right-content { border-left: 1px solid var(--primary--500); } .scantron-hero-right_wrap { flex: 1; width: 100%; } .scantron-hero-left_wrap { min-width: 80%; } .trusted-main-grid_wrap { flex-flow: column-reverse; } .trust-right_wrap { justify-content: center; align-items: center; width: 100%; height: 100%; } .trust-right_wrap.second, .trust-right_wrap.lg, .trust-right_wrap.second, .trust-right_wrap.lg { width: 100%; } .trust-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .trust-left_wrap.second { width: 100%; } .turst_box_inner { grid-column-gap: 3rem; grid-row-gap: 3rem; } .pillar-main_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .pillar-card_wrap { width: 100%; } .pillar-card_wrap.second { margin-left: 0; } .pillar-card_tag { padding-left: 1.5rem; padding-right: 1.5rem; } .pillar-card_content { padding: 1.5rem; } .pillar-card_content.second { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; } .pillar-card_content.three { grid-column-gap: 4.5rem; grid-row-gap: 4.5rem; } .footer-legal-body { grid-column-gap: 1rem; grid-row-gap: 1rem; } .display { font-size: 3rem; } .power_box-dark.third { margin-left: 0; } .healthcare-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .healthcare-right_wrap { aspect-ratio: auto; height: 100%; } .healthcare-main_wrap { flex-flow: column-reverse; } .help-main_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .solutions-main_grid { grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto; display: flex; } .process-tab_link { border-left-style: none; } .process-content_image { width: 100%; } .services-grid { flex-flow: column; grid-template-columns: 1fr; } .bridge-main_wrap { flex-flow: column; } .bridge-left-content_wrap { padding: 0 1.5rem; } .bridge-left-img_wrap { position: relative; top: 0; bottom: 0; left: 0; } .platfrom-right-img { position: relative; } .profile-card_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; padding: 1.5rem; } .profile-card_wrap.lite { flex-flow: column-reverse; } .profile-info_wrap { padding: 1rem; } .profile-card-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .team_grid { grid-template-columns: 1fr; } .quick-grid_wrap { grid-template-rows: auto; grid-template-columns: 1fr; } .quick-card_wrap { margin-right: 0; } .support-content_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .support-main_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .support-main_wrap.second { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-column-gap: 0rem; grid-row-gap: 0rem; } .support-label { padding-left: 1.5rem; padding-right: 1.5rem; } .support-left-box_wrap { width: 100%; } .matter-img_wrap { aspect-ratio: auto; width: 100%; } .matter_details { width: 100%; padding: 1.5rem; } .dwnloads-card_wrap.second { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-column-gap: 2rem; grid-row-gap: 2rem; } .need-content_wrap { flex-flow: column; } .need-left_wrap, .need-right_wrap { width: 100%; } .insight-left_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .insight-img_wrap, .insight-content_wrap { min-height: auto; } .feature-main_wrap.second { width: 100%; } .subscribe-from-list_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .insight-list { display: flex; } .solutions_link { grid-column-gap: .5rem; grid-row-gap: .5rem; } .stats-main_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .stay-from-list_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .product-trust-right_wrap { justify-content: center; align-items: center; width: 100%; height: 100%; } .showcase-main_wrap { flex-flow: column; } .showcase-right-img_wrap { padding: 1.5rem; } .showcase-box_wrap { width: 100%; } .showcase-label { padding: 1.5rem; } .showcase-list_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1.5rem; } .product-hero-right-img { max-width: 100%; position: relative; } .product-hero-wrap, .press-main_wrap { flex-flow: column; } .press-card_wrap, .support-full-box_wrap { width: 100%; } .filter_form-wrapper { padding-bottom: 80px; } .filter_content { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .filter_grid { grid-template-columns: 1fr; } .filter_block_is { width: 100%; } .filter_column { flex-flow: wrap; } .filter_menu-dropdown-is { padding-left: 0; padding-right: 0; } .hero-filter-main_is { justify-content: space-between; align-items: flex-end; } .project-list { grid-template-columns: 1fr; } .capability-content_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .trusted-card-item { width: 100%; } .resources-main-grid_wrap { flex-flow: column-reverse; } .resources-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1.5rem; } .resources-left_wrap.second { width: 100%; } .resources-right_wrap { justify-content: center; align-items: center; width: 100%; height: 100%; } .resources-right_wrap.second, .resources-right_wrap.lg, .resources-right_wrap.second, .resources-right_wrap.lg { width: 100%; } } @media screen and (max-width: 479px) { .container.cc-nav { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; } .col:where(.w-variant-28e74f51-d7e2-a771-32c6-dda728ccfa16) { flex-basis: 100%; } .col:where(.w-variant-63569d8e-a8ac-61e1-0666-21eb6073c541) { flex: 0 auto; } .col:where(.w-variant-37882ba8-3b46-b8b4-f297-a33f19abd3db) { flex-basis: 100%; max-width: 100%; } .col.col-xs-11 { flex-basis: 91.67%; max-width: 91.6667%; } .col.col-xs-6 { flex-basis: 50%; max-width: 50%; } .col.col-xs-10 { flex-basis: 83.33%; max-width: 83.3333%; } .col.col-xs-4 { flex-basis: 33.33%; max-width: 33.3333%; } .col.col-xs-3 { flex-basis: 25%; max-width: 25%; } .col.col-xs-7 { flex-basis: 58.33%; max-width: 58.3333%; } .col.col-xs-8 { flex-basis: 66.67%; max-width: 66.6667%; } .col.col-xs-9 { flex-basis: 75%; max-width: 75%; } .col.col-xs-2 { flex-basis: 16.67%; max-width: 16.6667%; } .col.col-xs-12 { flex-basis: 100%; max-width: 100%; } .col.col-xs-5 { flex-basis: 41.67%; max-width: 41.6667%; } .col.col-xs-1 { flex-basis: 8.33%; max-width: 8.33333%; } .col.col-xs-first { order: -1; } .col.col-xs-offset-0 { margin-left: 0%; } .col.col-xs-offset-1 { margin-left: 8.33333%; } .col.col-xs-offset-2 { margin-left: 16.6667%; } .col.col-xs-offset-3 { margin-left: 25%; } .col.col-xs-offset-4 { margin-left: 33.3333%; } .col.col-xs-offset-5 { margin-left: 41.67%; } .col.col-xs-offset-6 { margin-left: 50%; } .styles__row-example { height: auto; } .styles__nav-menu { padding-left: 7%; padding-right: 7%; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-m-0 { margin: 0; } .u-pb-0 { padding-bottom: 0; } .u-p-0 { padding: 0; } .u-pt-0 { padding-top: 0; } .rich-text blockquote { font-size: var(--_typography---type-paragraph-lg--font-size-xs\); } .rich-text figcaption { font-size: var(--_typography---type-paragraph-sm--font-size-xs\); } .u-xs-d-none { display: none; } .u-xs-d-block { display: block; } .nav-logo_link { width: 100%; max-width: 5rem; } .nav-logo_link:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6) { max-width: 8rem; } .nav-menu_btn:where(.w-variant-46faf7dd-b233-1eb4-75cb-768562c236b6) { padding-left: .25rem; padding-right: .25rem; } .legal-body.u-w-100 { flex-flow: column; justify-content: center; align-items: center; } .hero-main_wrap { flex-flow: column-reverse; } .hero-right_wrap { aspect-ratio: 2 / 3; } .hero-btn_wrap { grid-column-gap: .63rem; grid-row-gap: .63rem; } .hero-top-main_wrap { top: -18%; } .hero-top-main_wrap.three { bottom: 2rem; } .trusted-content_wrap { grid-template-columns: 1fr; } .trusted-card_wrap { margin-top: -.06rem; } .performance-content_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; } .performance-content_wrap.second { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-column-gap: 0rem; grid-row-gap: 0rem; } .enterprise_grid-wrap { padding-left: 1.5rem; padding-right: 1.5rem; } .power_grid { grid-template-columns: 1fr; } .power_grid.second { flex-flow: column; display: flex; } .power_box { margin-left: 0; padding: 1rem; } .power_box.second { border-left-style: none; margin-left: 0; } .power_box.bg-harvest { border-bottom-style: solid; } .power_box.third { margin-left: 0; } .insights_box { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .industries-card-body { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: row; justify-content: flex-start; align-items: center; padding-left: 0; } .industries-black_link { grid-column-gap: .25rem; grid-row-gap: .25rem; } .industries-black_link.hide-mobile { display: none; } .scantron_card, .scantron-right_wrap { padding: 1rem; } .scantron-right_wrap.second { padding: 0; } .assessment_box_inner { grid-column-gap: 3rem; grid-row-gap: 3rem; } .assessment_box { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .service-right-content, .service-tab_link { padding: 1rem; } .scantron-hero-main_wrap { flex-flow: column-reverse; align-items: flex-end; } .scantron-hero-right_wrap { width: 50%; max-height: 8rem; } .trust-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .trust-vertical_line { width: 1.5rem; height: .2rem; } .turst_box_inner { grid-column-gap: 2rem; grid-row-gap: 2rem; } .powering-content_box { grid-column-gap: 1rem; grid-row-gap: 1rem; } .pillar-card_tag { width: 100%; padding: 1rem; } .pillar-card_tag.second { width: 100%; } .pillar-card_content { padding: 1rem; } .footer-legal-body_wrap { grid-column-gap: 2.19rem; grid-row-gap: 2.19rem; display: flex; } .power_box-dark.second, .power_box-dark.third, .power_box-dark.second, .power_box-dark.third { margin-left: 0; } .testimonial-container { flex-flow: column; padding: 1rem; } .testimonial-quote-icon { width: 2rem; } .product-item_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .healthcare-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .healthcare-tag_wrap { flex-flow: column; } .healthcare_box_inner { grid-column-gap: 2rem; grid-row-gap: 2rem; flex: 0 auto; width: 100%; max-width: none; } .success-hero_card { width: 100%; } .help-main_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .solutioncard-content_wrap { flex-flow: column; } .solution-card_content { border-top: .06rem solid var(--primary--500); border-left-style: none; } .process-menu-tabs { flex-flow: column; margin-bottom: 1rem; overflow: auto; } .process-tab_link { border-left-style: solid; margin-left: 0; padding: .8rem; } .process-tabs-content { padding: 1rem; } .process-content_info, .process-left_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .process-list { grid-column-gap: .5rem; grid-row-gap: .5rem; } .process-head_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .services-grid { grid-template-columns: 1fr; } .hero-pera_wrap { width: 100%; } .bridge-left-content_wrap { padding-left: 1rem; padding-right: 1rem; } .bridge-content_wrap, .profile-card_wrap { padding: 1rem; } .profile-card-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .team_card { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .team-card-inner_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .team-card-line_box { grid-column-gap: 2rem; grid-row-gap: 2rem; } .scantron-grid_wrap { flex-flow: column; } .scantron-headquarters_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1rem; } .scantron-headquarters_wrap.second { border-top: 1px solid var(--_color---ocean--100); border-left-style: none; border-top: 1px solid var(--_color---ocean--100); border-left-style: none; } .quick-card_wrap { padding: 1rem; } .support-inner-content_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .support-content_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .support-content_wrap.second, .support-label, .matter_details { padding: 1rem; } .dwnloads-card_wrap.second { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; padding: 1rem; } .dwnloads-digital_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; max-width: 100%; } .need-content_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .need-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .insight-left_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .insight-list_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .insight-label, .insight-content_wrap { padding: 1rem; } .legal_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .feature-card_wrap { padding: 1rem; } .feature-card_wrap.second { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .impact-card_wrap, .subscribe-main_wrap { padding: 1rem; } .stats-main_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; grid-template-columns: 1fr; padding-top: 4rem; padding-bottom: 4rem; } .turst-date-wrap { width: 100%; } .showcase-right-img_wrap, .showcase-label { padding: 1rem; } .showcase-list_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .product-hero-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; } .press-main_wrap { display: flex; } .press-card_wrap { height: 12rem; } .press-card_content { bottom: 1rem; left: 1rem; right: 1rem; } .scantron-hero-resource_wrap { flex-flow: column-reverse; align-items: flex-end; height: 30rem; } .filter_form-wrapper { margin-bottom: 0; padding-bottom: 0; } .content_filter { margin-top: 1.5rem; margin-bottom: 1.5rem; } .filter_block_is { width: 100%; } .filter_column { margin-top: 1.875rem; } .filter-mobile-wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: none; } .filter_dropdown-toggle-is:hover { color: #02274e; } .filter_empty-icon { width: 100%; max-width: none; } .filter-button { display: flex; } .button-filter { padding: .8rem 1.3rem; line-height: .875rem; display: inline-flex; } .button-filter.filter { display: block; } .button-filter.filter:hover { color: #fff; background-color: #1a365d; border-color: #1a365d; } .hero-filter-main_is { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-items: flex-start; } .fs-list_pagination { justify-content: flex-start; align-items: center; margin-left: 0; margin-right: 0; padding-left: .06rem; padding-right: .06rem; } .capability-content_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } .capability-inner-content_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .resources-left_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; } } @media screen and (max-width: 991px) { #w-node-_73aef3a9-32a9-ee2f-692f-c2864d30d169-4d30d169 { order: 3; } #w-node-_73aef3a9-32a9-ee2f-692f-c2864d30d17f-4d30d169 { order: 1; } #w-node-_73aef3a9-32a9-ee2f-692f-c2864d30d194-4d30d169 { order: 2; } #w-node-_73aef3a9-32a9-ee2f-692f-c2864d30d16a-4d30d169 { order: 3; } }