/* Good 4 You Inc site styles (exported from the Webflow project, cleaned for static hosting) */ /* Webflow component defaults (must come before the project styles so they can be overridden) */ .w-layout-grid { display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 16px; } .w-layout-layout { grid-auto-columns: 1fr; gap: 20px; padding: 20px; justify-content: center; } .w-layout-cell { align-items: flex-start; display: flex; flex-direction: column; justify-content: flex-start; } .w-layout-blockcontainer { display: block; margin-left: auto; margin-right: auto; max-width: 940px; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } .w-layout-layout { display: grid; } /* project styles */ :root { --good-4-you: var(--_colors---background-color--bg-good-4-you-purple); --warm-white: hsla(45.00000000000011, 20.00%, 96.08%, 1.00); --soft-warm-taupe: hsla(312, 10.20%, 90.39%, 1.00); --charcoal: hsla(0, 0.00%, 18.43%, 1.00); --muted-sage: hsla(127.50000000000009, 7.34%, 57.25%, 1.00); --soft-taupe: hsla(36.66666666666664, 14.06%, 74.90%, 1.00); --muted-dusty-rose: var(--_colors---muted-dusty-rose); --soft-stone: var(--_colors---soft-stone); --hover-state-button: var(--_colors---hover-state-button); --warm-off-white\: hsla(45.00000000000011, 20.00%, 96.08%, 1.00); --_colors---background-color--bg-primary-background: var(--_colors---warm-white); --_colors---background-color--bg-secondary-sections: var(--_colors---soft-stone); --_colors---background-color--bg-good-4-you-purple: #563560; --_colors---background-color--bg-accent-tertiary: var(--_colors---core-accent-color--accent-tertiary); --_colors---background-color--bg-inverse: var(--_colors---core-neutral-color--neutral-inverse); --_colors---background-color--bg-overlay: var(--charcoal); --_colors---core-accent-color--accent-primary: var(--_colors---soft-warm-taupe); --_colors---core-accent-color--accent-primary-hover: #8ca5fe; --_colors---core-accent-color--accent-secondary: transparent; --_colors---core-accent-color--accent-secondary-hover: transparent; --_colors---core-accent-color--accent-tertiary: transparent; --_colors---core-accent-color--accent-tertiary-hover: transparent; --_colors---core-neutral-color--neutral-primary: #FFFFFF; --_colors---core-neutral-color--neutral-secondary: #FBF9F5; --_colors---core-neutral-color--neutral-inverse: #181818; --_colors---current-color--current: color-mix(in srgb, currentColor 100%, transparent); --_colors---current-color--current-a80: color-mix(in srgb, currentColor 80%, transparent); --_colors---current-color--current-a70: color-mix(in srgb, currentColor 70%, transparent); --_colors---current-color--current-a60: color-mix(in srgb, currentColor 60%, transparent); --_colors---current-color--current-a50: color-mix(in srgb, currentColor 50%, transparent); --_colors---current-color--current-a20: color-mix(in srgb, currentColor 20%, transparent); --_colors---current-color--current-a10: color-mix(in srgb, currentColor 10%, transparent); --_colors---current-color--current-a05: color-mix(in srgb, currentColor 5%, transparent); --_colors---core-color-tint--accent-primary-a10: rgba(79, 117, 254, 0.1); --_colors---core-color-tint--accent-primary-a20: rgba(79, 117, 254, 0.2); --_colors---core-color-tint--accent-primary-a30: rgba(79, 117, 254, 0.3); --_colors---core-color-tint--accent-primary-a40: rgba(79, 117, 254, 0.4); --_colors---core-color-tint--accent-primary-a50: rgba(79, 117, 254, 0.5); --_colors---core-color-tint--accent-primary-a60: rgba(79, 117, 254, 0.6); --_colors---core-color-tint--accent-primary-a70: rgba(79, 117, 254, 0.7); --_colors---core-color-tint--accent-primary-a80: rgba(79, 117, 254, 0.8); --_colors---core-color-tint--accent-primary-a90: rgba(79, 117, 254, 0.9); --_colors---core-color-tint--accent-secondary-a10: transparent; --_colors---core-color-tint--accent-secondary-a20: transparent; --_colors---core-color-tint--accent-secondary-a30: transparent; --_colors---core-color-tint--accent-secondary-a40: transparent; --_colors---core-color-tint--accent-secondary-a50: transparent; --_colors---core-color-tint--accent-secondary-a60: transparent; --_colors---core-color-tint--accent-secondary-a70: transparent; --_colors---core-color-tint--accent-secondary-a80: transparent; --_colors---core-color-tint--accent-secondary-a90: transparent; --_colors---core-color-tint--accent-tertiary-a10: transparent; --_colors---core-color-tint--accent-tertiary-a20: transparent; --_colors---core-color-tint--accent-tertiary-a30: transparent; --_colors---core-color-tint--accent-tertiary-a40: transparent; --_colors---core-color-tint--accent-tertiary-a50: transparent; --_colors---core-color-tint--accent-tertiary-a60: transparent; --_colors---core-color-tint--accent-tertiary-a70: transparent; --_colors---core-color-tint--accent-tertiary-a80: transparent; --_colors---core-color-tint--accent-tertiary-a90: transparent; --_colors---core-color-tint--neutral-primary-a10: rgba(255, 255, 255, 0.1); --_colors---core-color-tint--neutral-primary-a20: rgba(255, 255, 255, 0.2); --_colors---core-color-tint--neutral-primary-a30: rgba(255, 255, 255, 0.3); --_colors---core-color-tint--neutral-primary-a40: rgba(255, 255, 255, 0.4); --_colors---core-color-tint--neutral-primary-a50: rgba(255, 255, 255, 0.5); --_colors---core-color-tint--neutral-primary-a60: rgba(255, 255, 255, 0.6); --_colors---core-color-tint--neutral-primary-a70: rgba(255, 255, 255, 0.7); --_colors---core-color-tint--neutral-primary-a80: rgba(255, 255, 255, 0.8); --_colors---core-color-tint--neutral-primary-a90: rgba(255, 255, 255, 0.9); --_colors---core-color-tint--neutral-inverse-a10: rgba(24, 24, 24, 0.1); --_colors---core-color-tint--neutral-inverse-a20: rgba(24, 24, 24, 0.2); --_colors---core-color-tint--neutral-inverse-a30: rgba(24, 24, 24, 0.3); --_colors---core-color-tint--neutral-inverse-a40: rgba(24, 24, 24, 0.4); --_colors---core-color-tint--neutral-inverse-a50: rgba(24, 24, 24, 0.5); --_colors---core-color-tint--neutral-inverse-a60: rgba(24, 24, 24, 0.6); --_colors---core-color-tint--neutral-inverse-a70: rgba(24, 24, 24, 0.7); --_colors---core-color-tint--neutral-inverse-a80: rgba(24, 24, 24, 0.8); --_colors---core-color-tint--neutral-inverse-a90: rgba(24, 24, 24, 0.9); --_colors---charcoal: #2f2f2f; --_colors---warm-white: hsla(45.00000000000011, 20.00%, 96.08%, 1.00); --_colors---good-4-you-brand-purple: hsla(286.046511627907, 28.86%, 29.22%, 1.00); --_colors---soft-warm-taupe: var(--soft-warm-taupe); --_colors---muted-sage: var(--muted-sage); --_colors---soft-taupe: var(--soft-taupe); --_colors---muted-dusty-rose: #a07a86; --_colors---soft-stone: #cfc7cc; --_colors---hover-state-button: #6b436f; --_colors---text-color--text-primary-charcoal: var(--charcoal); --_colors---text-color--text-secondary-warm-off-white: #f7f6f3; --_colors---text-color--text-inverse-primary: var(--good-4-you); --_colors---text-color--text-inverse-secondary: var(--_colors---muted-dusty-rose); --_colors---text-color--text-optional-accent-primary: hsla(322.4999999999999, 7.69%, 79.61%, 1.00); --_colors---text-color--text-on-accent-secondary: #2D2323; --_colors---text-color--text-on-accent-tertiary: #2D2323; --_colors---text-color--text-accent-on-primary: #4F75FE; --_colors---text-color--text-accent-on-primary-hover: rgba(79, 117, 254, 0.6); --_colors---text-color--text-accent-on-inverse: #4F75FE; --_colors---text-color--text-accent-on-inverse-hover: rgba(79, 117, 254, 0.6); --_colors---text-color--text-on-overlay: var(--_colors---core-neutral-color--neutral-primary); --_colors---border-color--border-primary: var(--_colors---core-color-tint--neutral-inverse-a10); --_colors---border-color--border-secondary: color-mix( in hsl, black 50%, white 50% ); --_colors---border-color--border-inverse-primary: var(--_colors---core-color-tint--neutral-primary-a20); --_colors---border-color--border-inverse-secondary: var(--_colors---core-color-tint--neutral-primary-a10); --_colors---border-color--border-accent: var(--_colors---core-accent-color--accent-primary); --_colors---blockquote--blockquote-bg: transparent; --_colors---blockquote--blockquote-text: var(--_colors---text-color--text-primary-charcoal); --_colors---blockquote--blockquote-border: var(--_colors---text-color--text-primary-charcoal); --_colors---button--button-primary-bg: var(--_colors---good-4-you-brand-purple); --_colors---button--button-primary-bg-hover: var(--hover-state-button); --_colors---button--button-primary-border: hsla(0, 0.00%, 0.00%, 0.00); --_colors---button--button-primary-text: var(--_colors---text-color--text-secondary-warm-off-white); --_colors---button--button-secondary-bg: transparent; --_colors---button--button-secondary-border: #563560; --_colors---button--button-secondary-text: var(--good-4-you); --_colors---button--button-primary-border-hover: transparent; --_colors---button--button-secondary-bg-hover: transparent; --_colors---button--button-secondary-border-hover: transparent; --_colors---input--input-primary-bg: transparent; --_colors---input--input-primary-bg-hover: transparent; --_colors---input--input-primary-text: var(--_colors---text-color--text-primary-charcoal); --_colors---input--input-primary-text-placeholder: var(--_colors---core-color-tint--neutral-inverse-a20); --_colors---input--input-primary-border: var(--_colors---text-color--text-primary-charcoal); --_colors---input--input-primary-border-hover: var(--_colors---text-color--text-primary-charcoal); --_colors---input--input-inverse-bg: transparent; --_colors---input--input-inverse-bg-hover: transparent; --_colors---input--input-inverse-text: var(--_colors---text-color--text-inverse-primary); --_colors---input--input-inverse-text-placeholder: var(--_colors---core-color-tint--neutral-primary-a50); --_colors---input--input-inverse-border: var(--_colors---text-color--text-inverse-primary); --_colors---input--input-inverse-border-hover: var(--_colors---text-color--text-inverse-primary); --_colors---input--input-control: var(--_colors---core-accent-color--accent-primary); --_colors---input--input-control-border: var(--_colors---core-accent-color--accent-primary); --_colors---card--card-primary-bg: var(--_colors---background-color--bg-primary-background); --_colors---card--card-primary-bg-hover: var(--_colors---background-color--bg-primary-background); --_colors---card--card-primary-text: var(--_colors---text-color--text-primary-charcoal); --_colors---card--card-primary-border: var(--_colors---border-color--border-secondary); --_colors---card--card-secondary-bg: var(--_colors---charcoal); --_colors---card--card-secondary-bg-hover: var(--_colors---charcoal); --_colors---card--card-secondary-text: var(--_colors---text-color--text-primary-charcoal); --_colors---card--card-secondary-border: var(--_colors---border-color--border-secondary); --_colors---card--card-accent-primary-bg: var(--_colors---background-color--bg-good-4-you-purple); --_colors---card--card-accent-primary-bg-hover: var(--_colors---background-color--bg-good-4-you-purple); --_colors---card--card-accent-primary-text: white; --_colors---card--card-accent-primary-border: transparent; --_colors---card--card-accent-secondary-bg: var(--_colors---background-color--bg-secondary-sections); --_colors---card--card-accent-secondary-bg-hover: var(--_colors---background-color--bg-secondary-sections); --_colors---card--card-accent-secondary-text: white; --_colors---card--card-accent-secondary-border: transparent; --_colors---card--card-accent-tertiary-bg: var(--_colors---background-color--bg-accent-tertiary); --_colors---card--card-accent-tertiary-bg-hover: var(--_colors---background-color--bg-accent-tertiary); --_colors---card--card-accent-tertiary-text: transparent; --_colors---card--card-accent-tertiary-border: transparent; --_colors---card--card-inverse-bg: var(--_colors---background-color--bg-inverse); --_colors---card--card-inverse-bg-hover: var(--_colors---background-color--bg-inverse); --_colors---card--card-inverse-text: var(--_colors---text-color--text-inverse-primary); --_colors---card--card-inverse-border: transparent; --_colors---nav-link--nav-link-primary: var(--_colors---text-color--text-primary-charcoal); --_colors---nav-link--nav-link-inverse: var(--_colors---text-color--text-inverse-primary); --_colors---text-link--link-primary: var(--muted-sage); --_colors---text-link--link-primary-hover: var(--soft-taupe); --_colors---text-link--link-secondary: var(--_colors---text-color--text-primary-charcoal); --_colors---text-link--link-secondary-hover: var(--_colors---core-color-tint--neutral-inverse-a60); --_colors---text-link--link-inverse: var(--_colors---text-color--text-accent-on-inverse); --_colors---text-link--link-inverse-hover: var(--_colors---text-color--text-accent-on-inverse-hover); --_typography---font--heading-font: Georgia, Times, 'Times New Roman', serif; --_typography---font--body-font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; --_typography---font--button-font: Inter, sans-serif; --_typography---font--subtext-font\: Arial, 'Helvetica Neue', Helvetica, sans-serif; --_typography---base-typography--base-font: var(--_typography---font--body-font); --_typography---base-typography--base-font-size: 1.2rem; --_typography---base-typography--base-font-weight: 400; --_typography---base-typography--base-font-weight-bold: 600; --_typography---base-typography--base-letter-spacing: 0em; --_typography---base-typography--base-line-height: 1.9rem; --_typography---base-typography--base-margin-bottom: 0.75em; --_typography---h0-heading--h0-size: 4rem; --_typography---h0-heading--h0-letter-spacing: -0.01em; --_typography---h0-heading--h0-line-height: 1.5em; --_typography---h0-heading--h0-weight: 500; --_typography---h0-heading--h0-margin-bottom: 0.3em; --_typography---h1-heading--h1-size: 3rem; --_typography---h1-heading--h1-letter-spacing: -0.01em; --_typography---h1-heading--h1-line-height: 1.3em; --_typography---h1-heading--h1-weight: 400; --_typography---h1-heading--h1-margin-bottom: -3em; --_typography---h2-heading--h2-size: 2.5rem; --_typography---h2-heading--h2-letter-spacing: -0.01em; --_typography---h2-heading--h2-line-height: 1.04em; --_typography---h2-heading--h2-weight: 500; --_typography---h2-heading--h2-margin-bottom: 0.35em; --_typography---h3-heading--h3-size: 3rem; --_typography---h3-heading--h3-letter-spacing: -0.01em; --_typography---h3-heading--h3-line-height: 1.04em; --_typography---h3-heading--h3-weight: 500; --_typography---h3-heading--h3-margin-bottom: 0.5em; --_typography---h4-heading--h4-size: 1.41rem; --_typography---h4-heading--h4-letter-spacing: -0.01em; --_typography---h4-heading--h4-line-height: 1.3em; --_typography---h4-heading--h4-weight: 500; --_typography---h4-heading--h4-margin-bottom: 0.5em; --_typography---h5-heading--h5-size: 1rem; --_typography---h5-heading--h5-letter-spacing: 0em; --_typography---h5-heading--h5-line-height: 1.3em; --_typography---h5-heading--h5-weight: 500; --_typography---h5-heading--h5-margin-bottom: 0.5em; --_typography---h6-heading--h6-size: 0.71rem; --_typography---h6-heading--h6-letter-spacing: 0.1em; --_typography---h6-heading--h6-line-height: 1.3em; --_typography---h6-heading--h6-weight: 500; --_typography---h6-heading--h6-margin-bottom: 0.5em; --_typography---text-sm--sm-text-size: 0.88rem; --_typography---text-sm--sm-text-letter-spacing: 0em; --_typography---text-sm--sm-text-line-height: 1.6em; --_typography---text--text-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem); --_typography---text--text-letter-spacing: 0em; --_typography---text--text-line-height: 1.25em; --_typography---text-lg--lg-text-size: 1.25rem; --_typography---text-lg--lg-text-letter-spacing: 0em; --_typography---text-lg--lg-text-line-height: 1.6em; --_typography---text-xl--xl-text-size: 1.5rem; --_typography---text-xl--xl-text-letter-spacing: 0em; --_typography---text-xl--xl-text-line-height: 1.6em; --_typography---text-xxl--xxl-text-size: 2rem; --_typography---text-xxl--xxl-text-letter-spacing: 0em; --_typography---text-xxl--xxl-text-line-height: 1.6em; --_typography---blockquote--blockquote-radius: 0px; --_typography---blockquote--blockquote-border-width: 3px; --_typography---blockquote--blockquote-font: Georgia, Times, 'Times New Roman', serif; --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem); --_typography---blockquote--blockquote-letter-spacing: 0.01em; --_typography---blockquote--blockquote-line-height: 1.5em; --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x); --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x); --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font); --_typography---eyebrow--eyebrow-size: 0.9rem; --_typography---eyebrow--eyebrow-letter-spacing: 0.01em; --_typography---eyebrow--eyebrow-line-height: 1.3em; --_typography---button--button-font: var(--_typography---font--button-font); --_typography---tag--tag-size: 0.75rem; --_sizes---radius--sm-radius: 0.25rem; --_sizes---radius--md-radius: 0.5rem; --_sizes---radius--lg-radius: 0.75rem; --_sizes---radius--xl-radius: 1.25rem; --_sizes---radius--round: 100rem; --_sizes---spacing--0-25x: 0.25rem; --_sizes---spacing--0-5x: 0.5rem; --_sizes---spacing--0-75x: 0.75rem; --_sizes---spacing--1x: 1rem; --_sizes---spacing--1-25x: 1.25rem; --_sizes---spacing--1-5x: 1.5px; --_sizes---spacing--1-75x: 1.75rem; --_sizes---spacing--2x: 2rem; --_sizes---spacing--3x: 3rem; --_sizes---spacing--4x: 8vh; --_sizes---spacing--5x: 5rem; --_sizes---spacing--6x: 6rem; --_sizes---spacing--7x: 7rem; --_sizes---spacing--8x: 8rem; --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x); --_sizes---gap--xs-gap: var(--_sizes---spacing--1x); --_sizes---gap--sm-gap: var(--_sizes---spacing--2x); --_sizes---gap--md-gap: var(--_sizes---spacing--3x); --_sizes---gap--lg-gap: var(--_sizes---spacing--4x); --_sizes---gap--xl-gap: var(--_sizes---spacing--5x); --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x); --_sizes---image--image-radius: var(--_sizes---card--card-radius); --_sizes---button--button-radius: 0.25rem; --_sizes---button--button-padding-vertical: 1em; --_sizes---button--button-padding-horizontal: 1.5em; --_sizes---button--button-size: var(--_typography---base-typography--base-font-size); --_sizes---input--input-radius: 0.25rem; --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x); --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---card--card-radius: 0.5rem; --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-5x); --_sizes---card--card-padding: var(--_sizes---spacing--2x); --_sizes---container--container-width: 1280px; --_sizes---container--container-sm-width: 2000px; --_sizes---container--container-lg-width: 1440px; --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---nav--nav-height: 4rem; --_sizes---section--section-padding-vertical: var(--_typography---tag--tag-size); --_sizes---tag--tag-radius: 0.25rem; --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x); --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x); --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x); --_sizes---slider--5-slides: 5; --_sizes---slider--4-slides: 4; --_sizes---slider--3-slides: 3; --_sizes---slider--2-slides: 2; --_sizes---slider--1-5-slides: 1.5; --_sizes---slider--navigation: var(--_sizes---spacing--0-75x); --_sizes---width--xxs: 12rem; --_sizes---width--xs: 25rem; --_sizes---width--sm: 35rem; --_sizes---width--md: 40rem; --_sizes---width--lg: 50rem; --_sizes---width--xl: 60rem; --_interactions---ix--ix-hero-intro-slide-up-100vh: 0px; --_interactions---ix--ix-hero-intro-clipping-mask-1: 0px; --_interactions---ix--ix-hero-intro-clipping-mask-2: 0px; --_interactions---ix--ix-hero-intro-clipping-mask-3: 0px; --_interactions---ix--ix-card-spacing: 2rem; --_interactions---ix--ix-follow-cursor: 0%; --_interactions---ix--ix-card-change-width: 50%; --_interactions---ix--ix-nav-width: 0px; --_slider---spacing: 0rem; } @media all { body { background-color: var(--_colors---background-color--bg-primary-background); font-family: var(--_typography---font--body-font); color: var(--_colors---text-color--text-primary-charcoal); font-size: var(--_typography---base-typography--base-font-size); line-height: var(--_typography---base-typography--base-line-height); letter-spacing: var(--_typography---base-typography--base-letter-spacing); } h1 { margin-top: 20px; margin-bottom: var(--_typography---h1-heading--h1-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h1-heading--h1-size); line-height: var(--_typography---h1-heading--h1-line-height); font-weight: var(--_typography---h1-heading--h1-weight); letter-spacing: var(--_typography---h1-heading--h1-letter-spacing); } h2 { margin-top: 20px; margin-bottom: var(--_typography---h2-heading--h2-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h2-heading--h2-size); line-height: var(--_typography---h2-heading--h2-line-height); font-weight: var(--_typography---h2-heading--h2-weight); letter-spacing: var(--_typography---h2-heading--h2-letter-spacing); } h3 { margin-top: 20px; margin-bottom: var(--_typography---h3-heading--h3-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h3-heading--h3-size); line-height: var(--_typography---h3-heading--h3-line-height); font-weight: var(--_typography---h3-heading--h3-weight); letter-spacing: var(--_typography---h3-heading--h3-letter-spacing); } h4 { margin-top: 10px; margin-bottom: var(--_typography---h4-heading--h4-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h4-heading--h4-size); line-height: var(--_typography---h4-heading--h4-line-height); font-weight: var(--_typography---h4-heading--h4-weight); letter-spacing: var(--_typography---h4-heading--h4-letter-spacing); } h5 { margin-top: 10px; margin-bottom: var(--_typography---h5-heading--h5-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h5-heading--h5-size); line-height: var(--_typography---h5-heading--h5-line-height); font-weight: var(--_typography---h5-heading--h5-weight); letter-spacing: var(--_typography---h5-heading--h5-letter-spacing); } h6 { margin-top: 10px; margin-bottom: var(--_typography---h6-heading--h6-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h6-heading--h6-size); line-height: var(--_typography---h6-heading--h6-line-height); font-weight: var(--_typography---h6-heading--h6-weight); letter-spacing: var(--_typography---h6-heading--h6-letter-spacing); } p { margin-bottom: var(--_typography---base-typography--base-margin-bottom); font-family: var(--_typography---font--body-font); font-size: var(--_typography---text--text-size); line-height: var(--_typography---text--text-line-height); letter-spacing: var(--_typography---text--text-letter-spacing); } a { color: var(--_colors---core-accent-color--accent-primary); text-decoration: underline; } a:hover { color: var(--_colors---core-accent-color--accent-primary-hover); } img { display: inline-block; max-width: 100%; clear: right; aspect-ratio: auto; border-radius: var(--_sizes---image--image-radius); vertical-align: baseline; } .margin-bottom_none { margin-bottom: 0rem; } .gap-small { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .is-y-center.gap-xsmall.margin_top-auto { margin-bottom: 0px; margin-left: 200px; padding-bottom: 0px; } .gap-small { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .gap-medium { column-gap: var(--_sizes---gap--md-gap); row-gap: var(--_sizes---gap--md-gap); } .section-5-our-approach { position: relative; z-index: 1; width: 100%; max-width: var(--_sizes---container--container-width); margin-top: 220px; margin-right: auto; margin-left: auto; padding-right: var(--_sizes---container--container-padding-horizontal); padding-left: var(--_sizes---container--container-padding-horizontal); background-clip: border-box; -webkit-text-fill-color: inherit; } .section-5-our-approach.is-small { max-width: var(--_sizes---container--container-sm-width); margin-top: 220px; padding-top: 0px; } .hero-section { position: relative; overflow: clip; margin-top: 0px; margin-bottom: -69px; padding-top: var(--_sizes---section--section-padding-vertical); padding-bottom: var(--_sizes---section--section-padding-vertical); background-color: var(--_colors---core-neutral-color--neutral-primary); color: var(--_colors---text-color--text-primary-charcoal); } .hero-section.is-secondary { margin-top: 0px; margin-bottom: -69px; background-color: var(--good-4-you); } .hero-section.is-accent-primary { z-index: auto; display: block; margin-top: 0px; margin-bottom: 0px; grid-auto-columns: 1fr; gap: 16px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; background-color: var(--_colors---core-accent-color--accent-secondary-hover); background-image: url("../images/Name_WEBRESOLUTION_36.jpg"); background-position: 50% 0%; background-size: cover; background-attachment: fixed; color: var(--_colors---text-color--text-optional-accent-primary); background-clip: content-box; -webkit-text-fill-color: inherit; } .hero-section.is-accent-primary.custom-belleriver-background { margin-top: -10px; margin-bottom: 0px; background-image: url("../images/Christa_Smith_2022_WEBRESOLUTION_12.jpg"); background-position: 50% 0%; background-size: cover; } .hero-section.is-inverse { overflow: visible; height: 100%; max-height: 100%; margin-top: -150.1vh; margin-bottom: -147px; background-color: var(--_colors---background-color--bg-primary-background); color: var(--_colors---text-color--text-primary-charcoal); text-align: left; -webkit-text-stroke-color: var(--_colors---text-color--text-primary-charcoal); object-fit: cover; } .hero-section.is-accent-secondary { background-color: var(--_colors---background-color--bg-secondary-sections); color: var(--_colors---text-color--text-on-accent-secondary); } .hero-section.is-accent-tertiary { background-color: var(--_colors---background-color--bg-accent-tertiary); color: var(--_colors---text-color--text-on-accent-tertiary); } .hero-section.card { color: var(--warm-white); } .grid_2-col { display: grid; grid-auto-columns: 1fr; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-rows: auto; } .grid_2-col.gap-small { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .grid_2-col.gap-medium { column-gap: var(--_sizes---gap--md-gap); row-gap: var(--_sizes---gap--md-gap); } .grid_2-col.gap-xsmall { align-self: stretch; column-gap: var(--gap--xs-gap); row-gap: var(--gap--xs-gap); } .grid_2-col.gap-xsmall { align-self: stretch; column-gap: var(--gap--xs-gap); row-gap: var(--gap--xs-gap); } .heading_xxsmall { margin-top: 0px; margin-bottom: var(--_typography---h6-heading--h6-margin-bottom); font-family: var(--_typography---font--heading-font); font-size: var(--_typography---h6-heading--h6-size); line-height: var(--_typography---h6-heading--h6-line-height); font-weight: var(--_typography---h6-heading--h6-weight); letter-spacing: var(--_typography---h6-heading--h6-letter-spacing); } .paragraph_large { margin-bottom: var(--_typography---base-typography--base-margin-bottom); font-family: var(--_typography---font--body-font); font-size: var(--_typography---text-lg--lg-text-size); line-height: var(--_typography---text-lg--lg-text-line-height); letter-spacing: var(--_typography---text-lg--lg-text-letter-spacing); } .paragraph_large.margin-bottom_none { background-color: rgb(0, 0, 0); background-image: url("../images/Logo-used-on-Canva-smaller.jpg"); background-size: auto; } .start-your-journey-button { display: inline-flex; padding-top: var(--_sizes---button--button-padding-vertical); padding-right: var(--_sizes---button--button-padding-horizontal); padding-bottom: var(--_sizes---button--button-padding-vertical); padding-left: var(--_sizes---button--button-padding-horizontal); justify-content: center; align-items: center; gap: 0.5em; border-style: solid; border-width: 0px; border-top-color: var(--_colors---button--button-primary-border); border-right-color: var(--_colors---button--button-primary-border); border-bottom-color: var(--_colors---button--button-primary-border); border-left-color: var(--_colors---button--button-primary-border); border-top-left-radius: var(--_sizes---button--button-radius); border-top-right-radius: var(--_sizes---button--button-radius); border-bottom-left-radius: var(--_sizes---button--button-radius); border-bottom-right-radius: var(--_sizes---button--button-radius); background-color: var(--_colors---core-accent-color--accent-primary); background-image: none; box-shadow: none; transition-property: border-color, color, background-color, box-shadow; transition-duration: 200ms, 200ms, 200ms, 200ms; transition-timing-function: ease, ease, cubic-bezier(0.165, 0.84, 0.44, 1), ease; font-family: var(--_typography---button--button-font); color: var(--_colors---text-color--text-optional-accent-primary); font-size: var(--_typography---base-typography--base-font-size); line-height: 1.2; font-weight: 400; text-align: center; text-decoration: none; cursor: pointer; } .start-your-journey-button:hover { border-top-color: var(--_colors---button--button-primary-border-hover); border-right-color: var(--_colors---button--button-primary-border-hover); border-bottom-color: var(--_colors---button--button-primary-border-hover); border-left-color: var(--_colors---button--button-primary-border-hover); background-color: var(--_colors---core-accent-color--accent-primary-hover); box-shadow: none; color: var(--_colors---button--button-primary-text); } .start-your-journey-button.is-secondary { border-top-color: var(--_colors---button--button-secondary-border); border-right-color: var(--_colors---button--button-secondary-border); border-bottom-color: var(--_colors---button--button-secondary-border); border-left-color: var(--_colors---button--button-secondary-border); background-color: transparent; background-image: none; box-shadow: 0 0 0 1px var(--_colors---text-color--text-primary-charcoal) inset; color: var(--_colors---text-color--text-primary-charcoal); } .start-your-journey-button.is-secondary:hover { border-top-color: var(--_colors---button--button-secondary-border-hover); border-right-color: var(--_colors---button--button-secondary-border-hover); border-bottom-color: var(--_colors---button--button-secondary-border-hover); border-left-color: var(--_colors---button--button-secondary-border-hover); background-color: transparent; box-shadow: 0 0 0 2px var(--_colors---text-color--text-primary-charcoal) inset; } .start-your-journey-button.is-secondary.on-accent-primary { border-style: solid; border-top-color: var(--_colors---background-color--bg-good-4-you-purple); border-right-color: var(--_colors---background-color--bg-good-4-you-purple); border-bottom-color: var(--_colors---background-color--bg-good-4-you-purple); border-left-color: var(--_colors---background-color--bg-good-4-you-purple); background-color: transparent; background-image: none; box-shadow: inset 0 0 0 1px var(--_colors---background-color--bg-good-4-you-purple); color: var(--_colors---background-color--bg-good-4-you-purple); -webkit-text-stroke-color: var(--_colors---background-color--bg-good-4-you-purple); } .start-your-journey-button.is-secondary.on-accent-primary:hover { background-color: transparent; box-shadow: 0 0 0 2px var(--_colors---text-color--text-inverse-primary) inset; color: var(--_colors---text-link--link-inverse-hover); } .start-your-journey-button.is-secondary.on-inverse { background-color: transparent; background-image: none; box-shadow: 0 0 0 1px var(--_colors---text-color--text-inverse-primary) inset; color: var(--_colors---text-color--text-inverse-primary); } .start-your-journey-button.is-secondary.on-inverse:hover { background-color: transparent; box-shadow: 0 0 0 2px var(--_colors---text-color--text-inverse-primary) inset; } .start-your-journey-button.is-small { font-size: var(--_sizes---spacing--0-75x); } .start-your-journey-button.is-inverse { border-color: transparent; background-color: var(--_colors---core-accent-color--accent-primary); color: var(--_colors---core-neutral-color--neutral-primary); } .start-your-journey-button.is-inverse:hover { border-color: transparent; background-color: var(--_colors---core-accent-color--accent-primary-hover); } .start-your-journey-button.on-accent-primary { display: block; box-sizing: content-box; margin-top: 0px; margin-right: 200px; margin-left: 0px; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 0em; border-top-color: var(--_colors---muted-dusty-rose); border-right-color: var(--_colors---muted-dusty-rose); border-bottom-color: var(--_colors---muted-dusty-rose); border-left-color: var(--_colors---muted-dusty-rose); background-color: var(--_colors---background-color--bg-good-4-you-purple); background-image: none; box-shadow: none; color: var(--warm-white); text-align: center; background-clip: border-box; -webkit-text-fill-color: inherit; cursor: pointer; mix-blend-mode: normal; } .start-your-journey-button.on-accent-primary:hover { border-color: transparent; background-color: var(--muted-dusty-rose); box-shadow: none; -webkit-text-stroke-color: var(--warm-white); } .start-your-journey-button.on-accent-primary.hero-button { margin-right: 400px; } .start-your-journey-button.on-inverse { margin-left: 50px; border-color: transparent; background-color: var(--good-4-you); background-image: none; box-shadow: none; color: var(--_colors---background-color--bg-primary-background); } .start-your-journey-button.on-inverse:hover { border-color: transparent; background-color: var(--_colors---core-accent-color--accent-primary-hover); box-shadow: none; } .margin-top_none { margin-top: 0px !important; } .margin-bottom_none { margin-bottom: 0px !important; } .overflow_hidden { overflow: hidden; } .screen-reader { position: absolute; overflow: hidden; width: 1px; height: 1px; margin-top: -1px; padding: 0px; border-style: solid; border-width: 0px; border-color: transparent; white-space: nowrap; } .margin_top-auto { margin-top: auto !important; } .avatar { position: relative; overflow: hidden; width: var(--_sizes---spacing--4x); height: var(--_sizes---spacing--4x); flex: 0 0 auto; border-top-left-radius: var(--_sizes---radius--round); border-top-right-radius: var(--_sizes---radius--round); border-bottom-left-radius: var(--_sizes---radius--round); border-bottom-right-radius: var(--_sizes---radius--round); background-color: var(--_colors---background-color--bg-primary-background); object-fit: cover; } .avatar.is-small { width: var(--_sizes---spacing--2x); height: var(--_sizes---spacing--2x); } .button-group { display: flex; margin-top: var(--_sizes---spacing--1-5x); margin-right: 0px; justify-content: flex-start; flex-wrap: wrap; align-items: center; column-gap: var(--_sizes---spacing--1x); row-gap: var(--_sizes---spacing--1x); } .margin-top_xsmall { margin-top: var(--_sizes---spacing--1x); } .margin-top_medium { margin-top: var(--_sizes---spacing--3x); } .margin-bottom_xsmall { margin-bottom: var(--_sizes---spacing--1x); } .margin-bottom_small { margin-top: -25px; margin-bottom: var(--_interactions---ix--ix-follow-cursor); padding-bottom: 0px; color: var(--_colors---core-color-tint--neutral-inverse-a90); } .margin-bottom_medium { margin-bottom: var(--_sizes---spacing--3x); } .divider { align-self: stretch; border-bottom: 1px solid color-mix(in srgb, currentcolor 15%, transparent); -webkit-text-stroke-width: 0px; } .divider.is-secondary { border-bottom-color: color-mix(in srgb, currentcolor 15%, transparent); } .card { position: relative; display: flex; overflow: hidden; width: 100%; flex-flow: column; flex: 0 1 auto; border-style: solid; border-width: 0px; border-top-color: var(--_colors---card--card-primary-border); border-right-color: var(--_colors---card--card-primary-border); border-bottom-color: var(--_colors---card--card-primary-border); border-left-color: var(--_colors---card--card-primary-border); border-top-left-radius: var(--_sizes---card--card-radius); border-top-right-radius: var(--_sizes---card--card-radius); border-bottom-left-radius: var(--_sizes---card--card-radius); border-bottom-right-radius: var(--_sizes---card--card-radius); background-color: var(--_colors---background-color--bg-primary-background); background-image: none; box-shadow: 0 0 0 1px var(--_colors---core-color-tint--neutral-inverse-a20) inset, 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 14px rgba(0, 0, 0, 0.15); color: var(--_colors---text-color--text-primary-charcoal); list-style-type: none; } .card.is-secondary { border-top-color: var(--_colors---card--card-secondary-border); border-right-color: var(--_colors---card--card-secondary-border); border-bottom-color: var(--_colors---card--card-secondary-border); border-left-color: var(--_colors---card--card-secondary-border); background-color: var(--_colors---card--card-secondary-bg); color: var(--_colors---card--card-secondary-text); } .card.is-accent-primary { border-top-color: var(--_colors---card--card-accent-primary-border); border-right-color: var(--_colors---card--card-accent-primary-border); border-bottom-color: var(--_colors---card--card-accent-primary-border); border-left-color: var(--_colors---card--card-accent-primary-border); background-color: var(--_colors---card--card-accent-primary-bg); color: var(--_colors---card--card-accent-primary-text); } .card.is-inverse { border-top-color: var(--_colors---card--card-inverse-border); border-right-color: var(--_colors---card--card-inverse-border); border-bottom-color: var(--_colors---card--card-inverse-border); border-left-color: var(--_colors---card--card-inverse-border); background-color: var(--_colors---card--card-inverse-bg); color: var(--_colors---card--card-inverse-text); } .card.on-inverse { border-top-color: var(--_colors---border-color--border-primary); border-right-color: var(--_colors---border-color--border-primary); border-bottom-color: var(--_colors---border-color--border-primary); border-left-color: var(--_colors---border-color--border-primary); background-color: var(--_colors---background-color--bg-primary-background); background-image: none; box-shadow: 0 0 0 1px var(--_colors---core-color-tint--neutral-primary-a20) inset, 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 14px rgba(0, 0, 0, 0.15); color: var(--_colors---text-color--text-primary-charcoal); } .card.on-accent-primary { background-color: var(--_colors---background-color--bg-primary-background); background-image: none; box-shadow: 0 0 0 1px var(--_colors---core-color-tint--neutral-primary-a20) inset, 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 14px rgba(0, 0, 0, 0.15); color: var(--_colors---text-color--text-primary-charcoal); } .card.is-accent-secondary { background-color: var(--_colors---card--card-accent-secondary-bg); color: var(--_colors---text-color--text-on-accent-secondary); } .card.is-accent-tertiary { background-color: var(--_colors---card--card-accent-tertiary-bg); color: var(--_colors---text-color--text-on-accent-tertiary); } .card_body { position: relative; z-index: 1; display: flex; width: 114%; margin: 17% 0% 0px -7%; padding-top: var(--_sizes---card--card-padding); padding-right: 10px; padding-bottom: 0px; padding-left: 10px; flex-flow: column; justify-content: center; align-items: stretch; flex: 1 1 0%; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px 0px; opacity: 0.84; text-overflow: clip; object-fit: none; object-position: 50% 50%; } .card_body.is-small { padding-top: var(--_sizes---gap--sm-gap); padding-right: var(--_sizes---gap--sm-gap); padding-bottom: var(--_sizes---gap--sm-gap); padding-left: var(--_sizes---gap--sm-gap); } .nav { position: relative; z-index: 99; display: flex; width: 100%; justify-content: center; align-items: flex-start; background-color: rgba(255, 255, 255, 0); color: var(--_colors---text-color--text-primary-charcoal); font-size: var(--_typography---base-typography--base-font-size); } .nav.is-inverse { background-color: var(--_colors---background-color--bg-inverse); color: var(--_colors---text-color--text-inverse-primary); } .nav.is-accent-primary { position: fixed; inset: 0% 0% auto; z-index: 9999; display: block; overflow: visible; width: 100%; margin-top: 0px; padding-top: 0px; justify-content: center; align-items: flex-start; grid-auto-columns: 1fr; gap: 0px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; aspect-ratio: auto; background-color: var(--good-4-you); color: var(--_colors---background-color--bg-overlay); overflow-wrap: normal; } .nav.is-secondary { background-color: var(--_colors---charcoal); } .nav.is-accent-tertiary { background-color: var(--_colors---background-color--bg-accent-tertiary); color: var(--_colors---text-color--text-on-accent-tertiary); } .nav.is-accent-secondary { background-color: var(--_colors---core-accent-color--accent-secondary); color: var(--_colors---text-color--text-on-accent-secondary); } .nav_mobile-menu-button { padding-top: var(--_sizes---spacing--0-5x); padding-right: var(--_sizes---spacing--0-5x); padding-bottom: var(--_sizes---spacing--0-5x); padding-left: var(--_sizes---spacing--0-5x); flex-flow: row; justify-content: center; align-items: center; color: inherit; } .nav_mobile-menu-button:hover { color: inherit; } .nav_mobile-menu-button.w--open { z-index: 2; background-color: transparent; } .nav_mobile-menu-button.w--open:hover { color: var(--_colors---text-link--link-inverse-hover); } .flex_horizontal { display: flex; flex-flow: row; } .flex_horizontal.gap-small { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .flex_horizontal.gap-xsmall { column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .flex_horizontal.gap-medium { column-gap: var(--_sizes---gap--md-gap); row-gap: var(--_sizes---gap--md-gap); } .icon { display: flex; width: var(--_sizes---spacing--2x); height: var(--_sizes---spacing--2x); justify-content: center; align-items: center; flex: 0 0 auto; color: var(--_colors---text-color--text-accent-on-primary); vertical-align: middle; } .icon.is-small { width: var(--_sizes---spacing--1-25x); height: var(--_sizes---spacing--1-25x); } .icon.on-inverse { color: var(--_colors---text-color--text-inverse-primary); } .icon.on-accent-primary { color: inherit; } .text-color_secondary { color: color-mix(in srgb, currentcolor 75%, transparent); } .footer { padding-top: var(--_sizes---spacing--4x); padding-bottom: var(--_sizes---spacing--4x); background-color: var(--_colors---background-color--bg-primary-background); color: var(--_colors---text-color--text-primary-charcoal); } .footer.is-secondary { background-color: var(--_colors---charcoal); color: var(--_colors---text-color--text-primary-charcoal); } .footer.is-accent-primary { background-color: var(--_colors---core-accent-color--accent-primary); color: var(--_colors---text-color--text-optional-accent-primary); } .footer.is-inverse { margin-top: -200px; background-color: var(--_colors---background-color--bg-good-4-you-purple); color: var(--_colors---text-color--text-inverse-primary); } .footer.is-accent-secondary { background-color: var(--_colors---background-color--bg-secondary-sections); color: var(--_colors---text-color--text-on-accent-secondary); } .footer.is-accent-tertiary { background-color: var(--_colors---background-color--bg-accent-tertiary); color: var(--_colors---text-color--text-on-accent-tertiary); } .flex_vertical { display: flex; flex-flow: column; gap: 0px; } .flex_vertical.gap-xsmall { column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .flex_vertical.gap-medium { column-gap: var(--_sizes---gap--md-gap); row-gap: var(--_sizes---gap--md-gap); } .flex_vertical.gap-small { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .flex_vertical.is-y-center { justify-content: center; align-items: stretch; } .flex_vertical.gap-xlarge { column-gap: var(--_sizes---gap--xl-gap); row-gap: var(--_sizes---gap--xl-gap); } .nav_link { display: flex; padding: 0.5em 0.75em; justify-content: flex-start; align-items: center; flex: 0 0 auto; column-gap: var(--_sizes---gap--xxs-gap); row-gap: var(--_sizes---gap--xxs-gap); border-top-left-radius: var(--_sizes---button--button-radius); border-top-right-radius: var(--_sizes---button--button-radius); border-bottom-left-radius: var(--_sizes---button--button-radius); border-bottom-right-radius: var(--_sizes---button--button-radius); text-decoration: none; white-space: nowrap; word-break: keep-all; color: color-mix(in srgb, currentcolor 75%, transparent); } .nav_link:hover { background-color: color-mix(in srgb, currentcolor 5%, transparent); color: inherit; } .nav_link.w--open { background-color: var(--_colors---button--button-secondary-bg-hover); } .nav_link.w--current { background-color: var(--_colors---button--button-secondary-bg-hover); } .nav_link.on-accent-primary { border-style: none; border-width: 1px; border-color: black; background-color: transparent; opacity: 1; pointer-events: auto; background-clip: padding-box; -webkit-text-fill-color: inherit; cursor: auto; color: color-mix(in srgb, currentcolor 75%, transparent); } .nav_link.on-accent-primary:hover { background-color: color-mix(in srgb, currentcolor 15%, transparent); } .nav_link.on-accent-primary.w--current { background-color: transparent; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; cursor: none; } .nav_link.on-inverse { color: var(--_colors---text-color--text-inverse-secondary); background-color: color-mix(in srgb, currentcolor 0%, transparent); } .nav_link.on-inverse:hover { color: var(--_colors---text-color--text-inverse-primary); background-color: color-mix(in srgb, currentcolor 20%, transparent); } .nav_link.on-inverse.w--current { background-color: color-mix(in srgb, currentcolor 30%, transparent); } .footer_link { display: inline-flex; padding-top: 0.35em; padding-bottom: 0.35em; justify-content: flex-start; align-items: center; gap: 0.5em; font-weight: 400; text-decoration: none; color: color-mix(in srgb, currentcolor 60%, transparent); } .footer_link:hover { opacity: 1; text-decoration: underline; color: color-mix(in srgb, currentcolor 100%, transparent); } .footer_link.on-inverse { color: var(--_colors---nav-link--nav-link-inverse); } .footer_link.on-inverse:hover { color: var(--_colors---nav-link--nav-link-inverse); } .ix_hero-intro-down-scale-3d.is-perspective { position: relative; z-index: 2; perspective: 2000px; } .sg_section-heading-wrapper { display: flex; margin-bottom: var(--_sizes---gap--xs-gap); flex-flow: column; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; column-gap: var(--_sizes---gap--xxs-gap); row-gap: var(--_sizes---gap--xxs-gap); grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .sg_table-header-heading { opacity: 0.7; line-height: 1.5; } .sg_table-col { display: flex; flex-flow: column; flex: 1 1 10rem; column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .nav_container { display: flex; width: 100%; max-width: var(--_sizes---container--container-width); margin-right: auto; margin-left: auto; padding-top: var(--_sizes---spacing--0-75x); padding-right: var(--_sizes---container--container-padding-horizontal); padding-bottom: var(--_sizes---spacing--0-75x); padding-left: var(--_sizes---container--container-padding-horizontal); grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-columns: 1fr; grid-template-rows: auto; border-bottom-left-radius: var(--_sizes---card--card-radius); border-bottom-right-radius: var(--_sizes---card--card-radius); background-color: var(--warm-white); background-clip: border-box; -webkit-text-fill-color: inherit; } .nav_menu { position: static; display: flex; height: 100%; margin-bottom: 0rem; padding-left: 0em; justify-content: center; align-items: center; align-self: center; background-color: transparent; transform: none !important; } .nav_left { display: flex; min-width: 190px; justify-content: flex-start; align-items: center; align-self: center; flex: 1 1 0%; column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .nav_right { display: flex; justify-content: flex-end; align-items: center; flex: 1 1 0%; column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .nav_center { position: static; display: flex; padding-right: var(--_sizes---gap--sm-gap); padding-left: var(--_sizes---gap--sm-gap); flex-flow: row; justify-content: center; align-items: center; gap: 0px; } .button_label { color: var(--_colors---text-color--text-secondary-warm-off-white); white-space: pre; } .nav_menu-list { display: flex; margin-bottom: 0rem; padding-left: 0em; flex-flow: row; gap: 0px; } .nav_menu-list-item { display: flex; margin-bottom: 0px !important; } .footer_icon-link { display: inline-flex; width: var(--_sizes---spacing--2x); height: var(--_sizes---spacing--2x); padding: 0.35rem; justify-content: center; align-items: center; color: color-mix(in srgb, currentcolor 70%, transparent); } .footer_icon-link:hover { opacity: 1; color: color-mix(in srgb, currentcolor 100%, transparent); } .nav_logo-icon { display: flex; align-self: stretch; } .footer_icon-group { display: flex; margin-bottom: 0rem; justify-content: flex-start; flex-wrap: wrap; align-items: center; column-gap: var(--_sizes---spacing--0-5x); row-gap: var(--_sizes---spacing--0-5x); background-color: rgba(0, 0, 0, 0); } .sg_heading-row { display: grid; margin-bottom: var(--_sizes---gap--xs-gap); padding-top: var(--_sizes---gap--xs-gap); justify-content: space-between; align-items: baseline; align-self: stretch; grid-auto-columns: 1fr; column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); grid-template-columns: minmax(10rem, 25%) 1fr max-content; grid-template-rows: auto; border-top-style: solid; border-top-width: 1px; border-top-color: var(--_colors---border-color--border-secondary); text-wrap: balance; } .gap-xsmall { column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .gap-small { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .gap-medium { column-gap: var(--_sizes---gap--md-gap); row-gap: var(--_sizes---gap--md-gap); } .gap-xlarge { column-gap: var(--_sizes---gap--xl-gap); row-gap: var(--_sizes---gap--xl-gap); } .grid_6-col { display: grid; grid-auto-columns: 1fr; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) 1fr 1fr 1fr 1fr; grid-template-rows: auto; } .grid_5-col { display: grid; width: 100%; margin-top: -98px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; place-items: center start; grid-auto-columns: 1fr; grid-template-rows: minmax(auto, 1fr); border-radius: 14px; background-color: var(--_colors---core-accent-color--accent-secondary); } .header { position: relative; z-index: 2; display: flex; margin-bottom: var(--_sizes---gap--md-gap); flex-flow: column; justify-content: flex-start; align-items: stretch; } .header.margin-bottom_none { margin-bottom: 0rem; margin-left: 0px; padding-left: 0px; } .footer_bottom { display: flex; justify-content: space-between; align-items: center; column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .is-y-center { place-items: center stretch; } .text-width_medium { max-width: 75ch; } .ix-link-wrapper { margin-left: 100px; padding-right: 0%; padding-left: 10px; } .content-block { position: relative; z-index: 1; display: flex; width: 100%; flex-flow: column; justify-content: flex-start; align-items: stretch; } .logo-link { display: flex; height: 2.5rem; justify-content: flex-start; align-items: center; gap: 0.7rem; text-decoration: none; color: inherit; } .logo-link:hover { color: color-mix(in srgb, currentcolor 80%, transparent); } .quote { margin-bottom: var(--_typography---base-typography--base-margin-bottom); font-family: var(--_typography---blockquote--blockquote-font); color: var(--_colors---core-color-tint--neutral-inverse-a70); font-size: var(--_sizes---spacing--1-25x); line-height: var(--_typography---blockquote--blockquote-line-height); font-weight: var(--_typography---base-typography--base-font-weight); letter-spacing: var(--_typography---blockquote--blockquote-letter-spacing); } .quote.is-small { font-size: var(--text-lg--lg-text-size); } .author_name { font-family: var(--_typography---font--body-font); color: var(--good-4-you); font-size: var(--_typography---text--text-size); line-height: var(--_typography---text-sm--sm-text-line-height); font-weight: var(--_typography---base-typography--base-font-weight-bold); letter-spacing: var(--_typography---text-sm--sm-text-letter-spacing); -webkit-text-stroke-color: var(--good-4-you); } .text-span { color: var(--_colors---text-color--text-secondary-warm-off-white); } .image-2 { overflow: visible; box-sizing: border-box; width: 175px; height: 400%; max-height: 600%; margin: -144px 0px -144px 17vh; padding-top: 0px; padding-right: 0px; aspect-ratio: 2 / 3; border-bottom: 0px solid black; border-radius: 0px; object-fit: cover; object-position: 100% 0%; } .section-2-why-come-to-us { margin-top: -15px; margin-bottom: 140px; padding-bottom: 40px; background-color: rgb(207, 199, 204); } .container-2 { min-width: 940px; margin-top: -140px; margin-bottom: 0px; } .div-block { margin-bottom: 0px; } .image-3 { margin-right: 0px; padding-right: 0px; } .text-block-2 { display: block; margin-top: -37px; margin-right: 0px; padding-right: 0px; font-family: var(--_typography---font--body-font); color: var(--_colors---background-color--bg-inverse); line-height: var(--_typography---base-typography--base-line-height); font-style: normal; text-align: left; -webkit-text-stroke-color: var(--_colors---core-color-tint--neutral-inverse-a90); } .section-3 { margin-top: -141px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: rgb(247, 246, 243); color: var(--_colors---background-color--bg-inverse); } .section-5-services { margin-top: 148px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 40px; background-color: rgb(247, 246, 243); } .cell-2 { padding-left: 0px; justify-content: center; align-items: flex-start; } .quick-stack-2 { margin: 180px auto 74px; padding-top: 40px; padding-bottom: 30px; } .slide-nav { inset: 150% 0% 0%; margin-top: 100px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: rgb(86, 53, 96); opacity: 1; outline: rgb(47, 47, 47) none 3px; outline-offset: 0px; background-clip: border-box; -webkit-text-fill-color: inherit; mix-blend-mode: normal; } .slide { position: relative; overflow: visible; box-sizing: border-box; height: 100%; max-height: 100%; min-height: 0px; margin: 0px auto; padding: 0px 10% 0%; background-color: rgb(86, 53, 96); background-image: url("../images/What-People-Say.jpg"); background-position: 0% 0%; background-size: cover; background-repeat: repeat; vertical-align: top; } .slider-2 { margin-bottom: 0px; } .mask { height: 170%; margin-top: 40px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: var(--good-4-you); } .slide-2 { overflow: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 10%; padding-bottom: 0px; padding-left: 10%; background-color: rgba(86, 53, 96, 0.8); background-image: url("../images/What-People-Say.jpg"); background-position: 0% 0%; background-size: cover; background-attachment: fixed; } .slide-3 { overflow: auto; height: 200%; margin-bottom: 0px; padding-right: 10%; padding-bottom: 0px; padding-left: 10%; background-color: rgba(86, 53, 96, 0.8); background-image: url("../images/What-People-Say.jpg"); background-position: 50% 0%; background-size: cover; vertical-align: baseline; } .slide-4 { overflow: auto; background-color: rgba(86, 53, 96, 0.8); background-image: url("../images/What-People-Say.jpg"); background-position: 0% 0%; background-size: cover; } .slide-5 { background-color: rgba(86, 53, 96, 0.8); background-image: url("../images/What-People-Say.jpg"); background-position: 0% 0%; background-size: cover; } .slide-6 { overflow: auto; background-color: rgba(86, 53, 96, 0.8); background-image: url("../images/What-People-Say.jpg"); background-position: 0px 0px; background-size: cover; } .image-5 { position: relative; display: inline-flex; margin-top: -30px; margin-right: 0px; margin-left: 10px; padding-top: 0px; justify-content: flex-start; align-items: stretch; align-self: auto; flex: 0 1 auto; border-radius: 0px; object-fit: fill; } .container-3 { margin-right: auto; padding-right: 0px; } .section-5 { margin-bottom: 0px; padding-bottom: 0px; } .section-4-experience { overflow: visible; margin: -120px auto -132px; padding: 0px 0% 0px 0px; background-image: url("../images/Name_WEBRESOLUTION_63.jpg"); background-position: 0% 0%; background-size: auto; background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; -webkit-text-fill-color: inherit; } .body { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: var(--_colors---warm-white); } .section-7 { margin-top: 60px; } .section-9 { margin-top: 10px; } .section-10 { margin-top: 10px; } .section-11 { margin-top: 10px; margin-right: 15%; margin-left: 15%; } .section-12 { margin-top: 10px; margin-right: 15%; margin-left: 15%; } .section-13 { margin-top: 10px; margin-right: 15%; margin-left: 15%; } .heading-11 { margin-top: 51px; padding-top: 0px; padding-bottom: 10px; color: var(--_colors---text-color--text-primary-charcoal); text-align: center; } .text-block-3 { position: static; height: auto; min-height: 5%; margin-top: 20px; margin-right: 0px; margin-left: 75px; padding: 10px 0px 10px 0%; aspect-ratio: auto; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-family: var(--_typography---font--body-font); color: var(--_colors---text-color--text-primary-charcoal); text-align: center; text-decoration: none; } .container { margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 0px; background-color: rgb(247, 246, 243); } .container.is-small { max-width: var(--container--container-sm-width); } .image-7 { margin-top: -40px; } .image-8 { max-width: 80%; margin-top: 0px; flex: 0 1 auto; } .quick-stack-6 { margin-top: 0px; margin-bottom: 61px; padding: 174px 0px 0px; background-color: rgb(247, 246, 243); } .section-3-what-makes-us-different { padding-top: 0px; padding-bottom: 20px; background-color: rgb(247, 246, 243); } .body-3 { display: block; margin-top: 0px; padding-top: 0px; aspect-ratio: auto; background-color: var(--warm-white); pointer-events: auto; font-weight: var(--_typography---base-typography--base-font-weight); mix-blend-mode: normal; } .link-block { margin-bottom: 3px; margin-left: -44px; } .link-block.w--current { overflow: visible; box-sizing: border-box; width: 150%; height: 100%; max-height: 200%; max-width: 200%; margin: -6px -41px -69px -44px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; object-fit: none; } .section-19 { position: static; inset: 0% 20px auto 0px; margin-top: 60px; } .container-11 { max-width: 100%; margin-top: 0px; margin-right: 0px; margin-left: 10px; } .heading-13 { margin-top: 220px; text-align: center; } .container-12 { max-width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; } .columns-3 { margin-top: 93px; margin-right: 15%; margin-left: 15%; } .text-block-6 { margin-top: 60px; padding-bottom: 10px; } .text-block-7 { margin-top: 60px; padding-bottom: 10px; text-align: center; } .container-13 { margin-top: 0px; } .paragraph-27 { margin-top: 78px; margin-right: 60px; margin-left: 60px; padding: 60px 20px 22px; text-align: left; } .section-20 { position: static; z-index: 99; display: block; overflow: visible; box-sizing: border-box; margin-top: 57px; margin-bottom: 81px; padding-top: 0px; padding-bottom: 34px; clear: none; border-radius: 0px; background-image: url("../images/9-Transparent-1.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; opacity: 1; backdrop-filter: blur(5px); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; color: var(--warm-white); text-decoration: none; text-shadow: rgba(248, 245, 245, 0.77) -3px 2px 3px; word-break: normal; } .heading-19 { margin-top: 40px; text-align: center; } .text-block-10 { color: var(--charcoal); } .text-block-11 { color: var(--charcoal); } .text-block-12 { text-align: center; color: var(--charcoal); } .text-block-13 { color: var(--charcoal); } .text-block-14 { color: var(--charcoal); } .div-block-2 { margin: -200px 200px -33px -200px; padding: 0px 200px 0px 0px; text-align: center; } .heading-20 { position: static; text-align: center; } .heading-21 { padding-bottom: 20px; padding-left: 0px; } .paragraph-30 { margin-top: 10px; margin-right: 40px; padding-left: 0px; } .bold-text-2 { width: auto; font-family: var(--_typography---font--heading-font); } .bold-text-3 { font-family: var(--_typography---font--heading-font); } .bold-text-4 { font-family: var(--_typography---font--heading-font); } .quick-stack-8 { margin-top: 100px; padding-top: 40px; background-color: rgb(207, 199, 204); } .heading-26 { margin-top: 40px; font-weight: var(--_typography---base-typography--base-font-weight); text-align: center; } .paragraph-33 { margin-top: -36px; margin-right: 10px; margin-left: 10px; } .section-22 { margin-top: 0px; padding-bottom: 0px; background-color: rgb(247, 246, 243); } .image-16 { margin-top: 40px; } .cell-4 { justify-content: center; align-items: center; } .paragraph-34 { margin-top: 178px; text-align: left; } .heading-28 { margin-top: -42px; padding-top: 0px; text-align: center; } .list-6 { margin-left: 60px; } .text-block-16 { margin-top: 0px; } .section-25 { background-image: url("../images/Website-Pic.jpg"); background-position: 50% 50%; background-size: cover; } .paragraph-35 { margin-top: 66px; margin-right: 220px; margin-left: 0px; padding-top: 100px; color: var(--charcoal); text-align: center; text-shadow: 3px -1px 1px var(--warm-white); } .section-26 { margin-bottom: 20px; padding-bottom: 79px; } .heading-29 { margin-right: 220px; margin-left: 0px; text-align: center; } .container-16 { position: static; display: block; overflow: visible; max-height: none; margin-top: 139px; margin-bottom: 100px; padding-top: 0px; padding-bottom: 0px; flex-flow: column; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; gap: 16px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; background-color: var(--warm-white); transform: translate(0px, 0px); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; } .dropdown-toggle-4 { position: static; top: auto; bottom: auto; display: block; margin-top: 0px; margin-bottom: auto; padding-top: 0px; padding-bottom: 0px; float: none; clear: none; background-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) -4px 4px 5px 0px; } .dropdown-toggle-4.w--open { margin-bottom: 0px; padding-right: 160px; } .dropdown-5 { position: static; top: auto; display: block; overflow: visible; margin: 40px 135px 0px; padding-top: 0px; padding-left: 0px; } .text-block-21 { margin-right: 71px; margin-left: 0px; } .text-block-22 { position: static; top: 0px; overflow: visible; box-sizing: border-box; margin: auto 0px auto -4px; padding: 10px 0px 10px 10px; clear: none; aspect-ratio: auto; background-color: rgb(207, 199, 204); color: var(--charcoal); } .section-27 { position: static; display: block; margin-top: 0px; padding-top: 0px; grid-auto-columns: 1fr; gap: 16px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; background-color: var(--warm-white); } .quick-stack-9 { margin-top: 0px; padding-top: 1px; background-color: var(--soft-stone); } .paragraph-36 { padding-top: 10px; } .section-28 { margin-top: 0px; padding-top: 0px; background-color: rgb(207, 199, 204); } .section-29 { margin-top: 0px; padding-top: 0px; } .heading-33 { text-align: center; } .paragraph-38 { margin-top: 140px; margin-right: 80px; margin-left: 80px; padding-bottom: 20px; text-align: center; } .heading-34 { margin-top: 60px; text-align: center; } .footer-dark { position: relative; padding: 50px 30px 15px; border-bottom: 1px solid rgb(228, 235, 243); background-color: var(--good-4-you); } .container-17 { width: 100%; max-width: 940px; margin-right: auto; margin-left: auto; } .footer-wrapper { display: flex; max-width: 900px; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: flex-start; } .footer-content { display: grid; grid-auto-columns: 1fr; gap: 40px 70px; grid-template-columns: auto auto 1fr; grid-template-rows: auto; -webkit-text-stroke-color: var(--warm-white); } .footer-block { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; color: var(--warm-white); } .title-small { margin-bottom: 12px; font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .footer-link { margin-top: 12px; margin-bottom: 6px; color: rgb(247, 246, 243); font-size: 14px; line-height: 16px; text-decoration: none; } .footer-link:hover { color: rgba(26, 27, 31, 0.75); } .footer-social-block { display: flex; margin-top: 12px; margin-left: -12px; justify-content: flex-start; align-items: center; background-color: rgb(86, 53, 96); } .footer-social-link { margin-left: 12px; } .footer-divider { width: 100%; height: 1px; margin-top: 70px; margin-bottom: 15px; background-color: rgb(228, 235, 243); } .footer-copyright-center { font-size: 14px; line-height: 16px; text-align: center; } .image-17 { width: 50%; } .image-18 { -webkit-text-stroke-color: var(--warm-white); } .grid-5 { margin-top: 100px; justify-items: stretch; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto auto auto; } .cell-6 { justify-content: center; align-items: center; } .paragraph-39 { margin-top: 140px; text-align: center; } .blog-page { margin-top: 40px; text-align: center; } .section-31 { margin-top: 100px; } .section-32 { margin-top: -51px; } .heading-37 { margin-top: 0px; padding-bottom: 0px; font-family: var(--_typography---base-typography--base-font); font-size: var(--_typography---h6-heading--h6-line-height); font-weight: var(--_typography---h2-heading--h2-weight); text-indent: 0%; } .quick-stack-10 { margin-top: 39px; } .paragraph-41 { margin-top: 160px; text-align: center; } .heading-40 { margin-top: 48px; text-align: center; } .bold-text-7 { display: block; width: 100%; margin-top: -9px; font-weight: 400; } .paragraph-42 { width: auto; margin-top: 27px; font-family: var(--_typography---font--body-font); font-size: var(--_sizes---radius--xl-radius); font-weight: 400; } .bold-text-8 { position: static; display: inline; margin-right: 0px; margin-left: 0px; padding-right: 0px; color: var(--good-4-you); text-shadow: rgb(47, 47, 47) 2px 1px 1px; vertical-align: baseline; } .section { position: static; margin-bottom: 0px; overflow: clip; padding-top: var(--section--section-padding-vertical); padding-bottom: var(--section--section-padding-vertical); background-color: var(--background-color--bg-primary); color: var(--text-color--text-primary); } .container-18 { margin-top: 0px; } .section-33 { margin-top: 0px; background-color: var(--warm-white); } .modal { position: fixed; inset: 0%; z-index: 99; display: flex; justify-content: center; align-items: center; background-image: url("../images/Good4YouInc.-B-WJPEGS-Testing-Tray-Close-UP.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: repeat; } .dropdown-11 { text-align: left; } .dropdown-toggle-10 { border-radius: 20px; background-color: var(--good-4-you); } .text-block-25 { color: var(--_colors---core-color-tint--neutral-primary-a80); } .icon-2 { color: var(--_colors---core-color-tint--neutral-primary-a80); } .dropdown-link-2 { border-radius: 20px; color: var(--_colors---background-color--bg-inverse); -webkit-text-stroke-color: var(--_colors---background-color--bg-inverse); } .dropdown-link-3 { border-radius: 20px; color: var(--_colors---background-color--bg-inverse); } .dropdown-list-2.w--open { position: static; margin-right: 0px; background-color: var(--warm-white); } .dropdown-list-3 { position: static; } .dropdown-list-3.w--open { background-color: var(--warm-white); } .dropdown-list-4.w--open { position: static; background-color: var(--warm-white); } .dropdown-list-5 { position: static; } .dropdown-list-5.w--open { background-color: var(--warm-white); } .dropdown-list-6 { position: static; } .dropdown-list-6.w--open { background-color: var(--warm-white); } .dropdown-list-7 { position: static; } .dropdown-list-7.w--open { background-color: var(--warm-white); } .dropdown-list-8 { position: static; } .dropdown-list-8.w--open { background-color: var(--warm-white); } .dropdown-list-9 { position: static; } .dropdown-list-9.w--open { background-color: var(--warm-white); } .code-embed { margin-right: 0px; margin-left: -30vh; padding-right: 0px; } .code-embed-2 { margin-right: 0vh; margin-left: 4.5vh; } .column-3 { margin-top: 0px; } .heading-42 { margin-top: 48px; text-align: center; } .body-4 { margin-top: 0px; background-color: var(--_colors---soft-stone); } .bold-text-10 { font-size: var(--_typography---h6-heading--h6-line-height); font-weight: 700; } .bold-text-11 { font-size: var(--_typography---h6-heading--h6-line-height); } .paragraph-45 { margin-top: 40px; font-size: var(--_typography---text-lg--lg-text-size); } .container-20 { margin-top: 0px; } .body-5 { background-color: var(--_colors---warm-white); text-align: center; } .container-21 { max-width: 500px; margin-right: auto; padding-right: 0px; text-align: center; } .button-4 { padding-right: 127px; padding-left: 127px; border-radius: 3px; background-color: var(--soft-warm-taupe); color: var(--_colors---charcoal); } .container-22 { max-width: 500px; text-align: center; } .button-5 { padding-right: 60px; padding-left: 60px; border-radius: 3px; background-color: var(--soft-warm-taupe); color: var(--_colors---charcoal); } .button-5.w--current { padding-right: 60px; padding-left: 60px; background-color: var(--good-4-you); color: var(--warm-white); } .button-6 { padding-right: 93px; padding-left: 93px; background-color: var(--soft-warm-taupe); color: var(--_colors---background-color--bg-inverse); text-align: center; } .button-6.w--current { background-color: var(--good-4-you); color: var(--_colors---background-color--bg-primary-background); } .container-23 { border-radius: 4px; text-align: center; } .button-7 { padding-right: 113px; padding-left: 113px; border-radius: 3px; background-color: var(--soft-warm-taupe); color: var(--_colors---background-color--bg-inverse); } .button-7.w--current { background-color: var(--good-4-you); color: var(--_colors---background-color--bg-primary-background); } .container-24 { text-align: center; } .container-25 { text-align: center; } .button-8 { padding-right: 91px; padding-left: 91px; border-radius: 3px; background-color: var(--soft-warm-taupe); color: var(--_colors---background-color--bg-inverse); } .button-8.w--current { background-color: var(--good-4-you); color: var(--_colors---background-color--bg-primary-background); } .container-26 { text-align: center; } .button-9 { padding-right: 137px; padding-left: 137px; border-radius: 3px; background-color: var(--soft-warm-taupe); color: var(--_colors---background-color--bg-inverse); } .button-9.w--current { background-color: var(--good-4-you); color: var(--_colors---background-color--bg-primary-background); } .container-27 { text-align: center; } .button-10 { padding-right: 122px; padding-left: 122px; border-radius: 3px; background-color: var(--soft-warm-taupe); color: var(--_colors---background-color--bg-inverse); } .button-10.w--current { background-color: var(--good-4-you); color: var(--_colors---background-color--bg-primary-background); } .paragraph-47 { margin-top: 40px; padding-bottom: 0px; } .container-28 { margin-top: 0px; } .section-38 { margin-top: 151px; } .section-39 { margin-top: 40px; } .paragraph-48 { margin-top: 0px; text-align: center; } .text-block-35 { margin-top: 20px; margin-right: 100px; margin-left: 100px; font-size: var(--_typography---text--text-size); text-align: center; } .body-6 { text-align: left; } .list-8 { margin-bottom: 20px; padding-top: 10px; list-style-type: disc; white-space: normal; } .paragraph-49 { padding-bottom: 20px; text-decoration: none; } .container-30 { margin-top: 100px; } .paragraph-50 { margin-top: 0px; padding-bottom: 40px; } .bold-text-16 { font-weight: 700; text-indent: 1.5px; } .body-7 { background-color: var(--warm-white); } .text-block-38 { margin-top: 20px; font-size: var(--_typography---base-typography--base-font-size); font-weight: 400; text-indent: 0px; } .list-9 { margin-right: 60px; margin-left: 60px; font-size: var(--_typography---text--text-size); } .paragraph-51 { margin-top: 20px; padding-top: 20px; font-size: var(--_typography---text--text-size); } .paragraph-52 { font-size: var(--_typography---text--text-size); } .quick-stack-12 { margin-top: 140px; } .heading-51 { margin-right: -40px; margin-left: 0px; padding-top: 75px; } .container-32 { margin-top: 20px; } .quick-stack-13 { margin-top: 140px; } .heading-53 { margin-top: 75px; } .heading-56 { margin-top: 0px; text-align: center; } .section-42 { margin-top: 200px; margin-bottom: 0px; } .image-27 { margin-top: 180px; margin-left: 0px; padding: 0px 180px 40px; } .paragraph-53 { margin-top: 20px; } .bold-text-19 { transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: var(--_colors---warm-white); cursor: auto; mix-blend-mode: normal; } .container-33 { margin: 60px 100px 0px; padding-top: 40px; padding-bottom: 220px; padding-left: 20px; } .paragraph-55 { margin-top: 175px; margin-right: 260px; margin-left: 0px; padding-top: 20px; padding-right: 140px; padding-bottom: 20px; color: var(--warm-white); } .container-35 { margin-top: 120px; margin-bottom: -125px; padding-right: 260px; padding-bottom: 0px; padding-left: 20px; } .heading-59 { display: inline-block; margin-right: 140px; font-family: var(--_typography---font--heading-font); color: var(--good-4-you); font-weight: var(--_typography---base-typography--base-font-weight-bold); text-shadow: rgb(47, 47, 47) 2px 1px 1px; vertical-align: baseline; } .paragraph-56 { margin-top: 40px; margin-right: 40px; padding-right: 0px; padding-bottom: 60px; color: var(--_colors---text-color--text-secondary-warm-off-white); } .heading-60 { margin-top: 40px; margin-right: 260px; padding-right: 140px; } .div-block-6 { margin-right: -60px; margin-bottom: -300px; } .paragraph-57 { margin-top: 175px; } .heading-61 { margin-top: 0px; } .container-37 { margin-top: 0px; padding-top: 40px; padding-left: 20px; } .bold-text-20 { text-transform: capitalize; } .div-block-7 { display: block; flex-flow: column; justify-content: flex-end; align-items: flex-start; } .container-39 { margin-top: 0px; margin-bottom: 100px; padding-top: 20px; } .cell-12 { padding-top: 20px; justify-content: flex-start; align-items: flex-start; } .cell-13 { padding-top: 20px; } .quick-stack-15 { margin-top: 160px; } .text-block-41 { display: block; margin-top: -30px; padding-left: 10px; } .text-block-42 { margin-top: 20px; padding-right: 40px; padding-left: 40px; font-style: italic; text-align: center; text-transform: lowercase; } .cell-14 { text-align: left; } .heading-62 { padding-bottom: 20px; color: var(--good-4-you); text-align: left; text-shadow: rgb(47, 47, 47) 0px 1px 1px; } .container-40 { position: static; display: block; overflow: visible; margin: 140px 220px 0px 100px; padding: 20px 20px 60px 40px; float: none; aspect-ratio: auto; text-align: center; } .paragraph-58 { margin-top: 160px; margin-right: 100px; font-family: var(--_typography---font--body-font); color: var(--charcoal); font-size: var(--_typography---base-typography--base-font-size); line-height: var(--_typography---base-typography--base-line-height); font-weight: 400; text-align: left; text-shadow: rgb(207, 199, 204) 1px 1px 1px; } .cell-15 { justify-content: flex-start; align-items: center; } .text-block-43 { margin-top: -5px; font-style: italic; text-align: center; } .container-41 { margin-top: 100px; margin-right: 0px; margin-left: 40px; padding-top: 60px; padding-right: 120px; } .heading-63 { margin-left: 0px; padding-bottom: 20px; color: var(--good-4-you); text-align: left; text-shadow: rgb(47, 47, 47) 0px 1px 1px; } .paragraph-59 { margin-top: 150px; margin-right: 100px; margin-left: 0px; font-family: var(--_typography---font--body-font); color: var(--charcoal); font-size: var(--_typography---base-typography--base-font-size); line-height: var(--_typography---base-typography--base-line-height); text-align: left; text-indent: 0px; text-shadow: rgb(207, 199, 204) 1px 1px 1px; column-count: auto; } .div-block-8 { margin-right: -60px; margin-left: 100px; } .div-block-9 { margin-right: 100px; } .container-43 { width: 100%; max-width: 940px; margin-right: auto; margin-left: auto; } .hero-heading-center { position: relative; padding: 20px 30px 40px; border-bottom: 1px solid rgb(228, 235, 243); background-color: rgb(207, 199, 204); } .container-43 { width: 100%; max-width: 940px; margin-right: auto; margin-left: auto; } .section-44 { margin-top: 20px; background-color: rgb(207, 199, 204); background-clip: border-box; -webkit-text-fill-color: inherit; } .team-circles { position: relative; margin-top: 0px; padding: 20px 30px 60px; border-bottom: 1px solid rgb(228, 235, 243); } .container-45 { width: 100%; max-width: 940px; margin-right: auto; margin-left: auto; } .centered-heading-2 { margin-top: 0px; margin-bottom: 16px; text-align: center; } .centered-subheading { width: auto; height: auto; max-width: 530px; margin-right: auto; margin-left: auto; padding-left: 0px; font-size: var(--_typography---text--text-size); text-align: center; } .team-grid { display: grid; margin-top: 50px; grid-auto-columns: 1fr; gap: 56px 64px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; } .team-card { display: flex; flex-direction: column; align-items: center; font-size: 14px; line-height: 22px; text-align: center; } .team-member-image { width: 270px; height: 270px; margin-bottom: 24px; border-radius: 50%; object-fit: cover; } .team-member-name { margin-top: -12px; margin-bottom: 6px; font-size: 20px; line-height: 32px; font-weight: 500; } .team-member-position { margin-top: -9px; margin-bottom: 24px; } .paragraph-61 { margin-top: -15px; font-size: var(--_typography---text--text-line-height); } .paragraph-62 { font-size: var(--_typography---text--text-line-height); font-weight: 400; } .paragraph-63 { margin-top: -15px; font-size: var(--_typography---text--text-line-height); } .paragraph-64 { font-size: var(--_typography---text--text-line-height); } .paragraph-65 { margin-top: -15px; font-size: var(--_typography---text--text-line-height); } .paragraph-66 { font-size: var(--_typography---text--text-line-height); } .paragraph-67 { margin-top: -15px; font-size: var(--_typography---text--text-line-height); } .paragraph-68 { font-size: var(--_typography---text--text-line-height); } .heading-65 { padding-bottom: 20px; color: var(--charcoal); text-align: center; } .paragraph-69 { margin-top: 140px; color: var(--charcoal); } .page-slot-2 { margin-bottom: -50px; } .container-47 { margin-top: 100px; } .section-45 { margin-top: 0px; text-align: center; } .heading-66 { margin-top: 0px; } .paragraph-70 { margin-top: 160px; padding-bottom: 20px; } .container-48 { margin-top: 60px; } .container-49 { margin-top: 200px; } .start-your-journey-button-copy { display: inline-flex; padding-top: var(--_sizes---button--button-padding-vertical); padding-right: var(--_sizes---button--button-padding-horizontal); padding-bottom: var(--_sizes---button--button-padding-vertical); padding-left: var(--_sizes---button--button-padding-horizontal); justify-content: center; align-items: center; align-self: auto; flex: 0 1 auto; gap: 0em; border-style: solid; border-width: 0px; border-top-color: var(--_colors---button--button-primary-border); border-right-color: var(--_colors---button--button-primary-border); border-bottom-color: var(--_colors---button--button-primary-border); border-left-color: var(--_colors---button--button-primary-border); border-top-left-radius: var(--_sizes---button--button-radius); border-top-right-radius: var(--_sizes---button--button-radius); border-bottom-left-radius: var(--_sizes---button--button-radius); border-bottom-right-radius: var(--_sizes---button--button-radius); background-color: var(--_colors---core-accent-color--accent-primary); background-image: none; box-shadow: none; transition-property: border-color, color, background-color, box-shadow; transition-duration: 200ms, 200ms, 200ms, 200ms; transition-timing-function: ease, ease, cubic-bezier(0.165, 0.84, 0.44, 1), ease; font-family: var(--_typography---button--button-font); color: var(--_colors---text-color--text-optional-accent-primary); font-size: var(--_typography---base-typography--base-font-size); line-height: 1.2; font-weight: 400; text-align: center; text-decoration: none; cursor: pointer; } .start-your-journey-button-copy:hover { border-top-color: var(--_colors---button--button-primary-border-hover); border-right-color: var(--_colors---button--button-primary-border-hover); border-bottom-color: var(--_colors---button--button-primary-border-hover); border-left-color: var(--_colors---button--button-primary-border-hover); background-color: var(--_colors---core-accent-color--accent-primary-hover); box-shadow: none; color: var(--_colors---button--button-primary-text); } .start-your-journey-button-copy.is-secondary { border-top-color: var(--_colors---button--button-secondary-border); border-right-color: var(--_colors---button--button-secondary-border); border-bottom-color: var(--_colors---button--button-secondary-border); border-left-color: var(--_colors---button--button-secondary-border); background-color: transparent; background-image: none; box-shadow: 0 0 0 1px var(--_colors---text-color--text-primary-charcoal) inset; color: var(--_colors---text-color--text-primary-charcoal); } .start-your-journey-button-copy.is-secondary:hover { border-top-color: var(--_colors---button--button-secondary-border-hover); border-right-color: var(--_colors---button--button-secondary-border-hover); border-bottom-color: var(--_colors---button--button-secondary-border-hover); border-left-color: var(--_colors---button--button-secondary-border-hover); background-color: transparent; box-shadow: 0 0 0 2px var(--_colors---text-color--text-primary-charcoal) inset; } .start-your-journey-button-copy.is-secondary.on-accent-primary { border-style: solid; border-top-color: var(--_colors---background-color--bg-good-4-you-purple); border-right-color: var(--_colors---background-color--bg-good-4-you-purple); border-bottom-color: var(--_colors---background-color--bg-good-4-you-purple); border-left-color: var(--_colors---background-color--bg-good-4-you-purple); background-color: transparent; background-image: none; box-shadow: inset 0 0 0 1px var(--_colors---background-color--bg-good-4-you-purple); color: var(--_colors---background-color--bg-good-4-you-purple); -webkit-text-stroke-color: var(--_colors---background-color--bg-good-4-you-purple); } .start-your-journey-button-copy.is-secondary.on-accent-primary:hover { background-color: transparent; box-shadow: 0 0 0 2px var(--_colors---text-color--text-inverse-primary) inset; color: var(--_colors---text-link--link-inverse-hover); } .start-your-journey-button-copy.is-secondary.on-inverse { background-color: transparent; background-image: none; box-shadow: 0 0 0 1px var(--_colors---text-color--text-inverse-primary) inset; color: var(--_colors---text-color--text-inverse-primary); } .start-your-journey-button-copy.is-secondary.on-inverse:hover { background-color: transparent; box-shadow: 0 0 0 2px var(--_colors---text-color--text-inverse-primary) inset; } .start-your-journey-button-copy.is-small { font-size: var(--_sizes---spacing--0-75x); } .start-your-journey-button-copy.is-inverse { border-color: transparent; background-color: var(--_colors---core-accent-color--accent-primary); color: var(--_colors---core-neutral-color--neutral-primary); } .start-your-journey-button-copy.is-inverse:hover { border-color: transparent; background-color: var(--_colors---core-accent-color--accent-primary-hover); } .start-your-journey-button-copy.on-accent-primary { display: block; box-sizing: border-box; margin-top: 0px; margin-right: 200px; margin-left: 0px; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 0em; aspect-ratio: auto; border-top-color: var(--_colors---muted-dusty-rose); border-right-color: var(--_colors---muted-dusty-rose); border-bottom-color: var(--_colors---muted-dusty-rose); border-left-color: var(--_colors---muted-dusty-rose); background-color: var(--_colors---background-color--bg-good-4-you-purple); background-image: none; box-shadow: none; color: var(--warm-white); text-align: center; background-clip: border-box; -webkit-text-fill-color: inherit; cursor: pointer; mix-blend-mode: normal; } .start-your-journey-button-copy.on-accent-primary:hover { border-color: transparent; background-color: var(--muted-dusty-rose); box-shadow: none; -webkit-text-stroke-color: var(--warm-white); } .start-your-journey-button-copy.on-accent-primary.about-section-spacing { margin-top: 0px; margin-right: 0px; } .start-your-journey-button-copy.on-accent-primary.about-section-spacing-secondary { margin-right: 220px; margin-left: 220px; } .start-your-journey-button-copy.on-inverse { margin-left: 50px; border-color: transparent; background-color: var(--good-4-you); background-image: none; box-shadow: none; color: var(--_colors---background-color--bg-primary-background); } .start-your-journey-button-copy.on-inverse:hover { border-color: transparent; background-color: var(--_colors---core-accent-color--accent-primary-hover); box-shadow: none; } .shop-online-button { aspect-ratio: auto; border-radius: 5px; background-color: rgb(86, 53, 96); pointer-events: auto; color: var(--_colors---warm-white); text-align: center; cursor: auto; mix-blend-mode: normal; } .shop-online-button.on-accent-primary { background-color: rgb(86, 53, 96); } .div-block-10 { display: flex; justify-content: center; align-items: center; } .hero-heading-right-3 { position: relative; margin-top: 60px; padding: 80px 30px; border-style: none; border-width: 1px; border-color: black; background-color: rgb(207, 199, 204); } .container-51 { width: 100%; max-width: 940px; margin-right: auto; margin-left: auto; } .hero-wrapper-4 { display: flex; margin-top: 0px; justify-content: space-between; align-items: center; } .hero-split-4 { display: flex; max-width: 46%; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 0px; } .shadow-two-4 { box-shadow: rgba(150, 163, 181, 0.08) 0px 4px 24px 0px; } .margin-bottom-24px-4 { margin-top: 120px; margin-bottom: 0px; padding-top: 20px; text-align: left; } .heading-our-story { margin-top: 0px; padding-top: 0px; padding-bottom: 20px; text-decoration: none; } .gallery-slider { position: relative; padding: 80px 30px; border-bottom: 1px solid rgb(228, 235, 243); } .container-52 { width: 100%; max-width: 940px; margin-right: auto; margin-left: auto; } .gallery-wrapper { display: grid; align-items: start; grid-auto-columns: 1fr; gap: 40px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; } .gallery-block { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .gallery-slide { height: auto; background-color: transparent; } .gallery-slide-wrapper { max-width: 47%; margin-right: 6%; } .gallery-slide-image { position: relative; } .gallery-image { width: 100%; } .gallery-slide-text { position: absolute; left: 24px; right: 24px; bottom: 24px; margin-bottom: 0px; color: rgb(245, 247, 250); line-height: 32px; } .gallery-slider-left { left: -50px; display: flex; width: 40px; justify-content: center; align-items: center; } .slider-arrow-embed { color: rgb(26, 27, 31); } .gallery-slider-right { right: -50px; display: flex; width: 40px; justify-content: center; align-items: center; } .gallery-slide-nav { display: none; } .heading-74 { margin-top: 0px; } .image-30 { width: 75%; height: auto; } } @media screen and (min-width: 1440px) { .grid_2-col { grid-template-columns: 1fr; } .nav.is-accent-primary { justify-content: center; align-items: flex-start; } .nav_link.on-accent-primary { display: block; cursor: auto; } .nav_container { position: relative; left: auto; overflow: visible; width: 100%; gap: 0px; aspect-ratio: auto; border-radius: 0px; } .div-block { background-color: rgb(247, 246, 243); } .container { margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 0px; background-color: rgb(247, 246, 243); } .body-3 { box-sizing: border-box; margin-top: 0px; clear: none; background-color: var(--warm-white); } .section-19 { position: static; display: block; box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; gap: 80px; aspect-ratio: auto; vertical-align: baseline; } .section-20 { position: static; margin-top: 0px; float: none; clear: none; } .quick-stack-8 { margin-top: 0px; padding-top: 0px; background-color: rgb(207, 199, 204); } .section-22 { margin-top: 0px; padding-bottom: 0px; background-color: var(--_colors---warm-white); background-clip: border-box; -webkit-text-fill-color: inherit; } .dropdown-toggle-4 { margin-right: -50px; margin-left: -50px; padding-right: 20px; border-style: none; border-width: 0px; border-color: black; border-radius: 0px; opacity: 1; outline: rgb(34, 34, 34) none 3px; outline-offset: 0px; mix-blend-mode: normal; } .text-block-21 { margin-right: auto; margin-left: auto; text-align: center; } .section-27 { background-color: var(--warm-white); } .quick-stack-9 { background-color: var(--soft-stone); } .section-28 { background-color: var(--soft-stone); } .heading-33 { padding-bottom: 20px; } .paragraph-38 { margin-top: 100px; margin-right: -20px; margin-left: -20px; padding-top: 40px; } .section { margin-top: 100px; padding-top: 40px; } .section-33 { margin-top: 0px; padding-top: 40px; } .paragraph-45 { margin-right: auto; margin-left: auto; padding-left: 0px; font-size: var(--_typography---text-xl--xl-text-size); } .container-20 { margin-left: auto; font-family: var(--_typography---font--body-font); font-size: var(--_typography---text-lg--lg-text-size); } .heading-56 { font-size: var(--_typography---h1-heading--h1-size); font-weight: var(--_typography---h1-heading--h1-weight); } .section-42 { display: block; margin-top: 220px; grid-auto-columns: 1fr; gap: 16px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; } .container-43 { margin-top: 0px; padding-top: 40px; } .hero-heading-center { margin-top: 0px; padding-top: 60px; } .team-member-image { width: 270px; height: 270px; max-height: none; } .paragraph-61 { font-family: var(--_typography---font--body-font); font-weight: 400; } .container-46 { background-color: rgb(247, 246, 243); } .container-49 { margin-top: 200px; } .start-your-journey-button-copy.on-accent-primary.about-section-spacing-secondary { margin-right: 0px; margin-left: 0px; } .hero-wrapper-4 { flex-flow: row; justify-content: space-between; align-items: flex-start; } .hero-split-4 { display: flex; padding-bottom: 0px; flex-flow: column; justify-content: space-between; align-items: stretch; grid-auto-columns: 1fr; gap: 0px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; } .margin-bottom-24px-4 { margin-top: 0px; padding-top: 133px; } .heading-our-story { display: inline-flex; margin-top: 0px; padding-top: 0px; flex-flow: row; align-self: auto; gap: 0px; } .gallery-image { text-shadow: rgba(0, 0, 0, 0.2) 2px 1px 1px; object-fit: fill; } .gallery-slide-text { font-size: var(--_typography---h3-heading--h3-line-height); line-height: 32px; text-align: left; text-decoration: none; text-shadow: rgb(0, 0, 0) 2px 1px 1px; text-overflow: clip; } } @media screen and (max-width: 991px) { body { --_typography---font--heading-font: Georgia; --_typography---font--body-font: 'Palatino Linotype'; --_typography---font--button-font: Inter; --_typography---font--subtext-font\: Arial; --_typography---base-typography--base-font: var(--_typography---font--body-font); --_typography---base-typography--base-font-size: 1.25rem; --_typography---base-typography--base-font-weight: 400; --_typography---base-typography--base-font-weight-bold: 600; --_typography---base-typography--base-letter-spacing: 0em; --_typography---base-typography--base-line-height: 1.9rem; --_typography---base-typography--base-margin-bottom: 0.75em; --_typography---h0-heading--h0-size: 6.39rem; --_typography---h0-heading--h0-letter-spacing: -0.01em; --_typography---h0-heading--h0-line-height: 1.5em; --_typography---h0-heading--h0-weight: 500; --_typography---h0-heading--h0-margin-bottom: 0.3em; --_typography---h1-heading--h1-size: 3.5rem; --_typography---h1-heading--h1-letter-spacing: -0.01em; --_typography---h1-heading--h1-line-height: 1.3em; --_typography---h1-heading--h1-weight: 400; --_typography---h1-heading--h1-margin-bottom: -3em; --_typography---h2-heading--h2-size: 2.26rem; --_typography---h2-heading--h2-letter-spacing: -0.01em; --_typography---h2-heading--h2-line-height: 1.04em; --_typography---h2-heading--h2-weight: 500; --_typography---h2-heading--h2-margin-bottom: 0.35em; --_typography---h3-heading--h3-size: 1.6rem; --_typography---h3-heading--h3-letter-spacing: -0.01em; --_typography---h3-heading--h3-line-height: 1.04em; --_typography---h3-heading--h3-weight: 500; --_typography---h3-heading--h3-margin-bottom: 0.5em; --_typography---h4-heading--h4-size: 1.27rem; --_typography---h4-heading--h4-letter-spacing: -0.01em; --_typography---h4-heading--h4-line-height: 1.3em; --_typography---h4-heading--h4-weight: 500; --_typography---h4-heading--h4-margin-bottom: 0.5em; --_typography---h5-heading--h5-size: 1rem; --_typography---h5-heading--h5-letter-spacing: 0em; --_typography---h5-heading--h5-line-height: 1.3em; --_typography---h5-heading--h5-weight: 500; --_typography---h5-heading--h5-margin-bottom: 0.5em; --_typography---h6-heading--h6-size: 0.71rem; --_typography---h6-heading--h6-letter-spacing: 0.1em; --_typography---h6-heading--h6-line-height: 1.3em; --_typography---h6-heading--h6-weight: 500; --_typography---h6-heading--h6-margin-bottom: 0.5em; --_typography---text-sm--sm-text-size: 0.88rem; --_typography---text-sm--sm-text-letter-spacing: 0em; --_typography---text-sm--sm-text-line-height: 1.6em; --_typography---text--text-size: 1rem; --_typography---text--text-letter-spacing: 0em; --_typography---text--text-line-height: 1.25em; --_typography---text-lg--lg-text-size: 1.13rem; --_typography---text-lg--lg-text-letter-spacing: 0em; --_typography---text-lg--lg-text-line-height: 1.6em; --_typography---text-xl--xl-text-size: 1.4rem; --_typography---text-xl--xl-text-letter-spacing: 0em; --_typography---text-xl--xl-text-line-height: 1.6em; --_typography---text-xxl--xxl-text-size: 1.8rem; --_typography---text-xxl--xxl-text-letter-spacing: 0em; --_typography---text-xxl--xxl-text-line-height: 1.6em; --_typography---blockquote--blockquote-radius: 0px; --_typography---blockquote--blockquote-border-width: 3px; --_typography---blockquote--blockquote-font: Georgia; --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem); --_typography---blockquote--blockquote-letter-spacing: 0.01em; --_typography---blockquote--blockquote-line-height: 1.5em; --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x); --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x); --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font); --_typography---eyebrow--eyebrow-size: 0.9rem; --_typography---eyebrow--eyebrow-letter-spacing: 0.01em; --_typography---eyebrow--eyebrow-line-height: 1.3em; --_typography---button--button-font: var(--_typography---font--button-font); --_typography---tag--tag-size: 0.75rem; --_sizes---radius--sm-radius: 0.25rem; --_sizes---radius--md-radius: 0.5rem; --_sizes---radius--lg-radius: 0.75rem; --_sizes---radius--xl-radius: 1.25rem; --_sizes---radius--round: 100rem; --_sizes---spacing--0-25x: 0.25rem; --_sizes---spacing--0-5x: 0.5rem; --_sizes---spacing--0-75x: 0.75rem; --_sizes---spacing--1x: 1rem; --_sizes---spacing--1-25x: 1.25rem; --_sizes---spacing--1-5x: 1.5px; --_sizes---spacing--1-75x: 1.75rem; --_sizes---spacing--2x: 2rem; --_sizes---spacing--3x: 3rem; --_sizes---spacing--4x: 8vh; --_sizes---spacing--5x: 5rem; --_sizes---spacing--6x: 6rem; --_sizes---spacing--7x: 7rem; --_sizes---spacing--8x: 8rem; --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x); --_sizes---gap--xs-gap: var(--_sizes---spacing--1x); --_sizes---gap--sm-gap: var(--_sizes---spacing--2x); --_sizes---gap--md-gap: var(--_sizes---spacing--3x); --_sizes---gap--lg-gap: var(--_sizes---spacing--4x); --_sizes---gap--xl-gap: var(--_sizes---spacing--5x); --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x); --_sizes---image--image-radius: var(--_sizes---card--card-radius); --_sizes---button--button-radius: 0.25rem; --_sizes---button--button-padding-vertical: 1em; --_sizes---button--button-padding-horizontal: 1.5em; --_sizes---button--button-size: var(--_typography---base-typography--base-font-size); --_sizes---input--input-radius: 0.25rem; --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x); --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---card--card-radius: 0.5rem; --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-25x); --_sizes---card--card-padding: var(--_sizes---spacing--2x); --_sizes---container--container-width: 1280px; --_sizes---container--container-sm-width: 2000px; --_sizes---container--container-lg-width: 1440px; --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---nav--nav-height: 4rem; --_sizes---section--section-padding-vertical: var(--_sizes---spacing--7x); --_sizes---tag--tag-radius: 0.25rem; --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x); --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x); --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x); --_sizes---slider--5-slides: 3; --_sizes---slider--4-slides: 3; --_sizes---slider--3-slides: 2; --_sizes---slider--2-slides: 2; --_sizes---slider--1-5-slides: 1.5; --_sizes---slider--navigation: var(--_sizes---spacing--0-75x); --_sizes---width--xxs: 12rem; --_sizes---width--xs: 25rem; --_sizes---width--sm: 35rem; --_sizes---width--md: 40rem; --_sizes---width--lg: 50rem; --_sizes---width--xl: 60rem; } h1 { font-size: var(--_typography---h1-heading--h1-size); } h2 { font-size: var(--_typography---h2-heading--h2-size); } h3 { font-size: var(--_typography---h3-heading--h3-size); } h4 { font-size: var(--_typography---h4-heading--h4-size); } h5 { font-size: var(--_typography---h5-heading--h5-size); } h6 { font-size: var(--_typography---h6-heading--h6-size); } p { font-size: var(--_typography---text--text-size); } .hero-section.is-accent-primary.custom-belleriver-background { margin-top: -85px; } .margin-top_none { margin-top: 0px; } .margin-bottom_none { margin-bottom: 0px; } .nav { height: auto; } .nav_mobile-menu-button { align-self: center; background-color: transparent; color: inherit; } .nav_mobile-menu-button.w--open { background-color: transparent; color: var(--_colors---core-accent-color--accent-primary); } .nav_mobile-menu-button.w--open:hover { color: var(--_colors---text-link--link-primary); } .footer { padding-top: var(--_sizes---spacing--3x); padding-bottom: var(--_sizes---spacing--3x); } .nav_link { justify-content: space-between; align-items: center; font-size: var(--_typography---text-lg--lg-text-size); } .nav_link:hover { color: var(--_colors---text-link--link-primary); background-color: color-mix(in srgb, currentcolor 0%, transparent); } .nav_link.w--open { background-color: rgba(0, 0, 0, 0); } .nav_link.w--current:hover { background-color: var(--_colors---button--button-secondary-bg-hover); } .sg_table-col { flex-basis: 15rem; } .nav_menu { position: absolute; top: 100%; overflow: auto; height: auto; padding-top: var(--_sizes---spacing--1x); padding-right: var(--_sizes---spacing--1x); padding-bottom: var(--_sizes---spacing--1x); padding-left: var(--_sizes---spacing--1x); border-top-left-radius: var(--_sizes---radius--md-radius); border-top-right-radius: var(--_sizes---radius--md-radius); border-bottom-left-radius: var(--_sizes---radius--md-radius); border-bottom-right-radius: var(--_sizes---radius--md-radius); background-color: var(--_colors---background-color--bg-primary-background); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; max-height: calc(100dvh - 10rem); } .nav_menu-list { flex-flow: column; } .nav_menu-list-item { margin-bottom: 0px; flex-flow: column; } .grid_6-col { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) 1fr; } .grid_5-col { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) 1fr; } .header { order: -1; } .paragraph-27 { margin-top: 140px; } .heading-19 { aspect-ratio: auto; } .paragraph-33 { margin-top: -20px; } .paragraph-34 { margin-top: 220px; } .paragraph-35 { margin-top: 120px; margin-left: 0px; } .heading-29 { margin-left: 0px; } .dropdown-5 { margin-right: 20px; margin-left: 20px; } .quick-stack-9 { margin-top: 20px; } .paragraph-38 { margin-top: 220px; } .heading-34 { --_typography---font--heading-font: Georgia; --_typography---font--body-font: 'Palatino Linotype'; --_typography---font--button-font: Inter; --_typography---font--subtext-font\: Arial; --_typography---base-typography--base-font: var(--_typography---font--body-font); --_typography---base-typography--base-font-size: 1.25rem; --_typography---base-typography--base-font-weight: 400; --_typography---base-typography--base-font-weight-bold: 600; --_typography---base-typography--base-letter-spacing: 0em; --_typography---base-typography--base-line-height: 1.9rem; --_typography---base-typography--base-margin-bottom: 0.75em; --_typography---h0-heading--h0-size: 6.39rem; --_typography---h0-heading--h0-letter-spacing: -0.01em; --_typography---h0-heading--h0-line-height: 1.5em; --_typography---h0-heading--h0-weight: 500; --_typography---h0-heading--h0-margin-bottom: 0.3em; --_typography---h1-heading--h1-size: 3.5rem; --_typography---h1-heading--h1-letter-spacing: -0.01em; --_typography---h1-heading--h1-line-height: 1.3em; --_typography---h1-heading--h1-weight: 400; --_typography---h1-heading--h1-margin-bottom: -3em; --_typography---h2-heading--h2-size: 2.26rem; --_typography---h2-heading--h2-letter-spacing: -0.01em; --_typography---h2-heading--h2-line-height: 1.04em; --_typography---h2-heading--h2-weight: 500; --_typography---h2-heading--h2-margin-bottom: 0.35em; --_typography---h3-heading--h3-size: 1.6rem; --_typography---h3-heading--h3-letter-spacing: -0.01em; --_typography---h3-heading--h3-line-height: 1.04em; --_typography---h3-heading--h3-weight: 500; --_typography---h3-heading--h3-margin-bottom: 0.5em; --_typography---h4-heading--h4-size: 1.27rem; --_typography---h4-heading--h4-letter-spacing: -0.01em; --_typography---h4-heading--h4-line-height: 1.3em; --_typography---h4-heading--h4-weight: 500; --_typography---h4-heading--h4-margin-bottom: 0.5em; --_typography---h5-heading--h5-size: 1rem; --_typography---h5-heading--h5-letter-spacing: 0em; --_typography---h5-heading--h5-line-height: 1.3em; --_typography---h5-heading--h5-weight: 500; --_typography---h5-heading--h5-margin-bottom: 0.5em; --_typography---h6-heading--h6-size: 0.71rem; --_typography---h6-heading--h6-letter-spacing: 0.1em; --_typography---h6-heading--h6-line-height: 1.3em; --_typography---h6-heading--h6-weight: 500; --_typography---h6-heading--h6-margin-bottom: 0.5em; --_typography---text-sm--sm-text-size: 0.88rem; --_typography---text-sm--sm-text-letter-spacing: 0em; --_typography---text-sm--sm-text-line-height: 1.6em; --_typography---text--text-size: 1rem; --_typography---text--text-letter-spacing: 0em; --_typography---text--text-line-height: 1.25em; --_typography---text-lg--lg-text-size: 1.13rem; --_typography---text-lg--lg-text-letter-spacing: 0em; --_typography---text-lg--lg-text-line-height: 1.6em; --_typography---text-xl--xl-text-size: 1.4rem; --_typography---text-xl--xl-text-letter-spacing: 0em; --_typography---text-xl--xl-text-line-height: 1.6em; --_typography---text-xxl--xxl-text-size: 1.8rem; --_typography---text-xxl--xxl-text-letter-spacing: 0em; --_typography---text-xxl--xxl-text-line-height: 1.6em; --_typography---blockquote--blockquote-radius: 0px; --_typography---blockquote--blockquote-border-width: 3px; --_typography---blockquote--blockquote-font: Georgia; --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem); --_typography---blockquote--blockquote-letter-spacing: 0.01em; --_typography---blockquote--blockquote-line-height: 1.5em; --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x); --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x); --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font); --_typography---eyebrow--eyebrow-size: 0.9rem; --_typography---eyebrow--eyebrow-letter-spacing: 0.01em; --_typography---eyebrow--eyebrow-line-height: 1.3em; --_typography---button--button-font: var(--_typography---font--button-font); --_typography---tag--tag-size: 0.75rem; --_sizes---radius--sm-radius: 0.25rem; --_sizes---radius--md-radius: 0.5rem; --_sizes---radius--lg-radius: 0.75rem; --_sizes---radius--xl-radius: 1.25rem; --_sizes---radius--round: 100rem; --_sizes---spacing--0-25x: 0.25rem; --_sizes---spacing--0-5x: 0.5rem; --_sizes---spacing--0-75x: 0.75rem; --_sizes---spacing--1x: 1rem; --_sizes---spacing--1-25x: 1.25rem; --_sizes---spacing--1-5x: 1.5px; --_sizes---spacing--1-75x: 1.75rem; --_sizes---spacing--2x: 2rem; --_sizes---spacing--3x: 3rem; --_sizes---spacing--4x: 8vh; --_sizes---spacing--5x: 5rem; --_sizes---spacing--6x: 6rem; --_sizes---spacing--7x: 7rem; --_sizes---spacing--8x: 8rem; --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x); --_sizes---gap--xs-gap: var(--_sizes---spacing--1x); --_sizes---gap--sm-gap: var(--_sizes---spacing--2x); --_sizes---gap--md-gap: var(--_sizes---spacing--3x); --_sizes---gap--lg-gap: var(--_sizes---spacing--4x); --_sizes---gap--xl-gap: var(--_sizes---spacing--5x); --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x); --_sizes---image--image-radius: var(--_sizes---card--card-radius); --_sizes---button--button-radius: 0.25rem; --_sizes---button--button-padding-vertical: 1em; --_sizes---button--button-padding-horizontal: 1.5em; --_sizes---button--button-size: var(--_typography---base-typography--base-font-size); --_sizes---input--input-radius: 0.25rem; --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x); --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---card--card-radius: 0.5rem; --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-25x); --_sizes---card--card-padding: var(--_sizes---spacing--2x); --_sizes---container--container-width: 1280px; --_sizes---container--container-sm-width: 2000px; --_sizes---container--container-lg-width: 1440px; --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---nav--nav-height: 4rem; --_sizes---section--section-padding-vertical: var(--_sizes---spacing--7x); --_sizes---tag--tag-radius: 0.25rem; --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x); --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x); --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x); --_sizes---slider--5-slides: 3; --_sizes---slider--4-slides: 3; --_sizes---slider--3-slides: 2; --_sizes---slider--2-slides: 2; --_sizes---slider--1-5-slides: 1.5; --_sizes---slider--navigation: var(--_sizes---spacing--0-75x); --_sizes---width--xxs: 12rem; --_sizes---width--xs: 25rem; --_sizes---width--sm: 35rem; --_sizes---width--md: 40rem; --_sizes---width--lg: 50rem; --_sizes---width--xl: 60rem; } .container-17 { max-width: 728px; } .footer-content { column-gap: 60px; } .paragraph-41 { margin-top: 220px; } .heading-56 { font-size: var(--_typography---h1-heading--h1-size); font-weight: var(--_typography---h1-heading--h1-weight); } .container-43 { max-width: 728px; } .container-43 { max-width: 728px; } .container-45 { max-width: 728px; } .team-grid { column-gap: 40px; } .team-member-image { width: 190px; height: 190px; } .paragraph-69 { margin-top: 220px; } .paragraph-70 { padding-top: 60px; } .container-51 { max-width: 728px; } .hero-wrapper-4 { margin-bottom: -40px; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .hero-split-4 { max-width: 100%; margin-bottom: 40px; } .margin-bottom-24px-4 { margin-top: 184px; } .container-52 { max-width: 728px; } .gallery-wrapper { grid-template-columns: 1fr 1fr; } .gallery-slider-left { left: -20px; } .gallery-slider-right { right: -20px; } } @media screen and (max-width: 767px) { body { --_typography---font--heading-font: Georgia; --_typography---font--body-font: 'Palatino Linotype'; --_typography---font--button-font: Inter; --_typography---font--subtext-font\: Arial; --_typography---base-typography--base-font: var(--_typography---font--body-font); --_typography---base-typography--base-font-size: 1.25rem; --_typography---base-typography--base-font-weight: 400; --_typography---base-typography--base-font-weight-bold: 600; --_typography---base-typography--base-letter-spacing: 0em; --_typography---base-typography--base-line-height: 1.9rem; --_typography---base-typography--base-margin-bottom: 0.75em; --_typography---h0-heading--h0-size: 5.12rem; --_typography---h0-heading--h0-letter-spacing: -0.01em; --_typography---h0-heading--h0-line-height: 1.2em; --_typography---h0-heading--h0-weight: 500; --_typography---h0-heading--h0-margin-bottom: 0.5em; --_typography---h1-heading--h1-size: 3.62rem; --_typography---h1-heading--h1-letter-spacing: -0.01em; --_typography---h1-heading--h1-line-height: 1.3em; --_typography---h1-heading--h1-weight: 400; --_typography---h1-heading--h1-margin-bottom: 0.5em; --_typography---h2-heading--h2-size: 1.81rem; --_typography---h2-heading--h2-letter-spacing: -0.01em; --_typography---h2-heading--h2-line-height: 1.04em; --_typography---h2-heading--h2-weight: 500; --_typography---h2-heading--h2-margin-bottom: 0.4em; --_typography---h3-heading--h3-size: 1.28rem; --_typography---h3-heading--h3-letter-spacing: -0.01em; --_typography---h3-heading--h3-line-height: 1.04em; --_typography---h3-heading--h3-weight: 500; --_typography---h3-heading--h3-margin-bottom: 0.5em; --_typography---h4-heading--h4-size: 1.15rem; --_typography---h4-heading--h4-letter-spacing: -0.01em; --_typography---h4-heading--h4-line-height: 1.3em; --_typography---h4-heading--h4-weight: 500; --_typography---h4-heading--h4-margin-bottom: 0.5em; --_typography---h5-heading--h5-size: 1rem; --_typography---h5-heading--h5-letter-spacing: 0em; --_typography---h5-heading--h5-line-height: 1.3em; --_typography---h5-heading--h5-weight: 500; --_typography---h5-heading--h5-margin-bottom: 0.5em; --_typography---h6-heading--h6-size: 0.71rem; --_typography---h6-heading--h6-letter-spacing: 0.1em; --_typography---h6-heading--h6-line-height: 1.3em; --_typography---h6-heading--h6-weight: 500; --_typography---h6-heading--h6-margin-bottom: 0.5em; --_typography---text-sm--sm-text-size: 0.88rem; --_typography---text-sm--sm-text-letter-spacing: 0em; --_typography---text-sm--sm-text-line-height: 1.6em; --_typography---text--text-size: 1rem; --_typography---text--text-letter-spacing: 0em; --_typography---text--text-line-height: 1.25em; --_typography---text-lg--lg-text-size: 1.1rem; --_typography---text-lg--lg-text-letter-spacing: 0em; --_typography---text-lg--lg-text-line-height: 1.6em; --_typography---text-xl--xl-text-size: 1.3rem; --_typography---text-xl--xl-text-letter-spacing: 0em; --_typography---text-xl--xl-text-line-height: 1.6em; --_typography---text-xxl--xxl-text-size: 1.6rem; --_typography---text-xxl--xxl-text-letter-spacing: 0em; --_typography---text-xxl--xxl-text-line-height: 1.6em; --_typography---blockquote--blockquote-radius: 0px; --_typography---blockquote--blockquote-border-width: 3px; --_typography---blockquote--blockquote-font: Georgia; --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem); --_typography---blockquote--blockquote-letter-spacing: 0.01em; --_typography---blockquote--blockquote-line-height: 1.5em; --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x); --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1x); --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font); --_typography---eyebrow--eyebrow-size: 0.8rem; --_typography---eyebrow--eyebrow-letter-spacing: 0.01em; --_typography---eyebrow--eyebrow-line-height: 1.3em; --_typography---button--button-font: var(--_typography---font--button-font); --_typography---tag--tag-size: 0.75rem; --_sizes---radius--sm-radius: 0.25rem; --_sizes---radius--md-radius: 0.5rem; --_sizes---radius--lg-radius: 0.75rem; --_sizes---radius--xl-radius: 1.25rem; --_sizes---radius--round: 100rem; --_sizes---spacing--0-25x: 0.25rem; --_sizes---spacing--0-5x: 0.5rem; --_sizes---spacing--0-75x: 0.75rem; --_sizes---spacing--1x: 1rem; --_sizes---spacing--1-25x: 1.25rem; --_sizes---spacing--1-5x: 1.5px; --_sizes---spacing--1-75x: 1.75rem; --_sizes---spacing--2x: 2rem; --_sizes---spacing--3x: 3rem; --_sizes---spacing--4x: 8vh; --_sizes---spacing--5x: 5rem; --_sizes---spacing--6x: 6rem; --_sizes---spacing--7x: 7rem; --_sizes---spacing--8x: 8rem; --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x); --_sizes---gap--xs-gap: var(--_sizes---spacing--1x); --_sizes---gap--sm-gap: var(--_sizes---spacing--2x); --_sizes---gap--md-gap: var(--_sizes---spacing--3x); --_sizes---gap--lg-gap: var(--_sizes---spacing--4x); --_sizes---gap--xl-gap: var(--_sizes---spacing--5x); --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x); --_sizes---image--image-radius: var(--_sizes---card--card-radius); --_sizes---button--button-radius: 0.25rem; --_sizes---button--button-padding-vertical: 1em; --_sizes---button--button-padding-horizontal: 1.5em; --_sizes---button--button-size: var(--_typography---base-typography--base-font-size); --_sizes---input--input-radius: 0.25rem; --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x); --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---card--card-radius: 0.5rem; --_sizes---card--card-padding-sm: var(--_sizes---spacing--1x); --_sizes---card--card-padding: var(--_sizes---spacing--1-5x); --_sizes---container--container-width: 1280px; --_sizes---container--container-sm-width: 2000px; --_sizes---container--container-lg-width: 1440px; --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---nav--nav-height: 4rem; --_sizes---section--section-padding-vertical: var(--_sizes---spacing--5x); --_sizes---tag--tag-radius: 0.25rem; --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x); --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x); --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x); --_sizes---slider--5-slides: 2; --_sizes---slider--4-slides: 2; --_sizes---slider--3-slides: 2; --_sizes---slider--2-slides: 1; --_sizes---slider--1-5-slides: 1.5; --_sizes---slider--navigation: var(--_sizes---spacing--0-75x); --_sizes---width--xxs: 12rem; --_sizes---width--xs: 25rem; --_sizes---width--sm: 35rem; --_sizes---width--md: 40rem; --_sizes---width--lg: 50rem; --_sizes---width--xl: 60rem; } h1 { font-size: var(--_typography---h1-heading--h1-size); } h2 { font-size: var(--_typography---h2-heading--h2-size); } h3 { font-size: var(--_typography---h3-heading--h3-size); } h4 { font-size: var(--_typography---h4-heading--h4-size); } h5 { font-size: var(--_typography---h5-heading--h5-size); } h6 { font-size: var(--_typography---h6-heading--h6-size); } p { font-size: var(--_typography---text--text-size); } .gap-small { column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .gap-small { column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .grid_2-col { grid-template-columns: minmax(0px, 1fr); } .grid_2-col.gap-small { column-gap: var(--_sizes---gap--xs-gap); row-gap: var(--_sizes---gap--xs-gap); } .grid_2-col.gap-medium { column-gap: var(--_sizes---gap--sm-gap); row-gap: var(--_sizes---gap--sm-gap); } .margin-top_none { margin-top: 0px; } .margin-bottom_none { margin-bottom: 0px; } .margin-top_medium { margin-top: var(--_sizes---spacing--1-5x); } .margin-bottom_small { margin-bottom: var(--_sizes---spacing--1x); } .margin-bottom_medium { margin-bottom: var(--_sizes---spacing--1-5x); } .nav_menu { transform: translate(0px, 0px); } .nav_menu-list-item { margin-bottom: 0px; } .sg_heading-row { grid-template-columns: 1fr; } .grid_6-col { grid-template-columns: minmax(0px, 1fr) 1fr; } .grid_5-col { grid-template-columns: minmax(0px, 1fr) 1fr; } .header { margin-bottom: var(--_sizes---spacing--2x); } .footer_bottom { flex-flow: column; text-align: center; } .section-4-experience { margin-bottom: -135px; } .paragraph-27 { margin-top: 0px; padding-top: 0px; } .paragraph-34 { margin-top: 39px; margin-right: 20px; margin-left: 20px; } .paragraph-35 { margin-top: 0px; margin-left: 10px; padding-top: 0px; } .paragraph-38 { margin-top: 10px; } .footer-dark { padding-right: 15px; padding-left: 15px; } .footer-wrapper { flex-direction: column; align-items: center; } .footer-content { margin-top: 40px; grid-template-columns: 1fr; } .footer-block { align-items: center; } .footer-link:hover { color: rgba(26, 27, 31, 0.75); } .footer-social-block { margin-top: 20px; margin-left: -20px; } .footer-social-link { margin-left: 20px; } .footer-divider { margin-top: 60px; } .paragraph-41 { margin-top: 0px; } .heading-56 { font-size: var(--_typography---h1-heading--h1-size); } .image-27 { margin-top: 0px; } .hero-heading-center { padding: 60px 15px; } .team-circles { padding: 60px 15px; } .team-grid { grid-template-columns: 1fr 1fr; } .heading-65 { padding-bottom: 0px; } .paragraph-69 { margin-top: 10px; } .paragraph-70 { margin-top: 40px; padding-top: 0px; } .hero-heading-right-3 { padding: 60px 15px; } .hero-wrapper-4 { margin-bottom: -111px; } .margin-bottom-24px-4 { margin-top: -57px; } .gallery-slider { padding: 60px 15px; } .gallery-slide { margin-right: 10px; margin-left: 10px; } .gallery-slide-text { line-height: 30px; } .gallery-slider-left { left: -20px; } .gallery-slider-right { right: -20px; } .container-53 { margin-right: 25px; margin-left: 25px; } } @media screen and (max-width: 479px) { body { --_typography---font--heading-font: Georgia; --_typography---font--body-font: 'Palatino Linotype'; --_typography---font--button-font: Inter; --_typography---font--subtext-font\: Arial; --_typography---base-typography--base-font: var(--_typography---font--body-font); --_typography---base-typography--base-font-size: 1.12rem; --_typography---base-typography--base-font-weight: 400; --_typography---base-typography--base-font-weight-bold: 600; --_typography---base-typography--base-letter-spacing: 0em; --_typography---base-typography--base-line-height: 1.9rem; --_typography---base-typography--base-margin-bottom: 0.75em; --_typography---h0-heading--h0-size: 4.09rem; --_typography---h0-heading--h0-letter-spacing: -0.01em; --_typography---h0-heading--h0-line-height: 1.2em; --_typography---h0-heading--h0-weight: 500; --_typography---h0-heading--h0-margin-bottom: 0.5em; --_typography---h1-heading--h1-size: 2.89rem; --_typography---h1-heading--h1-letter-spacing: -0.01em; --_typography---h1-heading--h1-line-height: 1.2em; --_typography---h1-heading--h1-weight: 400; --_typography---h1-heading--h1-margin-bottom: 0.5em; --_typography---h2-heading--h2-size: 1.45rem; --_typography---h2-heading--h2-letter-spacing: -0.01em; --_typography---h2-heading--h2-line-height: 1.04em; --_typography---h2-heading--h2-weight: 500; --_typography---h2-heading--h2-margin-bottom: 0.5em; --_typography---h3-heading--h3-size: 1.02rem; --_typography---h3-heading--h3-letter-spacing: -0.01em; --_typography---h3-heading--h3-line-height: 1.5em; --_typography---h3-heading--h3-weight: 500; --_typography---h3-heading--h3-margin-bottom: 0.5em; --_typography---h4-heading--h4-size: 1.03rem; --_typography---h4-heading--h4-letter-spacing: -0.01em; --_typography---h4-heading--h4-line-height: 1.5em; --_typography---h4-heading--h4-weight: 500; --_typography---h4-heading--h4-margin-bottom: 0.5em; --_typography---h5-heading--h5-size: 1rem; --_typography---h5-heading--h5-letter-spacing: 0em; --_typography---h5-heading--h5-line-height: 1.5em; --_typography---h5-heading--h5-weight: 500; --_typography---h5-heading--h5-margin-bottom: 0.5em; --_typography---h6-heading--h6-size: 0.71rem; --_typography---h6-heading--h6-letter-spacing: 0.1em; --_typography---h6-heading--h6-line-height: 1.5em; --_typography---h6-heading--h6-weight: 500; --_typography---h6-heading--h6-margin-bottom: 0.5em; --_typography---text-sm--sm-text-size: 0.88rem; --_typography---text-sm--sm-text-letter-spacing: 0em; --_typography---text-sm--sm-text-line-height: 1.6em; --_typography---text--text-size: 1rem; --_typography---text--text-letter-spacing: 0em; --_typography---text--text-line-height: 1.25em; --_typography---text-lg--lg-text-size: 1.1rem; --_typography---text-lg--lg-text-letter-spacing: 0em; --_typography---text-lg--lg-text-line-height: 1.6em; --_typography---text-xl--xl-text-size: 1.2rem; --_typography---text-xl--xl-text-letter-spacing: 0em; --_typography---text-xl--xl-text-line-height: 1.6em; --_typography---text-xxl--xxl-text-size: 1.4rem; --_typography---text-xxl--xxl-text-letter-spacing: 0em; --_typography---text-xxl--xxl-text-line-height: 1.6em; --_typography---blockquote--blockquote-radius: 0px; --_typography---blockquote--blockquote-border-width: 3px; --_typography---blockquote--blockquote-font: Georgia; --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem); --_typography---blockquote--blockquote-letter-spacing: 0.01em; --_typography---blockquote--blockquote-line-height: 1.5em; --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x); --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x); --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font); --_typography---eyebrow--eyebrow-size: 0.8rem; --_typography---eyebrow--eyebrow-letter-spacing: 0.01em; --_typography---eyebrow--eyebrow-line-height: 1.3em; --_typography---button--button-font: var(--_typography---font--button-font); --_typography---tag--tag-size: 0.75rem; --_sizes---radius--sm-radius: 0.25rem; --_sizes---radius--md-radius: 0.5rem; --_sizes---radius--lg-radius: 0.75rem; --_sizes---radius--xl-radius: 1.25rem; --_sizes---radius--round: 100rem; --_sizes---spacing--0-25x: 0.25rem; --_sizes---spacing--0-5x: 0.5rem; --_sizes---spacing--0-75x: 0.75rem; --_sizes---spacing--1x: 1rem; --_sizes---spacing--1-25x: 1.25rem; --_sizes---spacing--1-5x: 1.5px; --_sizes---spacing--1-75x: 1.75rem; --_sizes---spacing--2x: 2rem; --_sizes---spacing--3x: 3rem; --_sizes---spacing--4x: 8vh; --_sizes---spacing--5x: 5rem; --_sizes---spacing--6x: 6rem; --_sizes---spacing--7x: 7rem; --_sizes---spacing--8x: 8rem; --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x); --_sizes---gap--xs-gap: var(--_sizes---spacing--1x); --_sizes---gap--sm-gap: var(--_sizes---spacing--2x); --_sizes---gap--md-gap: var(--_sizes---spacing--3x); --_sizes---gap--lg-gap: var(--_sizes---spacing--4x); --_sizes---gap--xl-gap: var(--_sizes---spacing--5x); --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x); --_sizes---image--image-radius: var(--_sizes---card--card-radius); --_sizes---button--button-radius: 0.25rem; --_sizes---button--button-padding-vertical: 1em; --_sizes---button--button-padding-horizontal: 1.5em; --_sizes---button--button-size: var(--_typography---base-typography--base-font-size); --_sizes---input--input-radius: 0.25rem; --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x); --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---card--card-radius: 0.5rem; --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-5x); --_sizes---card--card-padding: var(--_sizes---spacing--1x); --_sizes---container--container-width: 1280px; --_sizes---container--container-sm-width: 2000px; --_sizes---container--container-lg-width: 1440px; --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x); --_sizes---nav--nav-height: 4rem; --_sizes---section--section-padding-vertical: var(--_sizes---spacing--4x); --_sizes---tag--tag-radius: 0.25rem; --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x); --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x); --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x); --_sizes---slider--5-slides: 1; --_sizes---slider--4-slides: 4; --_sizes---slider--3-slides: 1; --_sizes---slider--2-slides: 1; --_sizes---slider--1-5-slides: 1; --_sizes---slider--navigation: var(--_sizes---spacing--0-75x); --_sizes---width--xxs: 12rem; --_sizes---width--xs: 25rem; --_sizes---width--sm: 35rem; --_sizes---width--md: 40rem; --_sizes---width--lg: 50rem; --_sizes---width--xl: 60rem; } .grid_2-col { grid-auto-columns: 100%; grid-template-columns: 100%; } .start-your-journey-button { white-space: nowrap; } .margin-top_none { margin-top: 0px; } .margin-bottom_none { margin-bottom: 0px; } .button-group { width: 100%; flex-flow: column; justify-content: flex-start; align-items: stretch; } .nav_mobile-menu-button.w--open { color: inherit; } .nav_center { padding-right: var(--_sizes---gap--xxs-gap); padding-left: var(--_sizes---gap--xxs-gap); } .nav_menu-list-item { margin-bottom: 0px; } .footer_icon-group { width: 100%; justify-content: space-between; align-items: center; } .grid_6-col { grid-template-columns: minmax(0px, 1fr); } .grid_5-col { grid-template-columns: minmax(0px, 1fr); } .ix-link-wrapper { display: flex; flex-flow: column; } .logo-link { color: inherit; } .container { padding-top: 0px; } .quick-stack-8 { margin-top: 60px; } .paragraph-35 { margin-right: 60px; } .heading-29 { margin-right: 60px; } .heading-34 { font-size: var(--_typography---h2-heading--h2-size); } .container-17 { max-width: none; } .image-27 { overflow: auto; width: auto; max-width: none; padding-right: 0px; padding-left: 0px; aspect-ratio: auto; vertical-align: baseline; } .container-43 { max-width: none; } .container-43 { max-width: none; } .container-45 { max-width: none; } .centered-heading-2 { margin-bottom: 24px; } .team-grid { grid-template-columns: 1fr; } .paragraph-70 { margin-top: 21px; } .start-your-journey-button-copy { white-space: nowrap; } .start-your-journey-button-copy.on-accent-primary.about-section-spacing-secondary { margin-right: 0px; margin-left: 0px; } .container-51 { max-width: none; } .container-52 { max-width: none; } .gallery-wrapper { grid-template-columns: 1fr; } .gallery-slide-wrapper { max-width: 100%; margin-right: 0%; } .gallery-slider-left { left: -20px; } .gallery-slider-right { right: -20px; } } /* per-element grid placement (Quick Stack cells and grid children) */ [id*="b4472891-edde-7bbb-8731-cdfafdd31107"] { grid-template-columns: 1fr 1.25fr; grid-template-rows: auto auto; } [id*="4af88f1a-0182-4ed1-d708-7ed29d2625d2"] { grid-row: span 2 / span 2; } [id*="573183a8-7f48-af74-abd2-885516636944"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } [id*="6d3a3f47-cb46-4835-808b-ae158960ae27"] { grid-template-columns: 1.25fr 1fr; grid-template-rows: auto auto; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d99021"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d9902c"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d99036"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d99040"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d9904a"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d99054"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="1ab89ec6-009d-3e15-9cee-e4add7077c57"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; } [id*="b03ab7c9-7d82-1854-a220-8ffdd795c9f3"] { grid-row: span 2 / span 2; } [id*="a88a887f-6f74-77d9-1c2e-ea7b5df655bf"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; } [id*="a08a43d4-b484-3084-81c7-a9b59a2b180e"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } [id*="60c985c5-b4ee-89b8-94a0-32d7a88f2cbd"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="60c985c5-b4ee-89b8-94a0-32d7a88f2cc6"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="60c985c5-b4ee-89b8-94a0-32d7a88f2cd1"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="682603d0-862c-1c98-8935-3a5ffc16a1ae"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="682603d0-862c-1c98-8935-3a5ffc16a1b3"] { grid-area: span 1 / span 2 / span 1 / span 2; } [id*="682603d0-862c-1c98-8935-3a5ffc16a1b7"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="03b5a56d-aff4-c1bf-b99e-755e56bb3874"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="682603d0-862c-1c98-8935-3a5ffc16a1c1"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="d3270549-6a41-16ed-1ecb-422debe98f97"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="711a4b98-f399-3e40-7f42-8f2e8b256611"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="cc970da2-39ce-d7b9-41c1-9465c9c2557e"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="5aa1897a-0343-124f-16ec-3a51371765e5"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="8389b58a-5603-433c-3336-fed79537187a"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="627c325a-338c-066d-1d66-0fa241e119b5"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="8053325e-6a6b-0e03-7e89-f842d7805481"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="418794db-485c-ba21-66bf-299f92d9287e"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="03559f0c-bd16-e52d-6b45-b316614b2ac8"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="a2a39a55-74ec-a245-306b-e75603375cea"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="cf37e27d-43bc-2e0b-1382-cdb5b6cdd23e"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="018a7080-d543-01dc-0e0c-b04bf7fd3c38"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="ace0c79c-2265-f64a-fc8c-2e603e17aa79"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="5296cebc-2cd6-31ea-3576-648f36c8f4ad"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="9bc5a2d9-bcb1-9b63-87ea-45a3ba412307"] { grid-template-columns: 1fr; grid-template-rows: auto auto; } [id*="97954cc0-9751-ee97-9ce8-aaf95d725755"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } [id*="0c68e056-e207-5975-0b04-1d7b61c2d275"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } [id*="3a626630-291a-75af-07ef-a54319140713"] { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } [id*="9293b76f-05a8-86d5-d013-3bf3a19aa7cd"] { grid-area: span 1 / span 2 / span 1 / span 2; justify-self: start; } @media screen and (min-width: 1280px) { [id*="cb1baedf-bfdb-7a27-8ebc-644f73d9902c"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="cb1baedf-bfdb-7a27-8ebc-644f73d99036"] { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 991px) { [id*="682603d0-862c-1c98-8935-3a5ffc16a1ae"] { grid-area: span 1 / span 2 / span 1 / span 2; } [id*="9293b76f-05a8-86d5-d013-3bf3a19aa7cd"] { grid-column: span 2 / span 2; justify-self: start; } } @media screen and (max-width: 479px) { [id*="682603d0-862c-1c98-8935-3a5ffc16a1ae"] { grid-area: span 1 / span 1 / span 1 / span 1; } [id*="682603d0-862c-1c98-8935-3a5ffc16a1b3"] { grid-area: span 1 / span 1 / span 1 / span 1; } } /* Keep the navigation background white across the full viewport. */ .nav.is-accent-primary, .nav.is-accent-primary .nav_container { background-color: #fff; }