:root { --_theme---background: var(--_default---swatch--neutral); --_text-style---font-family: var(--_typography---font--secondary-font); --_theme---text: var(--_colour---neutral--neutral-black); --_text-style---font-size: var(--_font-size---small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_spacing---space--none: 0rem; --_theme---text-link--text: var(--_default---swatch--brand-500-main); --_theme---text-link--text-hover: var(--_default---swatch--brand-700); --spacings--no-space\: 0rem; --_spacing---space--12: clamp(.5 * 1rem, ((.5 - ((.75 - .5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((.75 - .5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), .75 * 1rem); --_default---border-width--main: 1px; --_text-style---margin-bottom: var(--_spacing---space--16); --_theme---border: var(--_default---swatch--transparent); --_colour---brand-secondary--07_secondary: #c16a4a; --_default---max-width--main: 85rem; --_default---site--margin: 1rem; --_default---max-width--small: 70.625rem; --_default---max-width--full: 100%; --_spacing---space--8: clamp(.25 * 1rem, ((.25 - ((.5 - .25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((.5 - .25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), .5 * 1rem); --_default---radius--small: .5rem; --color--background-secondary\: var(--neutral--neutral-300\); --_typography---font-size--text-small\: clamp(var(--_font-size---text-small-mobile\) * 1rem, ((var(--_font-size---text-small-mobile\) - ((var(--_font-size---text-small-desktop\) - var(--_font-size---text-small-mobile\)) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((var(--_font-size---text-small-desktop\) - var(--_font-size---text-small-mobile\)) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), var(--_font-size---text-small-desktop\) * 1rem); --_typography---font--primary-bold: 700; --brand--brand-300\: #657cff; --typography--text\: 1rem; --typography--line-height\: 1.3em; --_gap---size: var(--_default---site--gutter); --_spacing---space--16: clamp(.75 * 1rem, ((.75 - ((1 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1 * 1rem); --_radius---button: 8px; --_colour---neutral--neutral-black-100: #3331321a; --_default---swatch--brand: white; --_typography---font--primary-family: "Google Sans Flex", sans-serif; --_colour---neutral--neutral-black: #333132; --_colour---brand--brand: #f68d5f; --navy-100\: #203492; --_default---swatch--neutral: white; --navy-300\: #19224c; --_font-size---h1: clamp(2.75 * 1rem, ((2.75 - ((5 - 2.75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((5 - 2.75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 5 * 1rem); --_column-count---value: 1; --_spacing---space--48: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---section-space--main: var(--_spacing---space--80); --_spacing---section-space--small: var(--_spacing---space--24); --_spacing---section-space--medium: var(--_spacing---space--64); --_spacing---section-space--large: var(--_spacing---space--96); --_spacing---section-space--page-top: var(--_spacing---space--144); --_spacing---space--24: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1.5 * 1rem); --_default---radius--main: 1rem; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---line-height--1: 1; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-3: 1.3; --_typography---line-height--1-5: 1.5; --_theme---background-2: var(--_default---swatch--neutral-100); --_theme---background-skeleton: var(--_default---swatch--neutral); --_default---site--gutter: 1.5rem; --_default---radius--round: 100vw; --_radius---round: 99999px; --_default---swatch--neutral-100: #dedede; --_colour---brand--brand-medium: #f9b597; --_colour---neutral--neutral: #fff; --_default---swatch--button-size--small: 2rem; --_theme---button-primary--text-hover: var(--_colour---brand--brand); --_theme---button-primary--text: var(--_default---swatch--neutral); --_theme---button-primary--background: var(--_colour---brand--brand); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_font-size---cta-small: clamp(.75 * 1rem, ((.75 - ((.875 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((.875 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), .875 * 1rem); --_typography---font--primary-semibold: 600; --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_theme---text-link--border: var(--_default---swatch--brand-300); --_default---swatch--transparent: transparent; --_theme---button-secondary--text-hover: var(--_default---swatch--neutral); --_theme---text-link--border-hover: var(--_default---swatch--brand-200); --_colour---brand--brand-dark: #f27f4c; --_default---swatch--button-size--card-accent: var(--_colour---neutral--neutral-black); --_spacing---space--4: clamp(.25 * 1rem, ((.25 - ((.25 - .25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((.25 - .25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), .25 * 1rem); --_spacing---space--20: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1.25 - 1) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1.25 * 1rem); --_spacing---space--28: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((2 - 1) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--32: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((2 - 1.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--36: clamp(1.875 * 1rem, ((1.875 - ((2.25 - 1.875) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((2.25 - 1.875) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 2.25 * 1rem); --_spacing---space--40: clamp(1.75 * 1rem, ((1.75 - ((2.5 - 1.75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((2.5 - 1.75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---space--64: clamp(2.5 * 1rem, ((2.25 - ((4 - 2.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 4 * 1rem); --_spacing---space--80: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((5 - 3) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---space--96: clamp(3.5 * 1rem, ((3.5 - ((6 - 3.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((6 - 3.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 6 * 1rem); --_spacing---space--120: clamp(4 * 1rem, ((4 - ((7.5 - 4) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((7.5 - 4) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 7.5 * 1rem); --_spacing---space--144: clamp(5 * 1rem, ((4 - ((9 - 5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((9 - 5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 9 * 1rem); --_radius---large: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1.5 - 1.125) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1.5 * 1rem); --_radius---small: clamp(.5 * 1rem, ((.25 - ((.75 - .5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((.75 - .5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), .75 * 1rem); --_font-size---h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1.5 * 1rem); --_colour---brand-secondary--06_secondary: #efc9c6; --_typography---font--secondary-font: Lora, sans-serif; --_colour---brand-secondary--01_secondary_dark: #c0929f; --_colour---brand-secondary--01_secondary_light: #fbeeeb; --_colour---brand-secondary--02_secondary_light: #ffe478; --_colour---brand-secondary--05_secondary_light-401: #c1e1bb; --_colour---brand-secondary--04_secondary_light: #cfedfc; --_colour---brand-secondary--02_secondary_dark: #dabb5e; --_colour---brand-secondary--05_secondary_dark: #7fa28d; --_colour---brand-secondary--03_secondary_dark: #87b9d0; --_radius---main: clamp(.75 * 1rem, ((.75 - ((1 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1 * 1rem); --_font-size---h3a: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 2.5 * 1rem); --_colour---neutral--color: white; --_colour---neutral--gray-light-light: whitesmoke; --_colour---brand--brand-light: #fde4d9; --_theme---button-secondary--text: var(--_default---swatch--neutral-900); --_colour---brand-secondary--05_secondary_light-400: #c1e1bb66; --_colour---neutral--gray-light: #efefef; --_font-size---small: clamp(.75 * 1rem, ((.75 - ((.875 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((.875 - .75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), .875 * 1rem); --_default---swatch--neutral-900: black; --_font-size---h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--1-2: 1.2; --_colour---brand--brand-200: #f68d5f33; --_spacing---0: 0px; --_colour---neutral--neutral-black-400: #33313266; --_colour---neutral--neutral-black-600: #33313299; --_spacing---5: 24px; --_colour---brand--brand-100: #f68d5f1a; --_colour---brand--brand-300: #f68d5f4d; --_colour---brand--brand-400: #f68d5f66; --_colour---brand--brand-500: #f68d5f80; --_colour---brand--brand-600: #f68d5f99; --_colour---brand--brand-700: #f68d5fb3; --_colour---brand--brand-800: #f68d5fcc; --_colour---brand--brand-900: #f68d5fe6; --_colour---neutral--neutral-100: #ffffff1a; --_colour---neutral--neutral-200: #fff3; --_colour---neutral--neutral-300: #ffffff4d; --_colour---neutral--neutral-400: #fff6; --_colour---neutral--neutral-500: #ffffff80; --_colour---neutral--neutral-600: #fff9; --_colour---neutral--neutral-700: #ffffffb3; --_colour---neutral--neutral-800: #fffc; --_colour---neutral--neutral-900: #ffffffe6; --_colour---neutral--neutral-black-50: #3331320d; --_colour---neutral--neutral-black-200: #33313233; --_colour---neutral--neutral-black-300: #3331324d; --_colour---neutral--neutral-black-500: #33313280; --_colour---neutral--neutral-black-700: #333132b3; --_colour---neutral--neutral-black-800: #333132cc; --_colour---neutral--neutral-black-900: #333132e6; --_colour---neutral--gray-medium: #dedede; --_colour---neutral--gray-dark: #d1d1d1; --_colour---system-colours--error: #c8102e; --_colour---system-colours--warning: #ff5100; --_colour---system-colours--success: #3cbc00; --_colour---system-colours--info: #5c7dff; --_font-size---banner: .75rem; --_font-size---caption: .75rem; --_font-size---text-small: .875rem; --_font-size---text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1.25 * 1rem); --_font-size---h7: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((1 - .875) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 1 * 1rem); --_font-size---h6: 1.25rem; --_font-size---h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 2 * 1rem); --_font-size---h2: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 4 * 1rem); --_font-size---display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((7 - 4) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---0-1: 4px; --_spacing---1: 8px; --_spacing---2: 12px; --_spacing---3: 16px; --_spacing---4: 20px; --_spacing---6: 32px; --_spacing---7: 40px; --_spacing---8: 48px; --_spacing---9: 64px; --_spacing---10: 80px; --_spacing---11: 96px; --_spacing---12: 120px; --_spacing---13: 144px; --_trigger---on: 1; --_alignment---direction: start; --_default---site--viewport-max: 90; --_trigger---off: 0; --_default---site--viewport-min: 24.5; --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; --_theme---heading-accent: var(--_default---swatch--brand-500-main); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_default---site--column-count: 12; --_theme---button-primary--border: var(--_default---swatch--transparent); --_theme---button-primary--background-hover: var(--_default---swatch--neutral); --_theme---button-primary--border-hover: var(--_default---swatch--transparent); --_theme---button-secondary--background: var(--_default---swatch--transparent); --_theme---button-secondary--border: var(--_default---swatch--neutral-900); --_spacing---section-space--none: 0rem; --_theme---button-secondary--background-hover: var(--_default---swatch--neutral-900); --_theme---button-secondary--border-hover: var(--_default---swatch--neutral-900); --_default---swatch--neutral-200: #bebebe; --_default---swatch--neutral-300: #9e9e9e; --_default---swatch--neutral-400: grey; --_default---swatch--neutral-500: #636363; --_theme---nav--background: var(--_default---swatch--neutral); --_default---swatch--neutral-600: #484848; --_default---swatch--neutral-700: #2e2e2e; --_default---swatch--neutral-800: #161616; --_default---swatch--brand-100: color-mix(in srgb, var(--_default---swatch--brand-500-main), white 80%); --_default---swatch--brand-200: color-mix(in srgb, var(--_default---swatch--brand-500-main), white 60%); --_default---swatch--brand-300: color-mix(in srgb, var(--_default---swatch--brand-500-main), white 40%); --_default---swatch--brand-400: color-mix(in srgb, var(--_default---swatch--brand-500-main), white 20%); --_default---swatch--brand-500-main: #1f6adc; --_default---swatch--brand-600: color-mix(in srgb, var(--_default---swatch--brand-500-main), black 20%); --_default---swatch--brand-700: color-mix(in srgb, var(--_default---swatch--brand-500-main), black 40%); --_default---swatch--brand-800: color-mix(in srgb, var(--_default---swatch--brand-500-main), black 60%); --_default---swatch--brand-900: color-mix(in srgb, var(--_default---swatch--brand-500-main), black 80%); --_default---swatch--brand-text: var(--_default---swatch--neutral-900); --_default---swatch--brand-text-o20: color-mix(in srgb, var(--_default---swatch--brand-text) 20%, transparent); --_default---swatch--button-size--medium: 3rem; --_default---swatch--button-size--large: 5rem; --_typography---letter-spacing--3: -.03em; --_typography---letter-spacing--0: 0em; --_typography---letter-spacing--three: .03em; --_typography---letter-spacing--1: -.01em; --_typography---letter-spacing--4: 0px; --_typography---line-height--1-4: 1.4; --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --true: 1; --false: 0; --_font-size---button-main: 1rem; --_font-size---text-main: 1rem; --_colour---neutral--color-2: white; --_colour---neutral--color-3: white; --_colour---neutral--color-4: white; --_colour---neutral--color-5: white; --neutral--neutral-300\: #cccfd6; --_font-size---text-small-mobile\: .875; --_font-size---text-small-desktop\: .875; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_theme---background: var(--_default---swatch--neutral); --_theme---text: var(--_colour---neutral--neutral-black); --_theme---text-link--text: var(--_default---swatch--brand-500-main); --_theme---text-link--text-hover: var(--_default---swatch--brand-700); --_theme---border: var(--_default---swatch--transparent); --_theme---background-2: var(--_default---swatch--neutral-100); --_theme---background-skeleton: var(--_default---swatch--neutral); --_theme---button-primary--text-hover: var(--_colour---brand--brand); --_theme---button-primary--text: var(--_default---swatch--neutral); --_theme---button-primary--background: var(--_colour---brand--brand); --_theme---text-link--border: var(--_default---swatch--brand-300); --_theme---button-secondary--text-hover: var(--_default---swatch--neutral); --_theme---text-link--border-hover: var(--_default---swatch--brand-200); --_theme---button-secondary--text: var(--_default---swatch--neutral-900); --_theme---heading-accent: var(--_default---swatch--brand-500-main); --_theme---button-primary--border: var(--_default---swatch--transparent); --_theme---button-primary--background-hover: var(--_default---swatch--neutral); --_theme---button-primary--border-hover: var(--_default---swatch--transparent); --_theme---button-secondary--background: var(--_default---swatch--transparent); --_theme---button-secondary--border: var(--_default---swatch--neutral-900); --_theme---button-secondary--background-hover: var(--_default---swatch--neutral-900); --_theme---button-secondary--border-hover: var(--_default---swatch--neutral-900); --_theme---nav--background: var(--_default---swatch--neutral); } h1 { margin-top: var(--_spacing---space--none); margin-bottom: var(--_spacing---space--none); } h2 { margin-top: var(--_spacing---space--none); margin-bottom: var(--_spacing---space--none); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h2); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--20); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } h3 { margin-top: var(--_spacing---space--none); margin-bottom: var(--_spacing---space--none); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--20); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } h4 { margin-top: var(--_spacing---space--none); margin-bottom: var(--_spacing---space--none); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h4); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } h5 { margin-top: var(--_spacing---space--none); margin-bottom: var(--_spacing---space--none); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h5); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } h6 { margin-top: var(--_spacing---space--none); margin-bottom: var(--_spacing---space--none); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } p { margin-bottom: 0; } a { color: var(--_theme---text-link--text); text-decoration: none; transition: color .25s; } a:hover { color: var(--_theme---text-link--text-hover); } ul { margin-bottom: var(--spacings--no-space\); grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); flex-direction: column; padding-left: 1.25rem; display: flex; } ol { margin-bottom: var(--_spacing---space--none); grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); flex-direction: column; display: flex; } img { object-fit: cover; width: 100%; max-width: 100%; display: inline-block; } label { margin-bottom: 0; font-weight: 700; display: block; } strong { font-weight: bold; } pre { border-radius: var(--_default---border-width--main); } blockquote { margin-bottom: var(--_text-style---margin-bottom); border-left: 3px solid var(--_theme---border); padding: .75rem 1.25rem; } figure { min-width: 100%; margin-right: 0; margin-bottom: var(--_spacing---space--none); margin-left: 0; } figcaption { text-align: center; margin-top: 8px; font-size: 16px; line-height: 1.3em; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } .section { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; align-items: center; display: flex; } .section.hero_section { grid-column-gap: 16px; grid-row-gap: 16px; background-image: url("https://cdn.prod.website-files.com/6a048fa3b2a75dfd854acdeb/6a048fa6b2a75dfd854acebb_5451-min.webp"); background-position: 50%; background-size: cover; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; min-height: 100vh; display: grid; } .section.is-rooftop { justify-content: flex-start; align-items: flex-start; } .section.is-footer { background-color: var(--_colour---brand-secondary--07_secondary); } .container { max-width: var(--_default---max-width--main); width: calc(100% - var(--_default---site--margin) * 2); margin-left: auto; margin-right: auto; } .container.is-small { max-width: var(--_default---max-width--small); } .container.is-home-group { grid-column-gap: 2.1rem; grid-row-gap: 2.1rem; justify-content: flex-start; align-items: stretch; display: flex; } .container.flex_vertical_center { justify-content: center; align-items: center; } .container.is-custom { padding-right: 5.125rem; } .container.is-border-bottom { border-bottom: .5px solid #fff; padding-bottom: 4.625rem; } .container.flex_horizontal_space_between { justify-content: space-between; align-items: stretch; } .container.is-slider { max-width: var(--_default---max-width--small); justify-content: space-between; align-items: flex-end; display: flex; } .container.position-relative.height-full.is-static { flex-flow: column; justify-content: center; align-items: center; display: flex; } .container.is-vertical-slider { justify-content: flex-start; align-items: center; display: flex; position: relative; } .column { flex-direction: column; grid-column-end: auto; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .column:where(.w-variant-61c732d5-bd05-b22a-9ffa-5ed070e2cfa9) { justify-content: flex-start; align-items: center; } .column.alignment_end:where(.w-variant-c9a9ea0d-7135-6c22-a31e-011a773a54c9) { justify-content: flex-start; align-items: flex-end; } .column.alignment_end:where(.w-variant-61c732d5-bd05-b22a-9ffa-5ed070e2cfa9) { --_alignment---direction: center; } .large-style-text { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-font); --_text-style---font-size: var(--_font-size---text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0); --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .button-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .button-wrapper.is-footer { grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); } .button-wrapper.is-nav { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); justify-content: flex-start; align-items: center; } .button-wrapper.is-nav-mobile { display: none; } .icon-small { object-fit: contain; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .navigation { z-index: 999; background-color: var(--_default---swatch--brand); flex-direction: column; justify-content: center; align-items: center; padding-top: .75rem; padding-bottom: .75rem; display: flex; position: sticky; inset: 0% 0% auto; } .nav_brand_logo { justify-content: flex-start; align-items: center; width: 14rem; padding-left: 0; transition: opacity .2s, color .2s; display: flex; } .nav_brand_logo:hover { opacity: .8; } .nav_brand_logo.w--current { width: 14rem; } .nav_link { font-family: var(--_typography---font--primary-family); color: var(--_colour---neutral--neutral-black); padding: 0 0; } .nav_link:hover { color: var(--_colour---brand--brand); } .nav_link.w--current { border-bottom: 0px solid var(--navy-100\); color: var(--_colour---brand--brand); } .nav_menu { background-color: #0000; align-items: center; position: static; } .nav_menu_mask { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; align-items: center; padding: .75rem 1.5rem; display: flex; } .grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .grid.is-popup-cards, .grid.is-footer { --_column-count---value: 2; } .grid.is-membership, .grid.is-2-el { --_column-count---value: 2; } .grid.is-2-el.background_grey_light_light { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 2rem; } .grid.is-learn { --_column-count---value: 2; max-width: 50rem; } .grid.is-3col { --_column-count---value: 3; } .grid.is-community { grid-template-columns: 1.5fr 1fr; } .grid.is-footer { --_column-count---value: 2; } .grid.is-footer.is-bottom-part { margin-bottom: var(--_default---site--margin); padding-top: var(--_spacing---space--48); padding-bottom: var(--_spacing---space--48); --_column-count---value: 5; margin-bottom: var(--_default---site--margin); padding-top: var(--_spacing---space--48); padding-bottom: var(--_spacing---space--48); border-top: 1px solid #ffffff4d; border-bottom: 1px solid #ffffff4d; } .grid.is-steps { --_column-count---value: 4; } .grid.is-policy { border-top: 1px solid var(--_default---swatch--neutral); border-bottom: 1px solid var(--_default---swatch--neutral); --_column-count---value: 2; padding-top: 2rem; padding-bottom: 2rem; } .grid.is-membership { --_column-count---value: 2; } .section_spacer { width: 100%; height: var(--_spacing---section-space--main); } .section_spacer:where(.w-variant-97ea76ed-722e-2d33-1444-53e4464a811a) { height: var(--_spacing---section-space--small); } .section_spacer:where(.w-variant-d27a771c-6ea3-3d5b-4248-85360c24ade4) { height: var(--_spacing---section-space--medium); } .section_spacer:where(.w-variant-1b747f1a-2bcc-2518-3de6-b0a6bc5979a8) { height: 0; } .section_spacer:where(.w-variant-e650646f-9db2-5693-318a-cda79f5e2027) { height: var(--_spacing---section-space--large); } .section_spacer:where(.w-variant-ba3496eb-d79b-4ce7-dc74-7246875c5e3f) { height: var(--_spacing---section-space--page-top); } .text_transform_uppercase { text-transform: uppercase; } .flex_horizontal_nowrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .flex_horizontal_nowrap.is-nav, .flex_horizontal_nowrap.gap-gutter, .flex_horizontal_nowrap.is-nav, .flex_horizontal_nowrap.gap-gutter { grid-column-gap: var(--_default---site--gutter); grid-row-gap: var(--_default---site--gutter); } .radius-main { border-radius: var(--_default---radius--main); } .display-none { display: none; } .overflow-hidden { overflow: hidden; } .overflow-hidden.radius-main.is-vertical { width: 100%; height: 19.3125rem; } .position-static { position: static; } .embed-js, .embed-css { display: none; } .flex_vertical_left { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .flex_vertical_left.gap-10px { grid-column-gap: .625rem; grid-row-gap: .625rem; } .flex_vertical_left.gap-8 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .flex_vertical_left.is-city-gallery { width: 50%; min-width: 50%; } .flex_vertical_left.gap-48 { grid-column-gap: 3rem; grid-row-gap: 3rem; } .flex_vertical_left.gap-16 { grid-column-gap: 1rem; grid-row-gap: 1rem; } .flex_vertical_left.gap-12 { grid-column-gap: .75rem; grid-row-gap: .75rem; } .flex_vertical_left.gap-default { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .flex_vertical_left.gap-2rem { grid-column-gap: 2rem; grid-row-gap: 2rem; } .flex_vertical_left.gap-20 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .flex_vertical_left.gap-40 { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .flex_vertical_left.gap-40.max-width-custom { max-width: 27.3125rem; } .flex_horizontal_space_between { justify-content: space-between; align-items: center; display: flex; } .flex_horizontal_space_between.is-footer { justify-content: space-between; align-items: flex-start; } .flex_horizontal_space_between.is-vertical { flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex_horizontal_space_between.is-vertical.max-width-custom { max-width: 23.1875rem; } .flex_horizontal_space_between.is-vertical.height-full { flex: none; min-height: 100%; } .flex_horizontal_space_between.is-vertical.gap-default { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .flex_horizontal_space_between.width-full.is-strech { align-items: stretch; } .flex_horizontal_space_between.top-allign { justify-content: space-between; align-items: flex-start; } .footer_group_item { width: 100%; display: flex; } .footer_social_list { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; place-content: center flex-start; align-items: center; display: flex; } .footer_group_list { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_group_list.is-bottom-part { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-column-gap: 0rem; grid-row-gap: 0rem; } .footer_social_item { border-radius: var(--_radius---round); background-color: var(--_default---swatch--neutral); transition: background-color .2s; } .footer_social_item:hover { background-color: var(--_default---swatch--neutral-100); } .u-embed-js { display: none; } .footer_logo_wrap { align-self: start; width: 16rem; } .footer_logo_wrap.w--current { width: 16rem; } .footer_link_wrap { font-family: var(--_typography---font--primary-family); color: var(--_default---swatch--brand); opacity: 1; transition-property: all; transition-duration: .25s; transition-timing-function: ease; } .footer_link_wrap:hover { color: var(--_colour---brand--brand-medium); } .footer_group_wrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .footer_group_wrap.is-header { grid-column-gap: var(--_default---swatch--button-size--small); grid-row-gap: var(--_default---swatch--button-size--small); grid-column-gap: var(--_default---swatch--button-size--small); grid-row-gap: var(--_default---swatch--button-size--small); } .footer_content { grid-column-gap: 1rem; grid-row-gap: inherit; flex-flow: column; flex: auto; grid-column: span 4; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; height: 100%; display: flex; } .footer_content.if-left { grid-row-gap: 2rem; grid-row-gap: 2rem; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .footer_social_link { width: 2rem; color: var(--_theme---button-primary--text-hover); padding: .5rem; display: block; } .footer_social_link:hover { color: var(--_theme---button-primary--text-hover); } .sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border: 0 #000; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .nav_container { max-width: var(--_default---max-width--main); margin-right: var(--_default---site--margin); margin-left: var(--_default---site--margin); width: calc(100% - var(--_default---site--margin) * 2); justify-content: space-between; align-items: center; display: flex; } .position-relative { position: relative; } .position-relative.side_margin { margin-left: auto; margin-right: auto; } .height-full { height: 100%; padding-top: 20px; } .text { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-font); --_text-style---font-size: var(--_font-size---small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; align-items: inherit; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); max-width: calc(var(--number) * 1rem); padding-top: 5px; } .text:where(.w-variant-1f85202f-580d-8ff7-6497-76145415d5e1) { --_text-style---font-family: var(--_typography---font--secondary-font); --_text-style---font-size: var(--_font-size---text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-0ac3b171-1c3e-a347-57b3-8828bc8507ec) { --_text-style---font-family: var(--_typography---font--secondary-font); --_text-style---font-size: var(--_font-size---small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; max-width: calc(var(--number) * 1rem); } .text:where(.w-variant-6d0c1a29-460b-cc94-e8d4-c12cc04e22d8) { color: var(--_theme---text); --_text-style---font-family: var(--_typography---font--secondary-font); --_text-style---font-size: var(--_font-size---text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0); --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-95570592-a7bb-b059-9381-72f5b9c6b5be) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h6); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-ae94e315-4dae-d8e5-ad5d-68d463f565b7) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h5); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-74cfc3c6-eb95-e398-2b04-9e7066bd2d96) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h4); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-af5792ce-f91a-76a9-8fda-c02915ae6355) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--20); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-91e0b966-969f-7bd1-81a4-48a8454ec4cb) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h2); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--20); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-3279364f-3340-e3b3-5029-5688571e55ad) { letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h1); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--1); --_text-style---margin-bottom: var(--_spacing---space--20); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; max-width: calc(var(--number) * 1rem); } .text:where(.w-variant-83fdd18d-6f34-dfbd-c462-e5bedac172dd) { --_text-style---font-family: var(--_typography---font--secondary-font); --_text-style---font-size: var(--_font-size---display); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text:where(.w-variant-5bff3d91-69cd-46c2-fbeb-d19f2d75190e) { font-size: var(--_text-style---font-size); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h3a); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--20); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text.text_transform_uppercase, .text.text_transform_uppercase:where(.w-variant-0ac3b171-1c3e-a347-57b3-8828bc8507ec) { text-transform: uppercase; } .text.bold, .text.weight-bold { font-weight: var(--_typography---font--primary-bold); } .text.white_desktop_black_mobile:where(.w-variant-5bff3d91-69cd-46c2-fbeb-d19f2d75190e) { color: var(--_default---swatch--brand); } .text.white_desktop_black_mobile:where(.w-variant-0ac3b171-1c3e-a347-57b3-8828bc8507ec) { color: var(--_default---swatch--neutral); } .text.h4 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_font-size---h4); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: 0px; --_text-style---margin-bottom: var(--_spacing---space--16); --_text-style---text-transform: Arial, "Helvetica Neue", Helvetica, sans-serif; } .text.text_transform_uppercase, .text.text_transform_uppercase:where(.w-variant-0ac3b171-1c3e-a347-57b3-8828bc8507ec) { text-transform: uppercase; } .clickable_text { clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; display: block; position: absolute; inset: 0% 0% auto; } .clickable_wrap { z-index: 3; object-fit: cover; border-radius: inherit; position: absolute; inset: 0%; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; color: inherit; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .button { grid-column-gap: .5rem; grid-row-gap: .5rem; border: .094rem solid var(--_button-style---border); border-radius: var(--_default---radius--small); background-color: var(--_button-style---background); font-family: var(--_typography---font--primary-family); color: var(--_button-style---text); font-size: var(--_font-size---cta-small); line-height: 1.2; font-weight: var(--_typography---font--primary-semibold); text-align: center; text-transform: uppercase; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); justify-content: center; align-items: center; padding: .8125rem 1rem; transition: all .2s; display: flex; position: relative; } .button:where(.w-variant-05ac9bac-a268-a36c-fb98-9d527a028c8b) { border-width: 1px; border-color: var(--_theme---button-primary--background); background-color: var(--_default---swatch--neutral); color: var(--_theme---button-primary--background); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button:where(.w-variant-16c268b6-a50c-1dfa-a612-500882260258) { border-style: none none solid; border-color: var(--_button-style---text-hover) var(--_button-style---text-hover) var(--_theme---text-link--border); color: var(--_theme---text-link--text); background-color: #0000; border-bottom-width: .094rem; border-radius: 0; padding: .5rem 0; } .button:where(.w-variant-c53219f6-cefe-05f2-46a6-42c477e2fc53) { padding: 1rem 1.5rem; } .button:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dd0) { border-width: 1px; border-color: var(--_theme---button-primary--background); background-color: var(--_default---swatch--neutral); color: var(--_theme---button-primary--background); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dd1) { border-style: none none solid; border-color: var(--_button-style---text-hover) var(--_button-style---text-hover) var(--_theme---text-link--border); color: var(--_theme---text-link--text); background-color: #0000; border-bottom-width: .094rem; border-radius: 0; padding: .5rem 0; } .button:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dcf) { padding: 1rem 1.5rem; } .button:where(.w-variant-07aa59a0-f1be-15bc-3366-a66f1ae4d850) { background-color: var(--_colour---neutral--neutral-black); } .button:hover { border-color: var(--_default---swatch--transparent); background-color: var(--_colour---brand--brand-medium); color: var(--_theme---button-secondary--text-hover); } .button:hover:where(.w-variant-16c268b6-a50c-1dfa-a612-500882260258) { border-color: var(--_theme---text-link--border-hover); color: var(--_theme---text-link--text-hover); background-color: #0000; } .button:hover:where(.w-variant-c53219f6-cefe-05f2-46a6-42c477e2fc53) { border-width: 1px; border-color: var(--_colour---brand--brand); background-color: var(--_default---swatch--transparent); } .button:hover:where(.w-variant-05ac9bac-a268-a36c-fb98-9d527a028c8b) { border-color: var(--_default---swatch--neutral); background-color: var(--_colour---brand--brand); } .button:hover:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dd1) { border-color: var(--_theme---text-link--border-hover); color: var(--_theme---text-link--text-hover); background-color: #0000; } .button:hover:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dcf) { border-width: 1px; border-color: var(--_colour---brand--brand); background-color: var(--_default---swatch--transparent); } .button:hover:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dd0) { border-color: var(--_default---swatch--neutral); background-color: var(--_colour---brand--brand); } .button:active { background-color: var(--_colour---brand--brand-dark); color: var(--_button-style---text); } .button.arrow_version { background-color: var(--_default---swatch--neutral); color: var(--_colour---neutral--neutral-black); font-size: var(--_font-size---cta-small); border-width: 0; padding: 1rem 1rem 1rem 1.25rem; } .button.arrow_version:hover { background-color: var(--_colour---brand--brand-medium); color: var(--_colour---brand--brand-dark); } .button_main_text { line-height: inherit; position: relative; } .button_main_icon { aspect-ratio: 1; flex-flow: column; flex: none; justify-content: center; align-items: center; width: .8rem; margin-top: -.5rem; margin-bottom: -.5rem; display: flex; } .button_main_line { background-color: var(--_theme---text-link--border); pointer-events: none; transform-origin: 0; width: 100%; height: .094rem; padding: 0; transition-property: transform; transition-duration: .3s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); display: none; position: absolute; inset: auto auto 0% 0%; transform: scaleX(0); } .button_main_line:where(.w-variant-16c268b6-a50c-1dfa-a612-500882260258), .button_main_line:where(.w-variant-9d19c4a5-ad4d-fb76-8b50-4b63d45f4dd1) { background-color: var(--_theme---text-link--border-hover); display: block; } .sections_margin:where(.w-variant-f1aa6102-8de9-1713-3c8c-192a88748ef0) { width: var(--_spacing---space--4); height: var(--_spacing---space--4); } .sections_margin:where(.w-variant-a27fe219-d515-b19f-e8b0-d9841316224c) { width: var(--_spacing---space--8); height: var(--_spacing---space--8); } .sections_margin:where(.w-variant-79f95fbd-c590-ebf6-caad-fb584333dd95) { width: var(--_spacing---space--12); height: var(--_spacing---space--12); } .sections_margin:where(.w-variant-e5550352-a79b-84ce-9659-aa6c044b7328) { width: var(--_spacing---space--16); height: var(--_spacing---space--16); } .sections_margin:where(.w-variant-73e49457-f990-6b7e-806c-3aa29472868f) { width: var(--_spacing---space--20); height: var(--_spacing---space--20); } .sections_margin:where(.w-variant-1c2384a9-ce4e-8d97-34b8-359dadd8bb87) { width: var(--_spacing---space--24); height: var(--_spacing---space--24); } .sections_margin:where(.w-variant-8c3425aa-e66a-1264-34ae-13884f0863f4) { width: var(--_spacing---space--28); height: var(--_spacing---space--28); } .sections_margin:where(.w-variant-2ffee04b-0ebd-4036-276e-8b0a91002b20) { width: var(--_spacing---space--32); height: var(--_spacing---space--32); } .sections_margin:where(.w-variant-4cdcf082-e660-5c83-fe3c-ff78aa9c2d84) { width: var(--_spacing---space--36); height: var(--_spacing---space--36); } .sections_margin:where(.w-variant-5a5eff0d-fd0f-defc-5e6d-dc96c7f43f1c) { width: var(--_spacing---space--40); height: var(--_spacing---space--40); } .sections_margin:where(.w-variant-3f95cce4-dfb2-f352-d12a-98df431e88c6) { width: var(--_spacing---space--48); height: var(--_spacing---space--48); } .sections_margin:where(.w-variant-d51445bc-7e78-f9f5-b4d8-7126f4cc3503) { width: var(--_spacing---space--64); height: var(--_spacing---space--64); } .sections_margin:where(.w-variant-d4477995-8feb-ae5e-eb3f-cbe6e83b75dd) { width: var(--_spacing---space--80); height: var(--_spacing---space--80); } .sections_margin:where(.w-variant-f7200f36-f36a-8c2f-8953-261cf8c33037) { width: var(--_spacing---space--96); height: var(--_spacing---space--96); } .sections_margin:where(.w-variant-88a808a1-d1ca-5a83-52f3-4709dcdf4eda) { width: var(--_spacing---space--120); height: var(--_spacing---space--120); } .sections_margin:where(.w-variant-bac15a71-ce6b-c3dc-ffcb-3f30bc989006) { width: var(--_spacing---space--144); height: var(--_spacing---space--144); } .arrow_svg { width: .875rem; height: .875rem; } .arrow_svg:where(.w-variant-eaa1ac55-b559-e795-04bf-d4ff3d885723) { transform: rotate(90deg); } .swiper-wrapper { flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 100%; display: flex; } .swiper-wrapper.is-destinations { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; display: flex; } .swiper-wrapper.is-output, .swiper-wrapper.is-holmes, .swiper-wrapper.is-experience, .swiper-wrapper.is-main-slider { align-items: stretch; } .swiper-wrapper.is-vertical { height: 100%; overflow: visible; } .swiper-wrapper.is-main-slider { align-items: stretch; } .slider_city_wrap { border-radius: var(--_radius---large); background-color: #ffffff08; background-image: linear-gradient(135deg, #ffffff08, #ffffff14 11%, #ffffff08 16%, #ffffff12 58%, #ffffff17 63%, #ffffff08 73%, #ffffff0d 96%, #ffffff08); border: 1px solid #ffffff0d; flex: 1; justify-content: center; align-items: flex-end; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .swiper-navigation { z-index: 2; pointer-events: none; justify-content: space-between; align-items: center; display: flex; position: relative; } .swiper-slide.is-difference { display: flex; } .swiper-slide.is-accomodation { border-radius: var(--_radius---small); height: 20.625rem; overflow: hidden; } .swiper-slide.is-gallery-small { border-radius: var(--_radius---small); width: 20.125rem; max-width: 20.125rem; height: 12.75rem; max-height: 12.75rem; overflow: hidden; } .swiper-slide.is-vertical { flex: none; width: 100%; height: 100%; } .swiper-slide.swiper_el_slide { border-radius: var(--_radius---small); width: 20.125rem; max-width: 20.125rem; height: 12.75rem; max-height: 12.75rem; overflow: hidden; } .swiper-navigation__button-arorw { justify-content: center; align-items: center; width: 100%; display: flex; } .swiper-navigation__button-arorw.is--prev { transform: rotate(-180deg); } .swiper { flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; overflow: visible; } .swiper.is-destinations { height: 100%; overflow: hidden; } .swiper.is-main-slider { margin-bottom: var(--_spacing---space--48); align-items: stretch; display: block; overflow: hidden; } .swiper.is-vertical-slider { max-width: 100%; height: 23.1rem; overflow: hidden; } .swiper.is-gallery { min-height: 28.125rem; } .slider-card { grid-column-gap: 16px; grid-row-gap: 16px; background-color: #131313; border: 1px solid #ffffff26; border-radius: 1em; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; width: 100%; max-width: 100%; padding: 1em; display: grid; } .slider-card.main_slider_item { background-color: #0000; grid-template-columns: .5fr 1fr; height: 100%; padding: 0; } .swiper-navigation__button { z-index: 1; aspect-ratio: 1; pointer-events: auto; color: #000; background-color: #fff; border-radius: 100em; justify-content: center; align-items: center; width: 3em; padding: 1em; display: flex; position: relative; } .main_slider_content { border-radius: var(--_radius---large); background-color: var(--_default---swatch--neutral); flex-flow: column; justify-content: space-between; padding: 3rem 3rem 1.875rem; display: flex; } .swiper-pagination { pointer-events: auto; padding: .75rem 1rem; z-index: 0 !important; } .slider_bg_image { object-fit: cover; height: 100%; position: absolute; } .slider_city_name { min-width: auto; color: var(--_default---swatch--brand); font-size: var(--_font-size---h5); position: relative; inset: auto auto 2rem 0%; } .background_brand_pink { background-color: var(--_colour---brand-secondary--06_secondary); } .bg_gradient { z-index: 2; background-image: linear-gradient(-90deg, #efc9c600, #efc9c6); width: 9.6875rem; display: block; position: absolute; inset: 0% auto 0% 0%; } .bg_gradient.is-right { inset: 0% 0% 0% auto; background-image: linear-gradient(90deg, #efc9c600, #efc9c6); inset: 0% 0% 0% auto; } .author_headshot { border-radius: var(--_radius---round); width: 5rem; height: 5rem; overflow: hidden; } .quote_wrap { height: 100%; display: block; } .quote_img { max-height: 5rem; } .color_white { color: var(--_default---swatch--brand); } .background_brand { background-color: var(--_colour---brand--brand); } .hero_wrap { flex-flow: column; justify-content: flex-end; align-items: flex-start; height: 41.75rem; display: flex; position: relative; } .hero_wrap.is-destinations { justify-content: flex-start; align-items: flex-start; height: auto; } .hero_content { z-index: 2; justify-content: flex-start; align-items: flex-end; display: flex; position: relative; } .hero_content.is-destinations { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: var(--_radius---main); border: 1px solid #f68d5f4d; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: grid; } .hero_content.is-city { border-radius: var(--_radius---main); flex-flow: column; justify-content: flex-end; align-items: flex-start; min-height: 33.75rem; padding: 2rem 2rem 2.5rem; overflow: hidden; } .hero_content.is-program { background-image: url("https://cdn.prod.website-files.com/6a048fa3b2a75dfd854acdeb/6a229898cbd3ee4d2585455e_Frame%201222.avif"); background-position: 50%; background-size: cover; height: 22.5rem; } .hero_content.why-ohc { background-image: url("https://cdn.prod.website-files.com/6a048fa3b2a75dfd854acdeb/6a296db064135db55541d350_Frame%201222.avif"); background-position: 50%; background-size: cover; height: 22.5rem; } .hero_content.is-country { border-radius: var(--_radius---main); justify-content: space-between; align-items: flex-end; min-height: 33.75rem; padding: 2rem 2rem 2.5rem; overflow: hidden; } .color_brand { color: var(--_colour---brand--brand); } .font-main { font-family: var(--_typography---font--primary-family); } .footer_grid { margin-bottom: var(--_spacing---space--48); grid-column-gap: 8.75rem; grid-row-gap: 8.75rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer_country_header { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; display: flex; } .country_wrap { border: 1px solid var(--_default---swatch--neutral); border-radius: var(--_radius---round); justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; overflow: hidden; } .nav_icon { border-radius: var(--_radius---button); color: var(--_theme---button-primary--background); border: 1px solid #f68d5f; flex: 0 auto; justify-content: center; align-items: center; padding: .75rem; display: flex; } .nav_icon:hover { color: var(--_theme---button-primary--background); } .social_icon { max-width: 1rem; } .nav_toggle { grid-column-gap: .625rem; grid-row-gap: .625rem; height: 100%; font-family: var(--_typography---font--primary-family); justify-content: space-between; align-items: center; padding: 0 1.25rem 0 0; display: flex; } .nav_toggle.w--open { color: var(--_colour---brand--brand); } .nav_icon_dropdown { margin-top: 0; margin-bottom: 0; margin-right: 0; position: relative; } .nav_dropdown_navigation.w--open { z-index: 2; background-color: #fbeeeb; justify-content: center; align-items: center; width: 100%; height: 23.5625rem; display: flex; inset: 4rem 0% 0%; } .nav_dropdown_link { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--_colour---neutral--neutral-black); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .nav_dropdown_link:hover { color: var(--_colour---brand--brand); } .nav_dropdown_image { border-radius: var(--_radius---small); height: 16.5rem; } .nav_dropdown_image.is-orange-frame { background-color: var(--_theme---button-primary--background); background-color: var(--_theme---button-primary--background); padding: 1.5rem; } .nav_hamburger_wrap { display: none; } .destination_controls.is-education { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: space-between; align-items: center; display: flex; } .destination_controls.is-gallery-small { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: flex-end; width: 50%; display: flex; } .destination_controls.is-accomodation { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .destination_controls.is-vertical { z-index: 3; grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; position: absolute; inset: auto 0% 40% auto; transform: rotate(-180deg); } .destination_controls.is-gallery { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-end; align-items: flex-end; width: 100%; display: flex; } .swiper_el_prev { transform: rotate(-180deg); } .swiper_el_prev.is-education { border-radius: var(--_radius---round); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); background-color: #3331321a; padding: .5rem; } .swiper_el_prev.is-gallery-small, .swiper_el_prev.is-accomodation { border-radius: var(--_radius---round); background-color: var(--_theme---text); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .swiper_el_prev.is-output { border-radius: var(--_radius---round); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); background-color: #3331321a; padding: .5rem; } .swiper_el_prev.is-vertical { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_colour---neutral--color); padding: .5rem; transform: rotate(90deg); } .swiper_el_prev.is-vertical.swiper-button-disabled { background-color: var(--_theme---background-2); } .swiper_el_prev.is-gallery { border-radius: var(--_radius---round); background-color: var(--_default---swatch--button-size--card-accent); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .swiper_el_next.is-education { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .swiper_el_next.is-gallery, .swiper_el_next.is-accordian, .swiper_el_next.is-gallery-small, .swiper_el_next.is-accomodation, .swiper_el_next.is-output { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .swiper_el_next.is-vertical { border-radius: var(--_radius---round); background-color: var(--_theme---text); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; transform: rotate(-90deg); } .swiper_el_next.is-vertical.swiper-button-disabled { background-color: #3331321a; } .swiper_el_next.is-gallery { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .countries_grid { grid-template-columns: 1fr 1fr; } .gradient_hero { z-index: 1; position: absolute; inset: 0%; overflow: hidden; } .gradient_hero.is-20percent { background-color: #0003; } .right_side_hero { z-index: 2; grid-column-gap: 1rem; grid-row-gap: 1rem; border-left: 1px solid #fff9; flex-flow: column; justify-content: flex-end; align-items: flex-end; padding-left: 16px; display: flex; position: relative; } .country_block { z-index: 2; grid-column-gap: .5rem; grid-row-gap: .5rem; border-radius: var(--_radius---small); background-color: var(--_default---swatch--neutral); justify-content: flex-start; align-items: center; padding: 1rem; display: flex; position: absolute; inset: 2rem auto auto 2rem; } .country_block.hide-tablet { padding: 16px; } .country_flag { max-width: 1.25rem; } .country_p { font-family: var(--_typography---font--primary-family); font-size: 12px; font-weight: var(--_typography---font--primary-semibold); text-transform: uppercase; white-space: nowrap; } .country_card_page { border-radius: var(--_radius---small); background-color: var(--_colour---brand--brand-light); padding: 2.5rem 3rem; } .country_card_inner { flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; } .country_card_inner_bottom { border-top: 1px solid #33313233; justify-content: space-between; align-items: center; width: 100%; padding-top: 1.5rem; display: flex; } .big_cta_section { background-color: var(--_colour---brand--brand-light); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .big_cta_img_text_wrap { border-top: 1px solid #33313233; justify-content: space-between; align-items: flex-start; padding-top: 2.5rem; display: flex; } .big_cta_img { border-radius: var(--_radius---small); max-width: 34.5625rem; max-height: 20.1875rem; } .big_cta_img.is-bigger { max-height: 25rem; } .big_cta_img.is-sticky { max-width: none; } .text_over_img { background-color: var(--_colour---brand--brand-light); border-top-left-radius: .75rem; padding: 1rem; position: absolute; inset: auto 0% 3rem auto; overflow: hidden; } .text_over_img.background_1 { background-color: var(--_default---swatch--neutral); inset: auto 0% 0% auto; } .text_over_img.is-country { inset: auto 0% 0% auto; inset: auto 0% 0% auto; } .vertical_slider_slide { grid-column-gap: 8.75rem; grid-row-gap: 8.75rem; justify-content: flex-start; align-items: center; width: 100%; height: 100%; padding-right: 0; display: flex; } .city_img_wrap { width: 34.625rem; max-width: none; position: relative; } .city_img_wrap.radius-main.overflow-hidden { position: relative; } .city_place { font-family: var(--_typography---font--primary-family); color: #33313266; font-size: var(--_font-size---h3a); line-height: var(--_typography---line-height--1-1); font-weight: var(--_typography---font--primary-medium); } .vertical_rt { max-width: 29.6rem; margin-bottom: 2rem; } .vertical_link_btn { grid-column-gap: .75rem; grid-row-gap: .75rem; font-family: var(--_typography---font--primary-family); color: var(--_theme---button-secondary--text); text-transform: uppercase; justify-content: flex-start; align-items: center; padding-top: .25rem; padding-bottom: .25rem; padding-right: .5rem; display: flex; } .gallery-img-wrap { border-radius: var(--_radius---small); overflow: hidden; } .faq_grid { grid-column-gap: 8.75rem; grid-row-gap: 8.75rem; grid-template-rows: auto; grid-template-columns: 1fr 1.25fr; align-items: start; } .faq_left_side { flex-flow: column; justify-content: space-between; height: 100%; display: flex; } .faq_wrap { background-color: var(--_colour---brand-secondary--05_secondary_light-400); } .faq_image_wrap { border-radius: var(--_radius---small); height: 14.375rem; max-height: 14.375rem; overflow: hidden; } .faq_right_side { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .faq_accordian { grid-column-gap: .5rem; grid-row-gap: .5rem; border-radius: var(--_radius---small); background-color: var(--_colour---brand-secondary--05_secondary_light-401); cursor: pointer; flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 1rem 1.5rem; display: flex; } .faq_accordian.is-terms { background-color: var(--_colour---neutral--gray-light); justify-content: space-between; align-items: center; } .faq_text_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: flex-start; align-items: center; display: flex; } .faq_rt { font-family: var(--_typography---font--primary-family); } .faq_rt a { color: var(--_theme---button-primary--text-hover); } .faq_rt p { font-size: var(--_font-size---small); margin-bottom: 2.3rem; } .faq_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .faq_accordian_top_wrpa { justify-content: space-between; align-items: center; width: 100%; display: flex; } .button_arrow_circle.is-education { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .button_arrow_circle.is-vertical { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; transform: rotate(-90deg); } .button_arrow_circle.is-gallery { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .button_arrow_circle.is-terms { border-radius: var(--_radius---round); width: 2rem; height: 2rem; color: var(--_default---swatch--neutral-900); justify-content: center; align-items: center; padding: .5rem; display: flex; transform: rotate(90deg); } .button_arrow_circle.is-accordian { border-radius: var(--_radius---round); background-color: var(--_colour---brand-secondary--05_secondary_dark); width: 2rem; height: 2rem; color: var(--_default---swatch--brand); flex: none; justify-content: center; align-items: center; padding: .5rem; display: flex; transform: rotate(90deg); } .button_arrow_circle.is-fees { border-radius: var(--_radius---round); color: var(--_default---swatch--neutral-900); padding: .5rem; transform: rotate(90deg); } .step_card { grid-column-gap: 2rem; grid-row-gap: 2rem; border-right: 1px solid #33313233; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .step_counter_wrap { border-radius: var(--_radius---button); background-color: var(--_default---swatch--neutral); padding: .75rem 1rem; } .background_brand_light { background-color: var(--_colour---brand--brand-light); } .step_img_wrap { border-top-left-radius: var(--_radius---main); border-bottom-left-radius: var(--_radius---main); width: 100%; max-height: 13.4375rem; overflow: hidden; } .policy_svg { max-width: 16.4375rem; color: var(--_colour---brand--brand-dark); position: absolute; inset: auto auto -28% 0%; } .policy_inner_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 2fr; grid-auto-columns: 1fr; display: grid; } .policy_wrap.background_brand { flex-flow: column; justify-content: center; align-items: center; display: flex; overflow: hidden; } .policy_right_side_wrap { grid-column-gap: 4.25rem; grid-row-gap: 4.25rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .membership_card { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; border-radius: var(--_radius---small); background-color: var(--_colour---brand-secondary--04_secondary_light); flex-flow: column; padding: 1rem; display: flex; } .accreditation_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; border-radius: var(--_radius---small); background-color: var(--_default---swatch--neutral); flex-flow: column; justify-content: center; align-items: center; padding-top: 1.25rem; padding-bottom: 1.25rem; display: flex; } .brochure_inner_wrap { border-radius: var(--_radius---small) var(--_radius---small) 0px 0px; background-color: var(--_colour---brand--brand-medium); justify-content: space-between; align-items: flex-end; padding: 1.5rem 2.5rem 2.5rem; display: flex; } .white_line_small { background-color: var(--_default---swatch--neutral); width: 3.625rem; height: 1px; } .background_brand_dark { background-color: var(--_colour---brand--brand-dark); } .outer_table_wrap { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; border-radius: var(--_radius---main); background-color: var(--_colour---neutral--gray-light-light); flex-flow: column; padding: 1rem; display: flex; } .table_wrap { width: 100%; } .additional_fees_accordian_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-items: start stretch; width: 100%; display: grid; } .additional_fees_accordian { border-radius: var(--_radius---button); background-color: #fff; flex-flow: column; padding: 1rem; display: flex; } .additional_fees_inner { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; overflow: visible; } .additional_fees_inner_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: space-between; align-items: center; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; display: flex; } .additional_fees_content { padding-left: 1.5rem; padding-right: .875rem; } .additional_fees_row { border-bottom: 1px solid #f68d5f99; padding-top: 1.5rem; padding-bottom: 1.5rem; } .additional_fees_row.is-first { border-top: 1px solid #f68d5f99; } .additional_fees_notes_wrap { grid-column-gap: 5.25rem; grid-row-gap: 5.25rem; border-radius: var(--_radius---button); background-color: var(--_default---swatch--neutral); justify-content: flex-start; align-items: flex-start; width: 100%; padding-top: 1.25rem; padding-bottom: 4.125rem; padding-left: 1.5rem; display: flex; } .additional_fees_terms_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .additional_fees_terms { border-radius: var(--_radius---button); background-color: var(--_colour---brand--brand-light); padding: 1.5rem; } .additional_fees_terms.is-price { background-color: var(--_colour---brand--brand); color: var(--_default---swatch--brand); background-color: var(--_colour---brand--brand); justify-content: space-between; align-items: center; display: flex; } .program_image_wrap { border-radius: var(--_radius---small); height: 20.5rem; max-height: 20.5rem; margin-bottom: 1.5rem; position: relative; overflow: hidden; } .program_category_wrap { z-index: 2; grid-column-gap: .5rem; grid-row-gap: .5rem; border-radius: var(--_radius---button); background-color: var(--_default---swatch--neutral); justify-content: flex-start; align-items: center; padding: 1rem; display: flex; position: absolute; inset: auto auto 1.5rem 1.5rem; } .country_absolute_image { position: absolute; inset: -47% 0% 0%; } .country_absolute_image.is-city, .country_absolute_image.is-country, .country_absolute_image.is-country { height: 100%; inset: 0%; } .city_hero_text_wrap { z-index: 2; position: relative; } .accreditation_img_wrap { height: 4rem; max-height: 4rem; display: flex; } .rooftop_image_right_wrap { border-radius: var(--_radius---small); min-width: 27.375rem; max-width: 27.375rem; max-height: 13.5rem; overflow: hidden; } .rooftop_image_right_wrap.is-bellow-hero { max-width: none; max-height: 20rem; } .absolute_badge { border-radius: var(--_default---radius--round); background-color: var(--_default---swatch--neutral); width: 9.1875rem; padding: 1.25rem; position: absolute; inset: 5rem -3.5rem auto auto; overflow: visible; } .header_wrap { z-index: 999; position: sticky; top: 0; } .nav_banner { background-color: #f68d5fcc; justify-content: center; align-items: center; height: 2.25rem; display: flex; } .text-block-3 { color: var(--_theme---button-primary--text); } @media screen and (max-width: 991px) { .container.is-slider { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: space-between; align-items: flex-start; } .container.flex_horizontal_space_between { grid-column-gap: 2.25rem; grid-row-gap: 2.25rem; flex-flow: column; } .kickoff-classes-wrap { width: 100%; } .kickoff-styles-wrap { grid-template-columns: 1fr 1fr; } .button-wrapper.is-nav { display: none; } .button-wrapper.is-nav-mobile { flex-flow: column; display: flex; position: relative; inset: auto 1rem 1.5rem; } .nav_brand_logo { z-index: 99; position: relative; } .nav_link { text-align: center; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .nav_link:hover, .nav_link.w--current { color: var(--_colour---neutral--neutral-black); } .nav_menu { background-color: var(--_default---swatch--neutral); flex-direction: column; justify-content: space-between; align-items: stretch; height: 100vh; margin-top: 2.25rem; padding-top: 80px; padding-left: 24px; padding-right: 24px; display: flex; position: fixed; top: 0; overflow: scroll; } .nav_menu_button { z-index: 99; background-color: var(--_default---swatch--neutral); border: 1px solid #f68d5f; border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; padding: 0; position: relative; } .nav_menu_button.w--open { background-color: var(--navy-300\); } .nav_lines { background-color: var(--_colour---brand--brand); border-radius: 4px; width: 1rem; height: .125rem; margin-top: .125rem; margin-bottom: .125rem; padding-bottom: 0; padding-right: 0; } .nav_menu_button_wrap { flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .nav_menu_mask { flex-direction: column; flex: none; justify-content: flex-start; align-items: flex-start; margin-top: 2.875rem; padding-top: 2rem; padding-bottom: 8rem; } .grid.is-steps { --_column-count---value: 2; } .flex_horizontal_nowrap.gap-gutter.is-nav { flex-flow: column; align-items: flex-start; padding-top: 1rem; padding-left: 1.5rem; } .position-static.is-nav { margin-left: 0; margin-right: 0; } .flex_vertical_left.is-city-gallery { width: 100%; } .flex_horizontal_space_between.mobile-vertical { flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex_horizontal_space_between.is-vertical.gap-mobile { grid-column-gap: 2.25rem; grid-row-gap: 2.25rem; grid-column-gap: 2.25rem; grid-row-gap: 2.25rem; } .footer_social_list.is-nav { justify-content: center; align-items: center; } .footer_social_item:hover { background-color: var(--_default---swatch--neutral); } .footer_social_item.is-nav { background-color: var(--_colour---brand--brand); color: var(--_default---swatch--brand); background-color: var(--_colour---brand--brand); } .footer_link_wrap:hover { color: var(--_colour---neutral--neutral); } .footer_social_link.is-nav { color: var(--_theme---button-primary--text); } .button:hover { background-color: var(--_button-style---background); } .button:hover:where(.w-variant-05ac9bac-a268-a36c-fb98-9d527a028c8b) { background-color: var(--_default---swatch--neutral); color: var(--_theme---button-primary--background); } .button:hover:where(.w-variant-c53219f6-cefe-05f2-46a6-42c477e2fc53) { background-color: var(--_theme---button-primary--background); } .button.arrow_version:hover { background-color: var(--_default---swatch--neutral); color: var(--_default---swatch--button-size--card-accent); background-color: var(--_default---swatch--neutral); } .slider_city_wrap { min-height: 16.5625rem; } .swiper-navigation { background-color: var(--_default---swatch--neutral); width: 100%; padding: .75rem 1rem; } .slider-card.main_slider_item { flex-flow: column; grid-template-columns: .5fr; height: 100%; min-height: 100%; max-height: none; display: flex; } .bg_gradient, .quote_wrap { display: none; } .ohc_different_section { flex-flow: column; justify-content: flex-end; align-items: stretch; height: 100vh; display: flex; } .ohc_different_wrap_component { justify-content: flex-end; align-items: center; max-width: 100%; } .different_heading_wrap { position: relative; inset: auto 0% 0%; } .different_image_wrap { position: absolute; inset: 24% auto auto 1rem; } .different_image_wrap.is-sm.is-5, .different_image_wrap.is-sm.is-6 { display: none; } .different_image_wrap.is-sm.is-5, .different_image_wrap.is-sm.is-6 { display: none; } .different_image_wrap.is-sm.is-2 { inset: auto 15% 31% auto; } .different_image_wrap.is-sm.is-4 { inset: 3rem 1rem auto auto; } .different_image_wrap.is-sm.is-5, .different_image_wrap.is-sm.is-6 { display: none; } .different_image_wrap.is-lg.is-3 { bottom: 0%; right: -5%; } .different_image_wrap.is-xl.is-1 { inset: auto auto 20% 5.1rem; } .different_image_wrap.is-xl.is-6 { inset: 9% auto auto 21%; } .hero_content.is-destinations { border-width: 0; grid-template-columns: 1fr; } .destination_list:hover { color: var(--_theme---text); } .nav_dropdown_navigation.w--open { background-color: var(--_default---swatch--neutral); height: auto; position: relative; top: 0; } .nav_dropdown_link:hover { color: var(--_theme---text); } .nav_dropdown_image { display: none; } .nav_hamburger_wrap { justify-content: flex-start; align-items: center; display: flex; } .destination_image_wrap { max-height: 29.9375rem; } .hero_countries_wrap { display: none; } .countries_grid { grid-template-columns: 1fr; } .country_card { grid-template-columns: 1fr; min-height: auto; } .country_image_wrap { height: 10.25rem; max-height: 10.25rem; overflow: hidden; } .country_right_side { height: auto; } .country_img { object-fit: cover; height: 10.25rem; } .country_block { position: relative; top: auto; left: auto; } .country_block.hide-tablet { display: none; } .country_card_inner { margin-bottom: 2rem; } .faq_grid { grid-template-columns: 1fr; } .faq_left_side { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .city_upper_text_wrap { flex-flow: column; justify-content: flex-end; align-items: flex-start; } .city_lower_text_wrap { flex-flow: column; justify-content: space-between; align-items: flex-start; } .city_lower_right_side { grid-column-gap: 0rem; grid-row-gap: 0rem; border-top: 1px solid #dfdfdf; border-left-width: 0; flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; margin-top: 1rem; padding-top: 1rem; padding-left: 0; } .city_grid { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; grid-template-columns: 1fr; } .section_programs { height: auto; min-height: 100vh; } .form_grid { grid-template-columns: 1fr; } .country_absolute_image { top: 0%; } } @media screen and (max-width: 767px) { .kickoff-styles-wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; grid-template-columns: 1fr; } .button-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; } .grid { --_column-count---value: 6; } .country_wrap { flex: none; } .additional_fees_accordian_wrap { grid-template-columns: 1fr; } .additional_fees_notes_wrap { flex-flow: column; padding-right: 1.5rem; } .additional_fees_terms_wrap { grid-template-columns: 1fr; } } @media screen and (max-width: 479px) { .container.flex_vertical_stretch { width: calc(100% - var(--_default---site--margin) * 2); } .container.is-home-group { flex-flow: column; } .container.position-relative.height-full.is-static { max-width: var(--_default---max-width--full); max-width: var(--_default---max-width--full); max-width: var(--_default---max-width--full); } .container.is-vertical-slider { flex-flow: column; align-items: stretch; max-width: 100%; } .container.is-custom { padding-right: 0; } .container.is-nav { width: 100%; max-width: var(--_default---max-width--full); margin-left: 0; margin-right: 0; } .button-wrapper { grid-template-columns: auto; } .button-wrapper.is-nav-mobile { inset: 0 0 0; position: relative; inset: 0 0 0; } .nav_menu { flex-flow: column; justify-content: space-between; padding-top: 1rem; } .nav_menu_button, .nav_menu_button.w--open { background-color: var(--_default---swatch--neutral); } .nav_menu_button_wrap { padding: 10px; } .nav_menu_mask { justify-content: space-between; align-items: flex-start; padding: 1.75rem 0; overflow: auto; } .grid { --_column-count---value: 6; } .grid.is-popup-cards, .grid.is-footer.is-bottom-part, .grid.is-policy, .grid.is-membership { --_column-count---value: 1; } .grid.is-popup-cards, .grid.is-footer.is-bottom-part, .grid.is-footer.is-bottom-part, .grid.is-policy, .grid.is-membership { --_column-count---value: 1; } .grid.is-2-el.background_grey_light_light { --_column-count---value: 1; padding: 1rem; } .grid.is-learn { --_column-count---value: 1; margin-top: 1.75rem; } .grid.is-3col { --_column-count---value: 1; } .grid.is-community { --_column-count---value: 1; grid-template-columns: 1.5fr; } .flex_horizontal_nowrap.gap-gutter.is-nav { margin-top: .5rem; } .radius-small.is-gallery-small { margin-bottom: 2rem; } .position-static.is-nav { width: 100%; margin-left: 0; margin-right: 0; } .flex_vertical_left.gap-default { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .flex_vertical_left.gap-40 { grid-column-gap: 1rem; grid-row-gap: 1rem; } .flex_horizontal_space_between.mobile-vertical { flex-flow: column; justify-content: space-between; align-items: flex-start; display: none; } .flex_horizontal_space_between.top-allign { flex-flow: column; } .footer_social_link.is-nav { border-radius: var(--_default---radius--round); background-color: var(--_theme---button-primary--background); color: var(--_theme---button-primary--text); border-radius: var(--_default---radius--round); background-color: var(--_theme---button-primary--background); } .height-full.cover-absolute { position: relative; } .text.white_desktop_black_mobile:where(.w-variant-5bff3d91-69cd-46c2-fbeb-d19f2d75190e), .text.white_desktop_black_mobile:where(.w-variant-0ac3b171-1c3e-a347-57b3-8828bc8507ec), .text.white_desktop_black_mobile:where(.w-variant-5bff3d91-69cd-46c2-fbeb-d19f2d75190e), .text.white_desktop_black_mobile:where(.w-variant-0ac3b171-1c3e-a347-57b3-8828bc8507ec) { color: var(--_colour---neutral--neutral-black); } .swiper-wrapper.is-destinations_mobile { flex-flow: row; } .swiper-wrapper.is-gallery { justify-content: center; align-items: center; } .swiper-slide.position-relative.height-full { width: 100%; } .swiper-slide.swiper_el_slide { width: 100%; max-width: 100%; height: 19.625rem; max-height: none; } .swiper-slide.is-gallery-small { width: 100%; max-width: none; height: 27.75rem; max-height: 27.75rem; } .swiper.is-main-slider { padding-left: 1rem; padding-right: 1rem; } .swiper.is-vertical-slider { height: auto; } .main_slider_content { height: 100%; padding: 1.5rem 1rem; } .swiper-pagination.is-main { padding: .5rem; } .author_headshot { flex: none; } .ohc_different_section { height: 100vh; } .ohc_different_wrap_component.is-static { width: 100%; } .different_heading_wrap.is-static { width: 100%; min-width: auto; max-width: 100%; } .different_image_wrap.is-sm.is-2 { bottom: 49%; right: 1rem; } .different_image_wrap.is-sm.is-2.is-static { bottom: 3%; } .different_image_wrap.is-sm.is-4.is-static { top: 4%; } .different_image_wrap.is-lg.is-3 { inset: 37% auto auto 1%; } .different_image_wrap.is-lg.is-3.is-static { bottom: 0%; left: 17%; } .different_image_wrap.is-xl.is-1 { width: var(--img-w); bottom: 49%; left: 2.5rem; } .different_image_wrap.is-xl.is-6 { top: 17%; } .different_image_wrap.is-xl.is-6.is-static { right: -2%; } .different_image_wrap.is-xl.is-7 { inset: 3rem auto auto 1rem; } .sticky_card_left { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .card_bottom_part { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; } .experience_card { min-height: 41.8125rem; } .experience_image { max-height: 100%; } .experience_text_wrap { padding-top: 1.25rem; padding-left: 1.75rem; padding-right: 1.75rem; } .hero_wrap { height: 30rem; overflow: clip; } .hero_content.is-country { flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 0; } .hero_content.is-city { background-position: 50%; background-size: cover; } .hero_heading-group.is-destinations { padding-left: 0; } .hero_locations-list { overflow: scroll; } .hero_location-btn { min-width: 10.5rem; padding: 1rem; } .destination_grid { flex-flow: column; grid-template-columns: 1fr; display: none; } .destination_logo { object-fit: contain; max-height: 8.3125rem; } .destination_logo_wrap { display: none; } .destination_list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start; } .footer_grid { grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-columns: 1fr; } .nav_dropdown_navigation.w--open { background-color: var(--_default---swatch--neutral); height: auto; position: relative; top: 0; } .number_destination { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .mobile_destination_wrap { flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex; } .destination_image_wrap { border-radius: 1rem; height: 29.9375rem; max-height: none; overflow: hidden; } .destination_controls { justify-content: space-between; align-items: center; width: 100%; margin-top: 1.5rem; display: flex; } .destination_controls.is-education.hide-mobile { display: none; } .destination_controls.is-vertical { flex-flow: row; justify-content: flex-end; position: static; bottom: auto; right: auto; transform: rotate(0); } .swiper_el_prev { border-radius: var(--_radius---round); background-color: #3331321a; width: 2.5rem; height: 2.5rem; padding: .5rem; transform: rotate(-180deg); } .swiper_el_prev.is-vertical { transform: rotate(0); } .swiper_el_next { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .swiper_el_next.is-vertical { transform: rotate(-180deg); } .mobile_destination_outer_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .country_card { padding: 1rem; } .country_img { object-fit: cover; } .explore_experiences_layout { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 13.75rem 13.75rem 13.75rem; grid-auto-columns: 1fr; display: grid; } .experiences_absolute_img.is-small { max-height: 8.9375rem; } .experiences_absolute_img.is-large-mobile.is-small-mobile, .experiences_absolute_img.is-small { max-height: 8.9375rem; } .experiences_absolute_img.is-large { max-height: 18.3125rem; } .experiences_absolute_img.is-large.is-small-mobile { max-height: 8.9375rem; } .experiences_absolute_img.is-large.hide-desktop { max-height: 11.6875rem; display: inline-flex; } .experiences_absolute_img.is-large-mobile { max-height: 18.3125rem; } .experiences_absolute_img.is-large-mobile.is-small-mobile { max-height: 8.9375rem; } .explore_image_wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; } .explore_image_wrapper.is-bottom-align, .explore_image_wrapper.is-single-img.is-2 { display: none; } .explore_image_wrapper.is-single-img.is-2 { display: none; } .explore_image_wrapper.is-single-img.is-1 { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; width: 100%; max-width: 15.5625rem; bottom: auto; } .explore_image_wrapper.is-bottom-align { display: none; } .country_card_page { padding: 1.75rem 2.25rem; } .country_card_inner { margin-bottom: 1rem; } .country_card_inner_bottom { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; justify-content: space-between; align-items: stretch; } .big_cta_img_text_wrap { flex-flow: column; } .big_cta_img.is-bigger { margin-top: 1rem; } .text_over_img.is-country { bottom: 0; } .vertical_slider_slide { grid-column-gap: .6rem; grid-row-gap: .6rem; flex-flow: column; padding-bottom: 0; } .city_img_wrap { width: 100%; } .faq_grid { grid-column-gap: 2rem; grid-row-gap: 2rem; } .button_arrow_circle { border-radius: var(--_radius---round); background-color: var(--_colour---neutral--neutral-black); width: 2.5rem; height: 2.5rem; color: var(--_default---swatch--brand); padding: .5rem; } .button_arrow_circle.is-fees, .button_arrow_circle.is-terms, .button_arrow_circle.is-fees, .button_arrow_circle.is-terms { background-color: var(--_default---swatch--transparent); } .policy_svg { max-width: 12.5rem; position: relative; bottom: 0%; } .policy_inner_wrap { grid-template-columns: 1fr; margin-bottom: 2rem; } .brochure_inner_wrap { flex-flow: column; justify-content: space-between; align-items: flex-start; } .city_upper_text_wrap { padding-bottom: 1rem; } .facilities_inner_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; } .facilities_inner_img_wrap { max-width: 100%; height: 25rem; } .facilities_inner_text_wrap { border-left-width: 0; max-width: 100%; padding-left: 0; } .facilities_inner_wrap_down { grid-column-gap: 1rem; grid-row-gap: 1rem; border-left: 1px solid #33313233; flex-flow: column; padding-left: 1rem; } .casita_cta_wrap_inner { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .cta_text_wrap { border-top: 1px solid #ffffff80; border-left-width: 0; padding-top: 1rem; padding-left: 0; } .casita_cta_wrap { flex-flow: column; } .additional_fees_accordian_wrap { grid-template-columns: 1fr; } .additional_fees_accordian { padding: 0; } .additional_fees_notes_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; padding: 1rem; } .additional_fees_terms_wrap { grid-template-columns: 1fr; } .gallery-img-wrap-small { height: 100%; } .rooftop_wrap { flex-flow: column; } .school_card_wrap { margin-top: 1rem; margin-bottom: 1rem; } .hero_rt { max-width: 100%; margin-bottom: 1.25rem; } .learn_image_wrap { display: none; } .big_cta_img_text_wrap_v2 { flex-flow: column; } .big_cta_img_text_wrap_v2.is-sticky { position: relative; } .big_cta_img_text_wrap_v2.is-plan { padding-left: 1rem; } .section_programs { flex-flow: column; height: auto; } .section_programs:where(.w-variant-e9a05355-0358-c4af-73cb-ad310184d450) { height: auto; } .max_width_50.position-relative.height-full { flex-flow: column; width: 100%; max-width: 100%; height: auto; } .max_width_50.position-relative.height-full:where(.w-variant-e9a05355-0358-c4af-73cb-ad310184d450) { flex-flow: column; } .max_width_50.flex_horizontal_space_between.is-vertical { order: -9999; width: 100%; max-width: 100%; height: auto; padding: 1.5rem 1rem; } .max_width_50.flex_horizontal_space_between.is-vertical:where(.w-variant-e9a05355-0358-c4af-73cb-ad310184d450) { order: -9999; } .programs_number_wrap { max-width: 100%; } .popup_content { padding: 1rem; position: absolute; } .programs_wrapper { flex-flow: column; } .sticky_grid { grid-template-columns: 1.2fr; } .sticky_right_card.is-journey { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .hide-mobile { display: none; } .country_absolute_image { border-radius: var(--_radius---main); order: -9999; position: relative; } .country_absolute_image.is-city { object-fit: cover; object-fit: cover; position: absolute; } .city_hero_text_wrap { z-index: 2; border-bottom: 1px solid #33313266; margin-top: 1.25rem; margin-bottom: 1.25rem; padding-bottom: 1.25rem; } .form_grid_contact_us, .brochure_grid { grid-template-columns: 1fr; } .brochure_wrap { padding-left: 0; } .rooftop_image_right_wrap { min-width: auto; max-width: 100%; } .absolute_badge { width: 6.25rem; inset: auto auto -11% 34%; } .header_wrap { z-index: 997; } .nav_banner { z-index: 999; position: sticky; } } #w-node-_7ecf2362-49ad-8930-c990-204b27442796-27442791 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 767px) { #w-node-_7ecf2362-49ad-8930-c990-204b27442796-27442791 { grid-area: 1 / 1 / 2 / 3; } #w-node-eaa07237-28f3-cef8-1e88-f1d6cdc9c136-27442791 { grid-area: 2 / 1 / 3 / 3; } #w-node-_80bb7013-9009-6062-acce-6fab941bd765-27442791 { grid-area: 1 / 1 / 2 / 6; } #w-node-_31187530-8ebe-37f5-3433-a233f247bef3-27442791 { grid-area: 2 / 1 / 3 / 6; } #w-node-e8cf2176-e9f6-918f-7c24-7b6ff75f1e80-27442791 { grid-area: 3 / 1 / 4 / 6; } #w-node-a087c921-d4f5-7493-03dc-a19cceea3b35-27442791 { grid-area: 4 / 1 / 5 / 6; } #w-node-_6f509f41-4f8f-1bd1-28c9-1529dfe0aacc-27442791 { grid-area: 5 / 1 / 6 / 6; } } @media screen and (max-width: 479px) { #w-node-_80bb7013-9009-6062-acce-6fab941bd765-27442791 { grid-area: 1 / 1 / 2 / 6; } }