@font-face { font-family: DM Sans; src: url('https://backoffice.buygoods.com/v2/assets/fonts/DMSans-VariableFont_opszwght.woff2') format("woff2"); font-weight: 100 1000; font-style: normal; font-display: swap; } @font-face { font-family: DM Sans; src: url('https://backoffice.buygoods.com/v2/assets/fonts/DMSans-Italic-VariableFont_opszwght.woff2') format("woff2"); font-weight: 100 1000; font-style: italic; font-display: swap; } @font-face { font-family: Inter; src: url('https://backoffice.buygoods.com/v2/assets/fonts/Inter-VariableFont_opszwght.woff2') format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: Outfit; src: url('https://backoffice.buygoods.com/v2/assets/fonts/Outfit-VariableFont_wght.woff2') format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } :root { --_radius---border_radius_20: 1.25rem; --_themes---surface--surface_0: var(--_palette---white--100); --_typography---body-font: "DM Sans", Arial, sans-serif; --_themes---text--low_em: var(--_palette---gray--600); --_typography---text-medium--size: .875rem; --_typography---text-medium--line-height: 1.6; --_typography---text-medium--letter-spacing: .02em; --_themes---text--high_em: var(--_palette---gray--950); --_typography---h1--size: 4rem; --_typography---h1--line-height: 1.2; --_typography---h1--letter-spacing: 0em; --_typography---h2--size: 3rem; --_typography---h2--line-height: 1.2; --_typography---h2--letter-spacing: 0em; --_typography---h3--size: 2.5rem; --_typography---h3--line-height: 1.2; --_typography---h3--letter-spacing: .005em; --_typography---h4--size: 2rem; --_typography---h4--line-height: 1.3; --_typography---h4--letter-spacing: 0em; --_typography---h5--size: 1.5rem; --_typography---h5--line-height: 1.5; --_typography---h5--letter-spacing: 0em; --_typography---h6--size: 1.25rem; --_typography---h6--line-height: 1.6; --_themes---surface--neutral_alt_black: var(--_palette---black--100); --_themes---colors--accent\: var(--_palette---blue\); --_sections---padding: 5rem; --_sections---padding-small: 2.5rem; --_sections---section--padding-tablet-small\: 2rem; --_sections---section--padding-mobile-small\: 1.5rem; --_sections---padding-large: 7.5rem; --_sections---container--max-width: 92.5rem; --_sections---container--padding: 2.5rem; --_sections---container--max-width-10-col: 85rem; --_sections---container--max-width-8-col: 62rem; --_sections---container--max-width-6-col: 47rem; --roundness--image\: var(--roundness--none\); --_typography---h6--letter-spacing: 0em; --_typography---text-large--line-height: 1.6; --_typography---text-large--size: 1rem; --_typography---text-small--size: .75rem; --_typography---text-small--line-height: 1.6; --_typography---text-small--letter-spacing: .03em; --_typography---text-xsmall--size: .625rem; --_typography---text-xsmall--line-height: 1.2; --_typography---text-xsmall--letter-spacing: .03em; --_themes---colors--stroke\: var(--_palette---neutral-6\); --roundness--cards\: var(--roundness--medium\); --_themes---colors--surface-2\: var(--_palette---neutral-6\); --_themes---colors--text\: var(--_palette---neutral-1\); --_themes---colors--surface\: var(--_palette---white\); --_typography---secondary-font: Inter, Arial, sans-serif; --_themes---surface--surface_2: var(--_palette---gray--50); --_radius---border_radius_full: 999px; --_themes---surface--neutral_alt_white: var(--_palette---white--100); --_themes---transparent: transparent; --_themes---surface--surface_3: var(--_palette---gray--100); --_themes---surface--primary_accent_1: var(--_palette---primary--50); --_themes---surface--primary_accent_2: var(--_palette---primary--200); --_themes---button--secondary-hover-border\: var(--_themes---colors--stroke\); --_themes---button--secondary-hover-background\: #0000000d; --_themes---button--secondary-hover-text\: var(--_themes---button--secondary-text\); --_themes---surface--surface_high_em: var(--_palette---gray--900); --button--small-vertical-padding\: .25rem; --button--small-horizontal-padding\: .75rem; --icon--medium: 1.5rem; --icon--small: 1rem; --icon--large: 2rem; --_themes---colors--text-muted\: var(--_palette---neutral-3\); --_radius---border_radius_12: .75rem; --_themes---text--neutral_alt_black: var(--_palette---black--100); --_palette---blue\: #3e6cff; --_typography---tertiary: Outfit, Arial, sans-serif; --_typography---text-xlarge--size: 1.125rem; --_typography---text-xlarge--line-height: 1.6; --_typography---text-xlarge--letter-spacing: .02em; --roundness--medium\: .625rem; --roundness--large\: 1.5rem; --roundness--small\: .25rem; --roundness--full\: 9999px; --_themes---gradient-1--start-color\: #3e6cff; --_themes---gradient-1--end-color\: #cd3eff; --_themes---gradient-2--start-color\: #ff9b3e; --_themes---gradient-2--end-color\: #ff3e3e; --z-index--other: 997; --_typography---display--size: 5rem; --_typography---display--line-height: 1.2; --_typography---display--letter-spacing: 0px; --_radius---border_radius_24: 1.5rem; --_themes---surface--surface_4: var(--_palette---gray--200); --_themes---surface--surface_1: var(--_palette---gray--25); --_radius---border_radius_8: .5rem; --_palette---white--40: #fff6; --_palette---white--20: #fff3; --_themes---main: var(--_palette---black--100); --_radius---border_radius_10: .625rem; --_palette---white--70: #ffffffb3; --_palette---black--16: #00000029; --_themes---surface--disabled_low_em: var(--_palette---gray--200); --_palette---tan--200: #e9d9bf; --_palette---black--12: #0000001f; --_themes---text--white: var(--_palette---white--100); --_radius---boder_radius_30: 1.875rem; --_themes---surface--white: var(--_palette---white--100); --_palette---tan--100: #f5eddf; --_themes---text--primary_em: var(--_palette---primary--600); --_radius---border_radius_16: 1rem; --_themes---outline--white: var(--_palette---white--100); --_radius---border_radius_14: .875rem; --_palette---white--100: white; --_palette---gray--150: #f8f8f8; --_themes---outline--med_em: var(--_palette---gray--200); --_palette---tan--50: #fff3ea; --_themes---surface--primary_main: var(--_palette---primary--500); --_themes---text--neutral_alt_white: var(--_palette---white--100); --_themes---outline--neutral_alt_black: var(--_palette---black--100); --_themes---text--danger_em: var(--_palette---danger--600); --_palette---secondary--100: #fef1c7; --_palette---tan--500: #c0844f; --_themes---outline--low_em: var(--_palette---gray--100); --_themes---text--warning_em: var(--_palette---warning--700); --_themes---text--success_main: var(--_palette---success--600); --_palette---tan--300: #d6b588; --_themes---text--med_em: var(--_palette---gray--800); --_palette---tan--400: #cb9d6c; --_radius---border_radius_32: 2rem; --_palette---secondary--600: #d97106; --_palette---gray--25: #fafafa; --_palette---tan--50-2: #fbf8f1; --_palette---info--500: #3c93f7; --_themes---surface--warning_accent_1: var(--_palette---warning--50); --_themes---surface--surface_bg: var(--_palette---gray--25); --_radius---border_radius_0: 0rem; --_trigger---on: 0; --_trigger---off: 1; --_radius---border_radius_4: .25rem; --_radius---border_radius_6: .375rem; --_palette---primary--50: #eefbf6; --_themes---surface--black: var(--_palette---black--100); --_themes---surface--disabled_high_em: var(--_palette---gray--500); --_themes---surface--disabled_med_em: var(--_palette---gray--400); --_themes---surface--disabled_base_em: var(--_palette---gray--100); --_themes---surface--special_bg_neutral: var(--_palette---white--100); --_themes---surface--primary_accent_3: var(--_palette---primary--400); --_themes---surface--secondary_main: var(--_palette---secondary--500); --_themes---surface--secondary_accent_3: var(--_palette---secondary--400); --_themes---surface--secondary_accent_2: var(--_palette---secondary--200); --_themes---surface--secondary_accent_1: var(--_palette---secondary--50); --_themes---surface--warning_main: var(--_palette---warning--700); --_themes---surface--warning_accent_3: var(--_palette---warning--400); --_themes---surface--warning_accent_2: var(--_palette---warning--200); --_themes---surface--info_main: var(--_palette---info--500); --_themes---surface--info_accent_3: var(--_palette---info--400); --_themes---surface--info_accent_2: var(--_palette---info--200); --_themes---surface--info_accent_1: var(--_palette---info--50); --_themes---surface--success_main: var(--_palette---success--600); --_themes---surface--success_accent_3: var(--_palette---success--400); --_themes---surface--success_accent_2: var(--_palette---success--200); --_themes---surface--success_accent_1: var(--_palette---success--50); --_themes---surface--danger_main: var(--_palette---danger--500); --_themes---surface--danger_accent_3: var(--_palette---danger--400); --_themes---surface--danger_accent_2: var(--_palette---danger--200); --_themes---surface--danger_accent_1: var(--_palette---danger--50); --_themes---outline--none: transparent; --_themes---outline--base_em: var(--_palette---gray--50); --_palette---primary--100: #d7f4e7; --_palette---primary--200: #b2e8d3; --_palette---primary--300: #7fd6ba; --_themes---outline--high_em: var(--_palette---gray--300); --_palette---primary--400: #4abd9b; --_palette---primary--500: #2cb390; --_radius---border_radius_48: 3rem; --_themes---outline--black: var(--_palette---black--100); --_palette---primary--600: #198269; --_radius---border_radius_64: 4rem; --_themes---outline--neutral_alt_white: var(--_palette---white--100); --_palette---primary--700: #146856; --_radius---border_radius_100: 6.25rem; --_palette---primary--800: #125346; --_themes---outline--primary_high_em: var(--_palette---primary--500); --_palette---primary--900: #10443a; --_palette---primary--950: black; --_themes---outline--primary_med_em: var(--_palette---primary--400); --_palette---secondary--50: #fffcf2; --_themes---outline--primary_low_em: var(--_palette---primary--200); --_themes---outline--primary_base_em: var(--_palette---primary--100); --_palette---secondary--200: #fde28a; --_themes---outline--secondary_high_em: var(--_palette---secondary--500); --_palette---secondary--300: #fcce4d; --_themes---outline--secondary_med_em: var(--_palette---secondary--400); --_palette---secondary--400: #fbb824; --_themes---outline--secondary_low_em: var(--_palette---secondary--200); --_palette---secondary--500: #f5970b; --_themes---outline--secondary_base_em: var(--_palette---secondary--100); --_themes---outline--warning_high_em: var(--_palette---warning--500); --_palette---secondary--700: #b44e09; --_themes---outline--warning_med_em: var(--_palette---warning--400); --_palette---secondary--800: #923c0e; --_themes---outline--warning_low_em: var(--_palette---warning--200); --_palette---secondary--900: #78320f; --_themes---outline--warning_base_em: var(--_palette---warning--100); --_palette---gray--50: #f6f5f5; --_themes---outline--info_high_em: var(--_palette---info--500); --_palette---gray--100: #e8e6e5; --_themes---outline--info_med_em: var(--_palette---info--400); --_palette---gray--200: #d3d1ce; --_themes---outline--info_low_em: var(--_palette---info--200); --_palette---gray--300: #b4b0ac; --_themes---outline--info_base_em: var(--_palette---info--100); --_palette---gray--400: #8d8883; --_palette---gray--500: #736e67; --_themes---outline--success_high_em: var(--_palette---success--500); --_palette---gray--600: #625e58; --_themes---outline--success_med_em: var(--_palette---success--400); --_palette---gray--700: #524f4c; --_themes---outline--success_low_em: var(--_palette---success--200); --_palette---gray--800: #484642; --_themes---outline--success_base_em: var(--_palette---success--100); --_typography---text-large--letter-spacing: .02em; --_palette---gray--900: #3f3e3a; --_themes---outline--danger_high_em: var(--_palette---danger--500); --_palette---gray--950: #242424; --_palette---dark--50: #6d6d6d; --_themes---outline--danger_med_em: var(--_palette---danger--400); --_palette---dark--100: #636363; --_themes---outline--danger_low_em: var(--_palette---danger--200); --_palette---dark--200: #5a5a5a; --_themes---outline--danger_base_em: var(--_palette---danger--100); --_palette---dark--300: #505050; --_palette---dark--400: #464646; --_palette---dark--500: #3d3d3d; --_palette---dark--600: #333; --_themes---text--disabled: var(--_palette---gray--500); --_palette---dark--700: #292929; --_palette---dark--800: #1f1f1f; --_themes---text--black: var(--_palette---black--100); --_palette---dark--900: #131313; --_palette---dark--950: #0a0a0a; --_palette---white--4: #ffffff12; --_palette---white--7: #ffffff12; --_palette---white--12: #ffffff1f; --_themes---text--primary_main: var(--_palette---primary--500); --_palette---white--16: #ffffff29; --_themes---text--primary_med: var(--_palette---primary--300); --_themes---text--primary_base: var(--_palette---primary--100); --_palette---white--24: #ffffff3d; --_themes---text--secondary_em: var(--_palette---secondary--600); --_typography---text-overline--size: .6875rem; --_palette---white--32: #ffffff52; --_themes---text--secondary_main: var(--_palette---secondary--500); --_typography---text-overline--line-height: 1.6; --_palette---white--48: #ffffff7a; --_themes---text--info_em: var(--_palette---info--700); --_typography---text-overline--letter-spacing: .03em; --_palette---white--64: #ffffffa3; --_themes---text--info_main: var(--_palette---info--500); --_palette---white--76: #ffffffc2; --_themes---text--success_em: var(--_palette---success--900); --_palette---white--88: #ffffffe0; --_palette---black--4: #0000000a; --_themes---text--warning_main: var(--_palette---warning--800); --_palette---black--7: #00000012; --_themes---text--danger_main: var(--_palette---danger--500); --_palette---black--20: #0003; --_themes---effect--shadow_e0: #0000; --_palette---black--24: #0000003d; --_themes---effect--shadow_e1: var(--_palette---black--7); --_palette---black--32: #00000052; --_themes---effect--shadow_e2: var(--_palette---black--12); --_palette---black--48: #0000007a; --_themes---effect--shadow_e3: var(--_palette---black--16); --_palette---black--64: #000000a3; --_palette---black--76: #000000c2; --_palette---black--88: #000000e0; --_palette---black--100: black; --_palette---info--50: #e4f2fe; --_palette---info--100: #bdddfd; --_palette---info--200: #94c9fc; --_palette---info--300: #6cb3fa; --_palette---info--400: #50a3f9; --_palette---info--600: #3a85e8; --_palette---info--700: #3673d5; --_palette---info--800: #3362c2; --_palette---info--900: #2c43a3; --_palette---success--50: #ecfdf3; --_palette---success--100: #d1fadf; --_palette---success--200: #a6f4c5; --_palette---success--300: #6ce9a6; --_palette---success--400: #32d583; --_palette---success--500: #12b76a; --_palette---success--600: #039855; --_palette---success--700: #027a48; --_palette---success--800: #05603a; --_palette---success--900: #054f31; --_palette---warning--50: #fff8e1; --_palette---warning--100: #ffebb3; --_palette---warning--200: #fede82; --_palette---warning--300: #fed350; --_palette---warning--400: #fdc82c; --_palette---warning--500: #fdbe12; --_palette---warning--600: #fdb10c; --_palette---warning--700: #fc9e0b; --_palette---warning--800: #fc8d0b; --_palette---warning--900: #fb6e0a; --_palette---warning--950: #e56306; --_palette---danger--50: #fef2f2; --_palette---danger--100: #ffe1e1; --_palette---danger--200: #ffe0e0; --_palette---danger--300: #ffa9a9; --_palette---danger--400: #ff7373; --_palette---danger--500: #f03d3d; --z-index--modal: 999; --z-index--nav: 998; --_palette---danger--600: #de2424; --_palette---danger--700: #ba1b1b; --_palette---danger--800: #751d1d; --_palette---danger--900: #3f1e1e; --roundness--none\: 0px; --_palette---neutral-6\: #fafafa; --_palette---neutral-3\: #413e3e; --_palette---neutral-2\: #221f1f; --_palette---neutral-1\: #1b1818; --_palette---white\: #fff; --_themes---button--secondary-text\: var(--_themes---colors--text\); --_palette---neutral-5\: #aba9a9; } .w-embed-youtubevideo { background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg'); background-position: 50%; background-size: cover; width: 100%; padding-bottom: 0; padding-left: 0; padding-right: 0; position: relative; } .w-embed-youtubevideo:empty { min-height: 75px; padding-bottom: 56.25%; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } .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; } body { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); font-family: var(--_typography---body-font); color: var(--_themes---text--low_em); font-size: var(--_typography---text-medium--size); line-height: var(--_typography---text-medium--line-height); letter-spacing: var(--_typography---text-medium--letter-spacing); font-weight: 400; } h1 { color: var(--_themes---text--high_em); font-size: var(--_typography---h1--size); line-height: var(--_typography---h1--line-height); letter-spacing: var(--_typography---h1--letter-spacing); margin-top: 0; margin-bottom: 0; font-weight: 300; } h2 { color: var(--_themes---text--high_em); font-size: var(--_typography---h2--size); line-height: var(--_typography---h2--line-height); letter-spacing: var(--_typography---h2--letter-spacing); margin-top: 0; margin-bottom: 0; font-weight: 300; } h3 { color: var(--_themes---text--high_em); font-size: var(--_typography---h3--size); line-height: var(--_typography---h3--line-height); letter-spacing: var(--_typography---h3--letter-spacing); margin-top: 0; margin-bottom: 0; font-weight: 300; } h4 { color: var(--_themes---text--high_em); font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); letter-spacing: var(--_typography---h4--letter-spacing); margin-top: 0; margin-bottom: 0; font-weight: 300; } h5 { color: var(--_themes---text--high_em); font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); letter-spacing: var(--_typography---h5--letter-spacing); margin-top: 0; margin-bottom: 0; font-weight: 300; } h6 { color: var(--_themes---text--high_em); font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); letter-spacing: var(--_typography---h5--letter-spacing); margin-top: 0; margin-bottom: 0; font-weight: 300; } p { font-size: var(--_typography---text-medium--size); line-height: var(--_typography---text-medium--line-height); letter-spacing: var(--_typography---text-medium--letter-spacing); margin-bottom: 0; } a { color: inherit; text-decoration: none; } ul, ol { grid-row-gap: .5rem; flex-direction: column; margin-top: 0; margin-bottom: 0; padding-left: 1.8rem; display: flex; } img { max-width: 100%; display: inline-block; } label { margin-bottom: 0; font-weight: 400; display: block; } strong { color: var(--_themes---surface--neutral_alt_black); font-weight: 600; } blockquote { border-left: 5px solid var(--_themes---colors--accent\); margin-bottom: 0; padding: .75rem .75rem .75rem 1.25rem; font-size: 1.2rem; line-height: 1.5; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 5px; } .section { padding-top: var(--_sections---padding); padding-bottom: var(--_sections---padding); width: 100%; position: relative; } .section.cc-top-0 { padding-top: 0; } .section.cc-bottom-0 { padding-bottom: 0; } .section.cc-bottom-0.hide { display: none; } .section.cc-top-sm { padding-top: var(--_sections---padding-small); } .section.cc-bottom-sm { padding-bottom: var(--_sections---padding-small); } .section.cc-top-lg { padding-top: var(--_sections---padding-large); } .section.cc-bottom-lg { padding-bottom: var(--_sections---padding-large); } .section.cc-hero { padding-top: 5.625rem; padding-bottom: 2.5rem; } .section.cc-sm { padding-top: var(--_sections---padding-small); padding-bottom: var(--_sections---padding-small); } .section.cc-0 { padding-top: 0; padding-bottom: 0; } .section.cc-lg { padding-top: var(--_sections---padding-large); padding-bottom: var(--_sections---padding-large); } .section.ccmarketplace { background-color: var(--_themes---surface--neutral_alt_black); } .section.hide { display: none; } .section.bg { background-image: url('../images/Titans.png'); background-position: 50% 0; background-size: cover; } .container { max-width: var(--_sections---container--max-width); padding-right: var(--_sections---container--padding); padding-left: var(--_sections---container--padding); width: 100%; margin-left: auto; margin-right: auto; } .container.cc-10col { max-width: var(--_sections---container--max-width-10-col); } .container.cc-8col { max-width: var(--_sections---container--max-width-8-col); } .container.cc-6col { max-width: var(--_sections---container--max-width-6-col); } .image { object-fit: cover; width: 100%; height: 100%; } .image:where(.w-variant-811f123b-9c68-7ce4-a59f-63ee67e00514), .image.cc-contain { object-fit: contain; } .image-wrapper { align-self: flex-start; width: 100%; position: relative; overflow: hidden; } .image-wrapper:where(.w-variant-9d46a72f-725a-49ae-cd91-bb8768f6a31a) { aspect-ratio: 1; } .image-wrapper:where(.w-variant-77e2a0da-5692-0156-c269-25ad1717b39e) { aspect-ratio: 16 / 9; } .image-wrapper:where(.w-variant-6d1e7904-8222-95b7-64c1-8ca4f914201d) { aspect-ratio: 4 / 3; } .image-wrapper.cc-1x1 { aspect-ratio: 1; border-radius: var(--roundness--image\); } .image-wrapper.cc-4x3 { aspect-ratio: 4 / 3; } .image-wrapper.cc-16x9 { aspect-ratio: 16 / 9; } .grid-cols { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .grid-cols.cc-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-cols.cc-horizontal { grid-template-columns: 1fr; grid-auto-flow: column; } .title-wrapper { margin-bottom: 1rem; } .title-wrapper.cc-lg { margin-bottom: 2rem; } .title-wrapper.cc-sm { margin-bottom: .75rem; } .u-hide { display: none; } .css-selector { color: #fff; background-color: #3e6cff; border-radius: 4px; flex: none; padding: 5px 12px; font-size: .875rem; line-height: 1; display: inline-block; } .css-selector.cc-html { background-color: #ab53ae; } .css-selector.cc-attribute { background-color: #404040; } .css-selector.cc-component { background-color: #00a65a; } .sg-element { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: minmax(160px, .25fr) 1fr minmax(280px, .5fr); grid-auto-columns: 1fr; grid-auto-flow: row; align-items: start; padding-top: 40px; padding-bottom: 40px; display: grid; } .sg-element.cc-even-sides { grid-template-columns: .5fr 1fr .5fr; justify-content: center; } .sg-element.cc-bigger-details { grid-template-columns: .5fr .5fr 1fr; } .css-selectors-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column wrap; align-items: flex-start; display: flex; } .css-group { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-wrap: wrap; display: flex; } .text-h1 { font-size: var(--_typography---h1--size); line-height: var(--_typography---h1--line-height); letter-spacing: var(--_typography---h1--letter-spacing); font-weight: 300; } .text-h2 { font-size: var(--_typography---h2--size); line-height: var(--_typography---h2--line-height); letter-spacing: var(--_typography---h2--letter-spacing); font-weight: 300; } .text-h3 { font-size: var(--_typography---h3--size); line-height: var(--_typography---h3--line-height); letter-spacing: var(--_typography---h3--letter-spacing); font-weight: 300; } .text-h4 { font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); letter-spacing: var(--_typography---h4--letter-spacing); font-weight: 300; } .text-h5 { font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); letter-spacing: var(--_typography---h5--letter-spacing); font-weight: 300; } .text-h6 { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); letter-spacing: var(--_typography---h6--letter-spacing); font-weight: 300; } .text-wrapper.cc-max-720 { max-width: 45rem; } .text-wrapper.cc-align-center { text-align: center; flex-direction: column; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .text-wrapper.cc-max-320 { max-width: 20rem; } .text-md { font-size: var(--_typography---text-medium--size); line-height: var(--_typography---text-large--line-height); letter-spacing: var(--_typography---text-medium--letter-spacing); } .text-lg { font-size: var(--_typography---text-large--size); line-height: var(--_typography---text-large--line-height); letter-spacing: var(--_typography---text-medium--letter-spacing); } .text-sm { font-size: var(--_typography---text-small--size); line-height: var(--_typography---text-small--line-height); letter-spacing: var(--_typography---text-small--letter-spacing); } .text-xs { font-size: var(--_typography---text-xsmall--size); line-height: var(--_typography---text-xsmall--line-height); letter-spacing: var(--_typography---text-xsmall--letter-spacing); } .sg-square { grid-column-gap: 16px; grid-row-gap: 16px; border: 1px solid var(--_themes---colors--stroke\); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 120px; height: 120px; display: grid; } .sg-details-box { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--_themes---colors--stroke\); border-radius: var(--roundness--cards\); flex-direction: column; padding: 1.25rem; display: flex; } .sg-topic { margin-bottom: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .sg-wrapper { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; grid-template-rows: auto; grid-template-columns: minmax(max-content, 17.5rem) 1fr; grid-auto-columns: 1fr; display: grid; } .sg-wrapper.cc-nav { align-items: center; } .sg-side { width: 17.5rem; max-width: 280px; position: relative; } .sg-side_nav { grid-row-gap: 2rem; border: 1px solid var(--_themes---colors--stroke\); border-radius: var(--roundness--cards\); background-color: var(--_themes---colors--surface-2\); flex-direction: column; max-height: 85vh; padding: 2.5rem 2rem; display: flex; position: sticky; top: 8rem; overflow: auto; } .sg-subfolder { flex-direction: column; align-items: flex-start; } .sg-side_nav-sub-link { border-left: 1px solid var(--_themes---colors--stroke\); color: #767474; padding: .13rem 4px .13rem 2rem; text-decoration: none; transition: border-color .2s, color .2s, padding-left .2s; display: block; position: relative; } .sg-side_nav-sub-link:hover { color: var(--_themes---colors--text\); padding-left: 2.3rem; } .sg-side_nav-sub-link.w--current { border-left: 1px solid var(--_themes---colors--accent\); color: var(--_themes---colors--text\); } .u-bg-dark { background-color: var(--_themes---colors--surface\); color: var(--_themes---colors--text\); --_themes---surface--surface_0: var(--_palette---dark--950); --_themes---text--low_em: var(--_palette---white--48); --_themes---text--high_em: var(--_palette---white--100); --_themes---surface--neutral_alt_black: var(--_palette---white--100); --_themes---colors--accent\: var(--_palette---blue\); --_themes---colors--stroke\: var(--_palette---neutral-3\); --_themes---colors--surface-2\: var(--_palette---neutral-2\); --_themes---colors--text\: var(--_palette---white\); --_themes---colors--surface\: var(--_palette---neutral-1\); --_themes---surface--surface_2: var(--_palette---dark--800); --_themes---surface--neutral_alt_white: var(--_palette---black--100); --_themes---transparent: transparent; --_themes---surface--surface_3: var(--_palette---dark--700); --_themes---surface--primary_accent_1: var(--_palette---primary--950); --_themes---surface--primary_accent_2: var(--_palette---primary--900); --_themes---button--secondary-hover-border\: var(--_themes---colors--stroke\); --_themes---button--secondary-hover-background\: #ffffff0d; --_themes---button--secondary-hover-text\: var(--_themes---button--secondary-text\); --_themes---surface--surface_high_em: var(--_palette---white--100); --_themes---colors--text-muted\: var(--_palette---neutral-5\); --_themes---text--neutral_alt_black: var(--_palette---white--100); --_themes---gradient-1--start-color\: #3e6cff; --_themes---gradient-1--end-color\: #cd3eff; --_themes---gradient-2--start-color\: #ff9b3e; --_themes---gradient-2--end-color\: #ff3e3e; --_themes---surface--surface_4: var(--_palette---dark--600); --_themes---surface--surface_1: var(--_palette---dark--900); --_themes---main: var(--_palette---white--100); --_themes---surface--disabled_low_em: var(--_palette---white--20); --_themes---text--white: var(--_palette---white--100); --_themes---surface--white: var(--_palette---dark--950); --_themes---text--primary_em: var(--_palette---primary--300); --_themes---outline--white: var(--_palette---white--100); --_themes---outline--med_em: var(--_palette---white--20); --_themes---surface--primary_main: var(--_palette---primary--500); --_themes---text--neutral_alt_white: var(--_palette---black--100); --_themes---outline--neutral_alt_black: var(--_palette---white--100); --_themes---text--danger_em: var(--_palette---danger--600); --_themes---outline--low_em: var(--_palette---white--12); --_themes---text--warning_em: var(--_palette---warning--300); --_themes---text--success_main: var(--_palette---success--400); --_themes---text--med_em: var(--_palette---white--76); --_themes---surface--warning_accent_1: var(--_palette---warning--950); --_themes---surface--surface_bg: var(--_palette---black--100); --_themes---surface--black: var(--_palette---black--100); --_themes---surface--disabled_high_em: var(--_palette---white--32); --_themes---surface--disabled_med_em: var(--_palette---white--24); --_themes---surface--disabled_base_em: var(--_palette---white--16); --_themes---surface--special_bg_neutral: var(--_palette---dark--900); --_themes---surface--primary_accent_3: var(--_palette---primary--600); --_themes---surface--secondary_main: var(--_palette---secondary--400); --_themes---surface--secondary_accent_3: var(--_palette---secondary--600); --_themes---surface--secondary_accent_2: var(--_palette---white--16); --_themes---surface--secondary_accent_1: var(--_palette---white--16); --_themes---surface--warning_main: var(--_palette---warning--500); --_themes---surface--warning_accent_3: var(--_palette---warning--600); --_themes---surface--warning_accent_2: var(--_palette---warning--900); --_themes---surface--info_main: var(--_palette---info--300); --_themes---surface--info_accent_3: var(--_palette---info--600); --_themes---surface--info_accent_2: var(--_palette---info--900); --_themes---surface--info_accent_1: var(--_palette---info--900); --_themes---surface--success_main: var(--_palette---success--500); --_themes---surface--success_accent_3: var(--_palette---success--600); --_themes---surface--success_accent_2: var(--_palette---success--900); --_themes---surface--success_accent_1: var(--_palette---success--900); --_themes---surface--danger_main: var(--_palette---danger--500); --_themes---surface--danger_accent_3: var(--_palette---danger--600); --_themes---surface--danger_accent_2: var(--_palette---danger--900); --_themes---surface--danger_accent_1: var(--_palette---danger--900); --_themes---outline--none: transparent; --_themes---outline--base_em: var(--_palette---white--7); --_themes---outline--high_em: var(--_palette---white--32); --_themes---outline--black: var(--_palette---black--100); --_themes---outline--neutral_alt_white: var(--_palette---black--100); --_themes---outline--primary_high_em: var(--_palette---primary--300); --_themes---outline--primary_med_em: var(--_palette---primary--600); --_themes---outline--primary_low_em: var(--_palette---primary--800); --_themes---outline--primary_base_em: var(--_palette---primary--900); --_themes---outline--secondary_high_em: var(--_palette---secondary--500); --_themes---outline--secondary_med_em: var(--_palette---secondary--400); --_themes---outline--secondary_low_em: var(--_palette---secondary--200); --_themes---outline--secondary_base_em: var(--_palette---secondary--100); --_themes---outline--warning_high_em: var(--_palette---warning--300); --_themes---outline--warning_med_em: var(--_palette---warning--600); --_themes---outline--warning_low_em: var(--_palette---warning--800); --_themes---outline--warning_base_em: var(--_palette---warning--900); --_themes---outline--info_high_em: var(--_palette---info--300); --_themes---outline--info_med_em: var(--_palette---info--600); --_themes---outline--info_low_em: var(--_palette---info--800); --_themes---outline--info_base_em: var(--_palette---info--900); --_themes---outline--success_high_em: var(--_palette---success--300); --_themes---outline--success_med_em: var(--_palette---success--600); --_themes---outline--success_low_em: var(--_palette---success--800); --_themes---outline--success_base_em: var(--_palette---success--900); --_themes---outline--danger_high_em: var(--_palette---danger--300); --_themes---outline--danger_med_em: var(--_palette---danger--600); --_themes---outline--danger_low_em: var(--_palette---danger--800); --_themes---outline--danger_base_em: var(--_palette---danger--900); --_themes---text--disabled: var(--_palette---white--32); --_themes---text--black: var(--_palette---white--100); --_themes---text--primary_main: var(--_palette---primary--400); --_themes---text--primary_med: var(--_palette---primary--700); --_themes---text--primary_base: var(--_palette---primary--900); --_themes---text--secondary_em: var(--_palette---secondary--100); --_themes---text--secondary_main: var(--_palette---secondary--400); --_themes---text--info_em: var(--_palette---info--300); --_themes---text--info_main: var(--_palette---info--400); --_themes---text--success_em: var(--_palette---success--300); --_themes---text--warning_main: var(--_palette---warning--400); --_themes---text--danger_main: var(--_palette---danger--500); --_themes---effect--shadow_e0: #0000; --_themes---effect--shadow_e1: var(--_palette---black--7); --_themes---effect--shadow_e2: var(--_palette---black--12); --_themes---effect--shadow_e3: var(--_palette---black--16); --_themes---button--secondary-text\: var(--_themes---colors--text\); } .sg-folder { flex-direction: column; align-items: flex-start; } .text-clip-bg { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } .code { background-color: var(--_themes---colors--stroke\); color: var(--_themes---colors--text\); letter-spacing: .04rem; border-radius: 4px; padding-left: .5rem; padding-right: .5rem; } .sg-outer-spacer { margin: 10px; } .u-font-secondary { font-family: var(--_typography---secondary-font); } .u-font-body { font-family: var(--_typography---body-font); } .u-font-regular { font-weight: 400; } .u-font-bold { font-weight: 700; } .u-font-italic { font-style: italic; } .u-text-underline { text-decoration: underline; } .u-text-left { text-align: left; } .u-text-center { text-align: center; } .u-text-right { text-align: right; } .u-text-strike { text-decoration: line-through; } .u-text-uppercase { text-transform: uppercase; } .u-text-capitalize { text-transform: capitalize; } .u-text-lowercase { text-transform: lowercase; } .u-text-no-wrap { white-space: nowrap; } .column { position: relative; } .column.cc-py-1 { padding-top: 1rem; padding-bottom: 1rem; } .page { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_2); overflow: clip; } .page._2 { border-radius: 0; } .button { grid-column-gap: .5rem; border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--neutral_alt_white); color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-small--size); text-align: center; letter-spacing: .035em; cursor: pointer; border-style: solid; border-width: 1px; justify-content: center; align-items: center; padding: .625rem 1rem; font-weight: 600; line-height: 1.2; text-decoration: none; transition: color .2s, background-color .2s; display: flex; } .button:where(.w-variant-968441c1-b8dc-f118-b928-54fbfb1b4e29) { border: 1px solid var(--_themes---surface--neutral_alt_black); background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); } .button:where(.w-variant-b20611df-9443-f4d0-74ac-d90a421984ed) { font-size: var(--_typography---text-large--size); padding: .75rem 1.5rem; } .button:where(.w-variant-34865302-caac-9222-4f80-34a743fd6c1d) { border: 1px solid var(--_themes---surface--neutral_alt_black); background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); font-size: var(--_typography---text-large--size); padding: .75rem 1.5rem; } .button:where(.w-variant-0df347fc-0096-d14a-2783-093a61f15bb1) { border: 1px solid var(--_themes---transparent); background-color: var(--_themes---transparent); color: var(--_themes---surface--neutral_alt_black); } .button:where(.w-variant-e09c0193-f5c9-4c77-c977-d9d676253f0e) { border: 1px solid var(--_themes---surface--surface_3); background-color: var(--_themes---surface--surface_3); color: var(--_themes---surface--neutral_alt_black); } .button:where(.w-variant-70f83875-4143-9db6-90a0-62ac6aa4b736) { border: 1px solid var(--_themes---surface--neutral_alt_black); background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); font-size: var(--_typography---text-large--size); line-height: 1.5; } .button:hover { border-color: var(--_themes---surface--primary_accent_1); background-color: var(--_themes---surface--primary_accent_2); } .button:hover:where(.w-variant-968441c1-b8dc-f118-b928-54fbfb1b4e29), .button:hover:where(.w-variant-34865302-caac-9222-4f80-34a743fd6c1d), .button:hover:where(.w-variant-0df347fc-0096-d14a-2783-093a61f15bb1), .button:hover:where(.w-variant-e09c0193-f5c9-4c77-c977-d9d676253f0e), .button:hover:where(.w-variant-70f83875-4143-9db6-90a0-62ac6aa4b736) { border-color: var(--_themes---button--secondary-hover-border\); background-color: var(--_themes---button--secondary-hover-background\); color: var(--_themes---button--secondary-hover-text\); } .button.cc-secondary { background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); align-items: center; } .button.cc-secondary:hover { border-color: var(--_themes---surface--surface_high_em); background-color: var(--_themes---surface--surface_high_em); } .button.cc-secondary.cc-large { font-size: var(--_typography---text-large--size); } .button.cc-small { padding: var(--button--small-vertical-padding\) var(--button--small-horizontal-padding\); } .button.tertiary { border: 1px solid var(--_themes---surface--surface_3); background-color: var(--_themes---surface--surface_3); color: var(--_themes---surface--neutral_alt_black); } .button.tertiary:hover { border-color: var(--_themes---button--secondary-hover-border\); background-color: var(--_themes---button--secondary-hover-background\); color: var(--_themes---button--secondary-hover-text\); } .button.cc-large { font-size: var(--_typography---text-large--size); } .button.cc-clear { font-size: var(--_typography---text-large--size); font-weight: 500; } .cta-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-wrap: wrap; display: flex; } .cta-wrapper.cc-center { justify-content: center; } .icon { width: var(--icon--medium); height: var(--icon--medium); } .icon.cc-sm { width: var(--icon--small); height: var(--icon--small); } .icon.cc-lg { width: var(--icon--large); height: var(--icon--large); } .info-layout { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .link { grid-column-gap: .25rem; align-items: center; display: flex; } .u-align-center { margin-left: auto; margin-right: auto; } .rich-text h1 { margin-top: 2rem; margin-bottom: 1.5rem; } .rich-text h2 { margin-top: 2rem; margin-bottom: 1rem; } .rich-text p { margin-bottom: 1rem; } .rich-text h6 { margin-top: 1rem; margin-bottom: 1rem; } .rich-text h5, .rich-text h4, .rich-text h3 { margin-top: 1.5rem; margin-bottom: 1rem; } .rich-text ul { color: var(--_themes---colors--text-muted\); margin-bottom: 1rem; } .rich-text ol { color: var(--_themes---colors--text-muted\); } .rich-text blockquote { color: var(--_themes---colors--text-muted\); margin-top: 2rem; margin-bottom: 2rem; } .rich-text figure { margin-bottom: 1.5rem; } .form { grid-row-gap: 1rem; flex-direction: column; display: flex; } .input { border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_12); color: var(--_themes---text--neutral_alt_black); font-size: var(--_typography---text-medium--size); background-color: #0000; height: auto; min-height: 3rem; margin-bottom: 0; padding: .5rem .75rem; font-weight: 500; } .input:focus { border: 1px solid var(--_palette---blue\); } .input::placeholder { color: var(--_themes---colors--text-muted\); } .input.cc-text-area { min-height: 7.5rem; margin-bottom: 0; } .input.cc-select { color: var(--_themes---colors--text\); background-image: url('../images/chevron-down_white.svg'); background-position: 98%; background-repeat: no-repeat; background-size: auto; } .input.is-v2 { font-family: var(--_typography---tertiary); } .input-field { grid-row-gap: .25rem; flex-direction: column; flex: 1; display: flex; } .checkbox-field { align-items: center; margin-bottom: 0; padding-left: 0; display: flex; } .checkbox { width: 1.25rem; height: 1.25rem; margin-top: 0; margin-left: 0; margin-right: .5rem; } .checkbox.w--redirected-checked { background-color: var(--_palette---blue\); background-image: url('../images/check-icon_24px.svg'); } .checkbox.w--redirected-focus { box-shadow: none; } .radio { width: 1.25rem; height: 1.25rem; margin-top: 0; margin-left: 0; margin-right: .5rem; } .radio.w--redirected-checked { border-width: 5px; border-color: var(--_palette---blue\); background-color: var(--_themes---colors--text\); } .radio.w--redirected-focus { box-shadow: none; } .radio-field { align-items: center; margin-bottom: 0; padding-left: 0; display: flex; } .form_group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; display: flex; } .sg-side_nav-parent-link { color: var(--_themes---colors--text\); margin-bottom: .75rem; text-decoration: none; transition: color .2s; position: relative; } .sg-side_nav-parent-link:hover { color: var(--_themes---colors--accent\); } .sg-side_nav-link { border-left: 1px solid var(--_themes---colors--stroke\); color: #767474; padding: .13rem 4px .13rem 1rem; text-decoration: none; transition: color .2s; display: block; position: relative; } .sg-side_nav-link:hover, .sg-side_nav-link.w--current { color: var(--_themes---colors--text\); } .sg-side_nav-link.cc-no-sublinks.w--current { border-left-color: var(--_themes---colors--accent\); } .text-xl { font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); letter-spacing: var(--_typography---text-xlarge--letter-spacing); } .sg-nav { z-index: 99999; background-color: var(--_themes---colors--surface\); align-items: center; width: 100%; padding-top: 2.25rem; padding-bottom: 2.25rem; display: flex; position: sticky; top: 0; } .sg-logo { color: var(--_themes---colors--accent\); } .sg-nav_menu { grid-column-gap: 3rem; align-items: center; display: flex; } .sg-nav_link { opacity: .4; color: var(--_themes---colors--text\); text-decoration: none; transition: color .2s, opacity .2s; } .sg-nav_link:hover, .sg-nav_link.w--current, .sg-nav_link.cc-right { opacity: 1; } .sg-theme { cursor: pointer; border-radius: 999px; margin-left: auto; display: flex; } .sg-theme.cc-mobile { display: none; } .u-bg-surface { background-color: var(--_themes---surface--surface_0); } .u-bg-surface-2 { background-color: #fafafa; } .u-bg-accent { background-color: var(--_themes---colors--accent\); } .u-bg-text { background-color: var(--_themes---colors--text\); } .u-bg-stroke { background-color: var(--_themes---colors--stroke\); } .u-bg-text-muted { background-color: var(--_themes---colors--text-muted\); } .sg-padding { height: var(--_sections---padding); border-bottom: 1px solid var(--_themes---colors--accent\); pointer-events: none; background-color: #3e6cff1f; position: absolute; top: 0; left: 0; right: 0; } .sg-padding.cc-bottom { border-top: 1px solid var(--_themes---colors--accent\); border-bottom-style: none; top: auto; bottom: 0; } .sg-padding.cc-0 { height: 0; } .sg-padding.cc-sm { height: var(--_sections---padding-small); } .sg-padding.cc-lg { height: var(--_sections---padding-large); } .sg-padding.cc-container { border-right: 1px solid var(--_themes---colors--accent\); border-bottom-style: none; width: 2.5rem; height: 100%; } .sg-padding.cc-container.cc-right { border-left: 1px solid var(--_themes---colors--accent\); border-right-style: none; left: auto; } .u-text-muted { color: var(--_themes---colors--text-muted\); } .u-text-main { color: var(--_themes---colors--text\); } .u-text-surface { color: var(--_themes---colors--surface\); } .u-text-surface-2 { color: var(--_themes---colors--surface-2\); } .u-text-accent { color: var(--_themes---colors--accent\); } .u-text-stroke { color: var(--_themes---colors--stroke\); } .u-height-full { height: 100%; } .u-opacity-50 { opacity: .5; } .card { border: 1px solid var(--_themes---colors--stroke\); border-radius: var(--roundness--cards\); background-color: var(--_themes---colors--surface-2\); padding: 1.5rem; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .spacer-tablet, .spacer-landscape, .spacer-mobile { display: none; } .u-height-screen { height: 100vh; } .u-width-full { width: 100%; } .spacer { opacity: 0; } .u-mt-auto { margin-top: auto; } .u-opacity-0 { opacity: 0; } .u-stroke-accent { border: 1px solid var(--_themes---colors--accent\); } .u-stroke-text { border: 1px solid var(--_themes---colors--text\); } .u-stroke { border: 1px solid var(--_themes---colors--stroke\); } .u-rounded { border-radius: var(--roundness--medium\); } .u-rounded-lg { border-radius: var(--roundness--large\); } .u-rounded-sm { border-radius: var(--roundness--small\); } .u-rounded-full { border-radius: var(--roundness--full\); } .u-gradient-1 { background-image: linear-gradient(135deg, var(--_themes---gradient-1--start-color\), var(--_themes---gradient-1--end-color\)); } .u-gradient-2 { background-image: linear-gradient(135deg, var(--_themes---gradient-2--start-color\), var(--_themes---gradient-2--end-color\)); } .u-mr-auto { margin-right: auto; } .u-mb-auto { margin-bottom: auto; } .u-ml-auto { margin-left: auto; } .u-relative { position: relative; } .u-z--1 { z-index: -1; } .u-z-1 { z-index: 1; } .u-z-top { z-index: var(--z-index--other); } .text-display { font-size: var(--_typography---display--size); line-height: var(--_typography---display--line-height); letter-spacing: var(--_typography---display--letter-spacing); font-weight: 300; } .u-font-medium { font-weight: 500; } .u-font-semibold { font-weight: 600; } .u-font-light { font-weight: 300; } .home_hero_wrap { position: relative; } .eyebrow { grid-column-gap: .3125rem; grid-row-gap: .3125rem; border-radius: var(--_radius---border_radius_full); color: var(--_themes---text--neutral_alt_black); text-transform: uppercase; flex-flow: row; justify-content: center; align-items: center; padding: .1875rem .3125rem; display: flex; position: relative; overflow: hidden; } .eyebrow_icon { flex: none; width: 1rem; height: 1rem; display: block; } .home_hero_top { grid-column-gap: .625rem; grid-row-gap: .625rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .u-svg { width: 100%; height: 100%; overflow: visible; } .home_hero_heading { color: var(--_themes---text--neutral_alt_black); } .u-text-black { color: var(--_themes---surface--neutral_alt_black); } .home_hero_subtitle { max-width: 42ch; } .home_hero_middle { width: 100%; max-width: 44.375rem; margin-bottom: 2.875rem; margin-left: auto; margin-right: auto; } .explore_form-block { margin-top: 2.5rem; margin-bottom: .25rem; } .explore_form-block.cc-top { flex: 1; margin-top: 0; margin-bottom: 0; } .explore_form { border-radius: var(--_radius---border_radius_24); background-image: linear-gradient(90deg, #fe5d1233, #2f0ae433); padding: .3125rem .3125rem .75rem; } .explore_form.cc-top { background-image: none; padding: 0; } .explore_button { border: 1px solid var(--_themes---surface--surface_4); border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_1); color: var(--_themes---text--neutral_alt_black); font-size: var(--_typography---text-medium--size); text-align: center; letter-spacing: .03em; padding: .625rem 1rem .625rem 1.25rem; font-weight: 600; } .explore_button.cc-top { background-color: var(--_themes---surface--surface_0); padding: .5rem .75rem .5rem 1rem; } .explore_layout { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_1); justify-content: flex-start; align-items: center; padding: .75rem .625rem .75rem 1.25rem; display: flex; } .explore_layout.cc-top { border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_0); padding: .5rem .5rem .5rem 1.25rem; } .explore_input { background-color: var(--_themes---surface--surface_1); font-size: var(--_typography---text-large--size); border: 1px #000; height: auto; margin-bottom: 0; padding: 0; } .explore_input.cc-top { background-color: var(--_themes---surface--surface_0); } .explore_explanation { margin-top: 10px; margin-left: 19px; font-weight: 500; } .home_hero_bottom { flex-flow: column; justify-content: flex-start; align-items: center; padding-top: 4.625rem; display: flex; position: relative; } .home_hero_dashboard { width: 63%; position: relative; } .home_hero_bg { object-fit: contain; width: 100%; height: 100%; position: absolute; inset: auto auto 0%; } .home_hero_star-1 { width: 1.625rem; position: absolute; inset: 1.875rem auto auto 1.875rem; } .home_hero_star-2 { width: 1.625rem; position: absolute; inset: 34% 1.875rem auto auto; } .navbar { padding-top: 1.25rem; padding-left: .625rem; padding-right: .625rem; } .navbar:where(.w-variant-1f70fd71-7b3b-ac27-b1a5-d46c6e626c37) { padding-top: 0; } .navbar:where(.w-variant-db8eb7bf-0a91-a2c4-d63d-b0064df35336) { position: absolute; inset: 0% 0% auto; } .nav_component { max-width: var(--_sections---container--max-width); border: 1px solid var(--_palette---white--40); border-radius: var(--_radius---border_radius_24); background-color: var(--_palette---white--20); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: 100%; margin-left: auto; margin-right: auto; padding: .625rem .875rem; } .nav_component:where(.w-variant-1f70fd71-7b3b-ac27-b1a5-d46c6e626c37) { z-index: 99; } .nav_logo { color: var(--_themes---main); width: 8.375rem; padding-left: 0; } .nav_container { padding-right: var(--_sections---container--padding); padding-left: var(--_sections---container--padding); grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: space-between; align-items: center; display: flex; } .nav_menu { flex: 1; } .nav_menu_layout { justify-content: space-between; align-items: center; display: flex; } .nav_menu_layout.is-minimal { justify-content: flex-end; align-items: center; } .nav_link { color: var(--_themes---text--high_em); margin-left: 0; margin-right: 0; padding: .3125rem .4375rem; } .home_growth_wrap { grid-column-gap: 3.125rem; grid-row-gap: 2.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .home_growth_content-top { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: stretch; margin-bottom: 1.5rem; display: flex; } .home_growth_heading { max-width: 14ch; } .home_growth_text { max-width: 47ch; } .list-main { padding-left: 0; list-style-type: none; } .list_main_item { grid-column-gap: .75rem; grid-row-gap: .75rem; border-radius: var(--_radius---border_radius_10); background-color: var(--_palette---white--70); box-shadow: 0 1px 3px -1px var(--_palette---black--16); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); justify-content: flex-start; align-items: center; padding: .75rem; font-weight: 500; display: flex; } .list_main_item:where(.w-variant-dd71ae96-1778-20cf-fa4b-b7382fc42399) { border: 1px solid var(--_themes---surface--disabled_low_em); background-color: var(--_themes---surface--neutral_alt_white); box-shadow: none; font-weight: 400; } .list_main_item:where(.w-variant-6f8ec4ba-74db-f7dc-259a-74fd98701f4b) { border: 1px solid var(--_palette---tan--200); box-shadow: none; } .list_main_item:where(.w-variant-1de2c010-4373-83ba-6195-757fc28a03ae) { border: 1px solid var(--_palette---tan--200); box-shadow: none; font-weight: 600; } .list_main_icon { flex: none; width: 1.5rem; height: 1.5rem; display: block; } .home_growth_image { aspect-ratio: 6.4 / 4.5; border-radius: var(--_radius---border_radius_20); box-shadow: 0 18px 32px -8px var(--_palette---black--12); object-fit: cover; width: 100%; } .divider_wrap { justify-content: center; align-items: center; display: flex; position: absolute; inset: auto 0% -1.625rem; } .divider_star { width: 3.375rem; height: 3.25rem; } .u-bg-white { background-color: var(--_themes---surface--neutral_alt_white); } .u-bg-white.hide { display: none; } .home_tiers_top { grid-column-gap: .75rem; grid-row-gap: .75rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .home_tiers_text { max-width: 55ch; } .home_tiers_bottom { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-top: 42px; display: flex; } .home_tiers_bottom-text { color: var(--_themes---text--neutral_alt_black); font-size: var(--_typography---text-xlarge--size); letter-spacing: .025em; font-weight: 700; } .button-two { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-small--size); letter-spacing: .035em; justify-content: flex-start; align-items: center; font-weight: 600; line-height: 1.2; display: flex; } .button-two:where(.w-variant-b9a3a221-68dd-bcb2-f5e3-29eec57ae498) { padding-left: 9px; } .button-two_big { border: 1px solid var(--_themes---surface--neutral_alt_black); border-radius: var(--_radius---border_radius_full); justify-content: flex-start; align-items: center; height: 2rem; padding: .5rem 1rem; display: flex; } .button-two_big:where(.w-variant-b9a3a221-68dd-bcb2-f5e3-29eec57ae498), .button-two_big.dark-2 { border-radius: var(--_radius---border_radius_12) var(--_radius---border_radius_10) var(--_radius---border_radius_10) var(--_radius---border_radius_12); background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---text--white); } .button-two_circle { border: 1px solid var(--_themes---surface--neutral_alt_black); border-radius: var(--_radius---border_radius_full); flex-flow: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .button-two_circle:where(.w-variant-b9a3a221-68dd-bcb2-f5e3-29eec57ae498), .button-two_circle.dark-3 { border-radius: var(--_radius---border_radius_10) var(--_radius---border_radius_12) var(--_radius---border_radius_12) var(--_radius---border_radius_10); background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); } .button-two_arrow { width: 1rem; height: 1rem; display: block; } .home_tiers_middle { padding-top: 3.125rem; padding-bottom: 3.125rem; } .home_tiers_image { width: 100%; max-width: 72rem; margin-left: auto; margin-right: auto; } .home_connect_wrap { grid-column-gap: 3.125rem; grid-row-gap: 2.5rem; border: 1px solid var(--_themes---surface--surface_4); border-radius: var(--_radius---boder_radius_30); background-image: linear-gradient(99deg, var(--_themes---surface--white) 60%, #edd6a133 99%); grid-template-rows: auto; grid-template-columns: 1.27fr 1fr; grid-auto-columns: 1fr; align-items: center; padding: 2.5rem; display: grid; } .home_connect_chart { border: 2px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_24); overflow: hidden; } .home_connect_chart-image { width: 100%; } .home_connect_top { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .home_connect_heading { max-width: 16ch; } .home_connect_top-text { max-width: 57ch; } .home_connect_tags { grid-column-gap: .375rem; grid-row-gap: .375rem; text-transform: uppercase; justify-content: flex-start; align-items: center; display: flex; } .home_connect_tag { border-radius: var(--_radius---border_radius_full); color: var(--_themes---text--neutral_alt_black); font-size: var(--_typography---text-small--size); line-height: var(--_typography---text-small--line-height); letter-spacing: var(--_typography---text-small--letter-spacing); text-transform: uppercase; background-color: #94c9fc66; padding: .375rem .625rem; font-weight: 500; } .home_connect_tag.cc-green { background-color: #b2e8d366; } .home_connect_tag.cc-orange { background-color: #fde28a66; } .home_connect_bottom { grid-column-gap: .875rem; grid-row-gap: .875rem; flex-flow: column; margin-top: 2.5rem; display: flex; } .home_connect_bottom-text { max-width: 57ch; } .home_reviews_top { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 3.125rem; display: flex; } .home_reviews_list { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; max-height: 47rem; display: grid; position: relative; overflow: hidden; } .home_reviews_column { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; display: flex; } .reviews_card { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border: 1px solid var(--_themes---surface--surface_4); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--neutral_alt_white); flex-flow: column; padding: 1.25rem 1.5rem; display: flex; } .reviews_text { color: var(--_themes---text--neutral_alt_black); font-size: var(--_typography---h6--size); line-height: 1.5; } .reviews_bottom { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: space-between; align-items: center; display: flex; } .reviews_image-wrap { border-radius: var(--_radius---border_radius_12); flex: none; width: 3rem; height: 3rem; overflow: hidden; } .reviews_name { color: var(--_themes---text--neutral_alt_black); font-size: var(--_typography---text-large--size); letter-spacing: .03em; font-weight: 700; } .reviews_image { width: 100%; height: 100%; } .home_reviews_blur { z-index: 1; filter: blur(10px); background-color: #fffc; height: 20%; position: absolute; inset: auto 0% -1rem; } .cta_wrap { grid-column-gap: 1.875rem; grid-row-gap: 1.875rem; border: 4px solid var(--_palette---tan--100); border-radius: var(--_radius---boder_radius_30); background-color: var(--_themes---surface--surface_0); text-align: center; background-image: url('../images/cta_bg.svg'); background-position: 50%; background-size: cover; flex-flow: column; justify-content: flex-start; align-items: center; padding: 5rem 2.5rem; display: flex; } .home_reviews_text { max-width: 49ch; } .home_reviews_buttons { grid-row-gap: .75rem; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .cta_bottom-note { color: var(--_themes---text--high_em); font-weight: 700; } .cta_bottom-text { color: var(--_themes---text--high_em); } .cta_star { background-image: url('../images/star-blue.svg'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 1rem; height: 1rem; margin-left: .25em; margin-right: .25em; display: inline-block; position: relative; bottom: -3px; } .footer_wrap { grid-column-gap: 0rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 2.2fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; padding-left: 1.625rem; padding-right: 1.625rem; display: grid; } .footer_left { grid-column-gap: .875rem; grid-row-gap: .875rem; border: 1px solid var(--_palette---tan--100); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--neutral_alt_white); flex-flow: column; flex: 0 auto; max-width: 24.5rem; min-height: 15.125rem; padding: .875rem; display: flex; } .footer_logo { color: var(--_themes---text--neutral_alt_black); width: 50%; } .form_block { margin-bottom: 0; } .footer_right { flex-flow: column; flex: 1; justify-content: space-between; display: flex; } .footer_right_top { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .form_right_bottom { grid-column-gap: 1.875rem; grid-row-gap: 1rem; flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .footer_right_heading { color: var(--_themes---text--high_em); font-size: var(--_typography---h6--size); text-transform: uppercase; margin-bottom: .625rem; font-weight: 700; } .footer_list { grid-row-gap: .3125rem; padding-left: 0; list-style-type: none; } .footer_link { font-size: var(--_typography---text-large--size); } .footer_socials { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; margin-top: .875rem; display: flex; } .footer_social_link { aspect-ratio: 1; border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_full); color: var(--_themes---surface--neutral_alt_black); flex: none; justify-content: center; align-items: center; width: 2.5rem; display: flex; } .footer_social_link.is-v2 { width: 3rem; } .footer_social_icon { width: 1.375rem; } .footer_social_icon.cc-small { border-radius: .1875rem; width: 1.5rem; overflow: hidden; } .footer_policies { grid-column-gap: 1.875rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .footer_policy_link { color: var(--_themes---text--high_em); font-weight: 600; } .footer_policy_copyright { color: var(--_themes---text--high_em); } .form_success { border-radius: var(--_radius---border_radius_12); color: var(--_themes---text--primary_em); text-align: left; background-color: #ddd0; padding: 0; font-weight: 500; } .nav_dropdown { margin-left: 0; margin-right: 0; } .nav_dropdown_toggle { grid-column-gap: .3125rem; grid-row-gap: .3125rem; justify-content: flex-start; align-items: center; height: 2.75rem; padding: .3125rem .4375rem; display: flex; } .nav_dropdown_toggle.w--open { color: var(--_themes---text--high_em); } .nav_dropdown_list { width: 50rem; } .nav_dropdown_list.w--open { background-color: #ddd0; padding-top: 1rem; } .nav_dropdown_list.is-one-column { width: 25rem; } .nav_dropdown_list.is-account { right: 0; } .nav_dropdown_wrap { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_16); background-color: var(--_themes---surface--surface_0); box-shadow: 0 8px 24px -4px var(--_palette---black--12); grid-template-rows: auto; grid-template-columns: 1.3fr 1fr; grid-auto-columns: 1fr; padding: 1.5rem; display: grid; } .nav_dropdown_wrap.is-block { display: block; } .nav_dropdown_link { grid-column-gap: .875rem; grid-row-gap: .875rem; border: 2px solid var(--_themes---surface--surface_2); border-radius: var(--_radius---border_radius_12); justify-content: flex-start; align-items: center; padding: .875rem; display: flex; } .nav_dropdown_link:hover { background-color: var(--_themes---surface--surface_2); } .nav_dropdown_links { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; display: flex; } .nav_dropdown_icon { width: 1rem; height: 1rem; margin-right: 0; display: block; } .nav_dropdown_link-icon { flex: none; width: 1.5rem; height: 1.5rem; } .nav_dropdown_link-heading { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); font-weight: 700; } .nav_dropdown_link-text { color: var(--_themes---surface--neutral_alt_black); } .nav_dropdown_title { color: var(--_themes---surface--neutral_alt_black); letter-spacing: .035em; text-transform: uppercase; margin-bottom: .875rem; font-weight: 700; } .nav_dropdown_hero { border: 1px solid var(--_palette---tan--100); border-radius: var(--_radius---border_radius_12); overflow: hidden; } .nav_dropdown_hero-image { aspect-ratio: 2.8 / 1.8; object-fit: cover; width: 100%; } .nav_dropdown_hero-bottom { padding: .875rem; } .nav_dropdown_hero-date { font-size: var(--_typography---text-xsmall--size); letter-spacing: .04em; font-weight: 600; } .nav_dropdown_hero-title { color: var(--_themes---surface--neutral_alt_black); font-weight: 600; display: block; } .nav_dropdown_hero-image-wrap { position: relative; } .nav_dropdown_hero-link { border-top-left-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_0); color: var(--_themes---surface--neutral_alt_black); justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; display: flex; position: absolute; inset: auto 0% 0% auto; } .nav_dropdown_hero-icon { width: 2rem; height: 2rem; overflow: visible; } .nav_dropdown_quater-circle { pointer-events: none; position: absolute; inset: -.75rem 0% auto auto; } .nav_dropdown_quater-circle.is-2 { inset: auto auto 0% -.75rem; } .nav_menu_left { justify-content: space-between; align-items: center; display: flex; } .nav_menu_right { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: flex-start; align-items: center; display: flex; } .search_dropdown_toggle { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--_themes---surface--neutral_alt_white); border-radius: var(--_radius---border_radius_full); justify-content: flex-start; align-items: center; height: auto; padding: .5rem .75rem .5rem .5rem; display: flex; } .search_dropdown_toggle.w--open { color: var(--_themes---text--high_em); } .search_dropdown { margin-left: 0; margin-right: 0; } .search_dropdown_image { border-radius: var(--_radius---border_radius_full); width: 1.875rem; height: 1.875rem; } .search_component { max-width: var(--_sections---container--max-width); padding: .375rem var(--_sections---container--padding); border: 1px solid var(--_palette---white--40); border-radius: var(--_radius---border_radius_full); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: 100%; margin-bottom: .625rem; margin-left: auto; margin-right: auto; } .search_component_wrap { z-index: 100; padding-top: 1.25rem; position: relative; } .eyebrow_wrap { justify-content: flex-start; align-items: center; display: flex; } .campaign_hero_wrap { position: relative; } .campaign_hero_heading { color: var(--_themes---surface--neutral_alt_black); } .campaign_hero_top { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; max-width: 71.875rem; margin-left: auto; margin-right: auto; padding-top: 1.875rem; display: flex; } .campaign_hero_subtitle { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---h6--size); } .campaign_hero_middle { flex-flow: column; justify-content: flex-start; align-items: center; padding-top: 2.5rem; padding-bottom: 6.25rem; display: flex; } .campaign_hero_star-1 { width: 1.625rem; position: absolute; inset: 8% auto auto -1.2rem; } .campaign_hero_star-2 { width: 1.625rem; position: absolute; inset: auto -1.25rem 6% auto; } .campaign_hero_bottom { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; max-width: 61.25rem; margin-left: auto; margin-right: auto; display: grid; } .campaign_hero_card { border: 1px solid var(--_themes---surface--neutral_alt_white); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--neutral_alt_white); overflow: hidden; } .campaign_hero_image { object-fit: cover; width: 100%; height: 100%; position: absolute; } .campaign_hero_image-wrap { aspect-ratio: 2.3 / 1.06; width: 100%; position: relative; } .campaign_hero_content { color: var(--_themes---text--neutral_alt_black); text-align: center; padding: .75rem; font-weight: 500; } .campaign_resources_content-top { flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .campaign_resources_link { border-radius: var(--_radius---border_radius_full); color: var(--_themes---text--high_em); white-space: nowrap; justify-content: center; align-items: center; padding: .5rem .75rem; display: flex; } .campaign_resources_link.w--current { background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); } .campaign_resources_dropdown { margin: 0; } .campaign_resources_dropdown_icon { width: 1rem; height: 1rem; display: block; } .campaign_resources_dropdown_toggle { grid-column-gap: .625rem; grid-row-gap: .625rem; color: var(--_themes---text--high_em); justify-content: flex-start; align-items: center; padding: .5rem .75rem; display: flex; } .campaign_resources_dropdown_list.w--open { background-color: #ddd0; } .campaign_resources_dropdown_layout { background-color: var(--_themes---surface--surface_0); } .campaign_resources_dropdown_link { border-radius: var(--_radius---border_radius_full); color: var(--_themes---text--high_em); white-space: nowrap; justify-content: flex-start; align-items: center; padding: .5rem .75rem; display: flex; } .campaign_resources_dropdown_link.w--current { background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); } .campaign_resources_title-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; justify-content: flex-start; align-items: center; margin-bottom: 2.5rem; display: flex; } .campaign_resources_heading { color: var(--_themes---outline--white); } .campaign_resources_grid { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: 2.5rem; display: grid; } .campaign_resources_card { border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_14); background-color: var(--_themes---surface--neutral_alt_white); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; overflow: hidden; } .campaign_resources_image-wrap { aspect-ratio: 3.15 / 2; width: 100%; position: relative; } .campaign_resources_iamge { object-fit: cover; width: 100%; height: 100%; position: absolute; } .campaign_resources_content { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; justify-content: space-between; width: 100%; padding: 1.25rem; display: flex; } .campaign_resources_conte-cta { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .campaign_resources_card-title { color: var(--_themes---surface--neutral_alt_black); text-transform: uppercase; font-weight: 700; } .campaign_resources_load { justify-content: center; align-items: center; display: flex; } .quote-slider_slide-top { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; text-align: center; flex-flow: row; justify-content: space-between; align-items: flex-start; display: flex; } .quotes-slider_slide-content { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--neutral_alt_black); background-image: url('../images/quotes-bg.webp'); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; padding: 2.5rem; } .campaign_resources_slider { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; position: relative; } .quotes-slider_slide-image { aspect-ratio: 1; border-radius: var(--_radius---border_radius_full); object-fit: cover; flex: 0 auto; width: 33%; max-width: 9.75rem; } .campaign_resources_top { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 3.125rem; display: flex; } .quote-slider_slide-quotes { width: 20%; max-width: 10rem; } .quote-slider_slide-content { padding-top: 1.875rem; padding-bottom: 1.875rem; } .quote-slider_slide-quote { color: var(--_themes---surface--neutral_alt_white); letter-spacing: .02em; font-size: 1.75rem; line-height: 1.5; } .quote-slider_slide-info { color: var(--_themes---surface--surface_4); font-size: var(--_typography---text-xlarge--size); text-align: right; letter-spacing: .025em; font-weight: 700; } .legends_hero_wrap { background-image: url('../images/legends-hero-bg.webp'); background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-top: 5.25rem; } .legends_hero_layout { grid-column-gap: 5rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-end; display: flex; } .legends_hero_image-wrap { aspect-ratio: 4.33 / 5.8; flex: none; width: 100%; max-width: 27rem; position: relative; } .legends_hero_image { width: 100%; display: block; } .legends_hero_star-2 { width: 1.625rem; position: absolute; inset: 35% 10% auto auto; } .legends_hero_content { padding-bottom: 4.375rem; } .legends_hero_subtitle { color: var(--_themes---text--high_em); letter-spacing: 0; margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: 600; line-height: 1.25; } .legends_hero_description { font-size: var(--_typography---h6--size); } .u-font-high-em { color: var(--_themes---text--high_em); } .legends_hero_star-1 { width: 1.625rem; position: absolute; inset: 0% auto auto -5.5rem; } .legends_levels_top { text-align: center; margin-bottom: 3.125rem; } .legends_levels_grid { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .legends_levels_card { border-radius: var(--_radius---border_radius_14); background-image: linear-gradient(180deg, var(--_palette---white--100), #f0efeb 70%); border: 2px solid #f0efeb; padding-bottom: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .legends_levels_image { width: 100%; } .legends_levels_content { grid-column-gap: .375rem; grid-row-gap: .375rem; flex-flow: column; display: flex; } .legends_levels_card-heading { color: var(--_themes---surface--neutral_alt_black); text-transform: uppercase; font-size: 1.5rem; font-weight: 700; } .legends_levels_crad-text { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); } .legends_symbols_wrap { grid-column-gap: 3.125rem; grid-row-gap: 3.125rem; justify-content: space-between; align-items: flex-end; display: flex; } .legends_symbols_image-wrap { aspect-ratio: 5.9 / 6.3; flex: none; width: 100%; max-width: 39.25rem; position: relative; } .legends_symbols_content { flex: 1; padding-bottom: 7.5rem; } .legends_symbols_top { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; margin-bottom: 1.5rem; display: flex; } .legends_symbols_description { font-size: var(--_typography---h6--size); } .legend_symbol-star { width: 1.625rem; position: absolute; inset: 4% 20% auto auto; } .legend_awards_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1.1fr; grid-auto-columns: 1fr; display: grid; } .legend_awards_image-wrap { border-radius: var(--_radius---border_radius_20); overflow: hidden; } .legend_awards_image { width: 100%; } .legend_awards_content-top { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: column; margin-bottom: 1.5rem; display: flex; } .legend_awards_description { font-size: var(--_typography---text-xlarge--size); } .legend_awards_grid { grid-column-gap: 1.25rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .legend_awards_card { border: 2px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_12); padding: 1.25rem 1.5rem; } .legend_awards_icon { width: 1.875rem; margin-bottom: 1.25rem; } .legend_awards_crad-content { grid-column-gap: .375rem; grid-row-gap: .375rem; flex-flow: column; display: flex; } .legend_awards_card-title { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); font-weight: 700; } .legend_awards_card-description { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); } .u-bg-gray { background-color: var(--_palette---gray--150); } .u-bg-gray.hide { display: none; } .legend_next_top { grid-column-gap: .75rem; grid-row-gap: .75rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .legend_next_subtitle { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); max-width: 58ch; } .legend_next_table { max-width: 58.5rem; margin: 3.125rem auto; } .legend_next_bottom { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .legend_next_bottom-text { font-size: var(--_typography---h6--size); text-align: center; max-width: 67ch; } .fs-table_instance { border: 1px solid var(--_themes---outline--med_em); border-radius: var(--_radius---border_radius_12); display: block; overflow: hidden; } .fs-table_cell { color: var(--_themes---text--high_em); text-align: left; border: 1px #000; padding: .5rem 1rem; } .fs-table_row { border-style: none none solid; border-width: 1px; border-color: black black var(--_themes---outline--med_em); font-family: var(--_typography---tertiary); text-align: left; font-weight: 500; } .fs-table_row.cc-bottom { border-bottom-style: none; } .fs-table_row.cc-header { background-color: var(--_themes---surface--surface_1); font-family: var(--_typography---tertiary); color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-xlarge--size); font-weight: 700; } .fs-table_body { background-color: var(--_themes---surface--surface_0); overflow: hidden; } .fs-table_table { text-align: left; border-collapse: collapse; border: 1px #000; width: 100%; overflow: hidden; } .legend_future_top { grid-column-gap: .625rem; grid-row-gap: .625rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 3.125rem; display: flex; } .legend_future_subtitle { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); max-width: 58ch; } .legend_future_grid { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .legend_future_card { border: 2px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_14); padding: 1.25rem; } .legend_future_icon { width: 3.125rem; margin-bottom: 2.5rem; display: block; } .legend_future_heading { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); text-transform: uppercase; margin-bottom: .375rem; font-weight: 700; } .legend_future_description { color: var(--_themes---surface--neutral_alt_black); font-size: var(--_typography---text-large--size); } .legend_after_wrap { grid-column-gap: 3.125rem; grid-row-gap: 3.125rem; border: 4px solid var(--_palette---tan--50); border-radius: var(--_radius---boder_radius_30); background-image: linear-gradient(99deg, var(--_palette---white--100) 60%, var(--_palette---tan--50) 99%); justify-content: space-between; align-items: center; padding: 2.5rem; display: flex; } .legend_after_image-wrap { aspect-ratio: 1; flex: none; width: 100%; max-width: 31.25rem; } .legend_after_iamge { width: 1005px; } .legend_after_description { font-size: var(--_typography---h6--size); } .legend_after_top { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: column; margin-bottom: 2.5rem; display: flex; } .legend_story_wrap { background-image: url('../images/story-bg.webp'); background-repeat: no-repeat; background-size: cover; } .legend_story_wrap.hide { display: none; } .legend_story_top { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 14rem; display: flex; position: relative; } .legend_story_subtitle { font-size: var(--_typography---text-large--size); max-width: 63ch; } .legend_story_image { width: 100%; display: block; } .legend_story_star-1 { width: 1.625rem; position: absolute; inset: 40% auto auto 0%; } .legend_story_star-2 { width: 1.625rem; position: absolute; inset: -10% 2% auto auto; } .legends_symbols_image { width: 100%; } .search_container { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: space-between; align-items: center; display: flex; } .quotes_slide { backface-visibility: hidden; transition-property: transform opacity; background-color: #f5f5f5; flex: none; justify-content: center; align-items: stretch; width: 100%; height: auto; padding: 0; display: flex; position: relative; } .quotes_placeholder { color: #707070; text-align: center; border: 1px dashed #707070; justify-content: center; align-items: center; width: 100%; min-height: 20rem; padding: 1rem; display: flex; } .quotes_list { transform-style: preserve-3d; flex-direction: row; justify-content: start; align-items: start; height: auto; display: flex; } .quotes_button { pointer-events: auto; width: 3.75rem; padding: 0; } .quotes_instance { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; width: 100%; min-width: 0; max-width: 100%; max-height: 100%; padding-left: 5rem; padding-right: 5rem; display: flex; position: relative; } .quotes_pagination { z-index: 10; grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; display: flex; position: relative; } .quotes_navigation { z-index: 10; grid-column-gap: 1rem; grid-row-gap: 1rem; pointer-events: none; flex-direction: row; justify-content: space-between; align-items: center; height: 1px; display: flex; position: absolute; inset: auto 0% 50%; } .quotes_list-wrapper { perspective: 1200px; flex: 1; position: relative; overflow: clip; } .quotes_scrollbar { touch-action: none; background-color: #f5f5f5; } .quotes_scrollbar_drag { background-color: #000; width: 20%; height: 1rem; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .home_hero_buttons { flex-flow: wrap; justify-content: center; align-items: center; margin-top: 2rem; display: flex; } .home_seach_top { grid-column-gap: 2rem; grid-row-gap: .5rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .home_search_wrap { position: relative; } .home_search_heading { max-width: 17ch; } .home_growth_video { border-radius: var(--_radius---border_radius_20); overflow: hidden; } .home_tiers_info { grid-column-gap: 6rem; grid-row-gap: 2.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 4rem; display: grid; } .home_tiers_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .home_tiers_info-text { max-width: 47ch; } .home_tiers_media { z-index: 1; border-radius: var(--_radius---border_radius_20); width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .home_tiers_media-wrap { aspect-ratio: 3 / 2; width: 100%; position: relative; } .buton_icon { flex: none; width: 1rem; height: 1rem; display: block; } .footer_logo-wrap { grid-column-gap: .875rem; grid-row-gap: .875rem; flex-flow: column; flex: 0 auto; max-width: 24.5rem; display: flex; } .footer_form_wrap { grid-column-gap: .875rem; grid-row-gap: .875rem; border: 1px solid var(--_palette---tan--100); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--neutral_alt_white); flex-flow: column; flex: 0 auto; justify-content: flex-start; max-width: 24.5rem; min-height: 15.125rem; padding: .875rem; display: flex; } .form_layout { grid-row-gap: 1rem; flex-direction: column; display: flex; } .footer_text_cta.is-v2 { font-weight: 500; } .footer_column { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; margin-left: 55px; display: flex; } .nav_button_wrap { grid-column-gap: .3125rem; grid-row-gap: .3125rem; justify-content: flex-start; align-items: center; padding: .3125rem .4375rem; display: flex; } .nav_button_wrap.w--open { color: var(--_themes---text--high_em); } .campain_header_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; display: grid; } .campain_header_big { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2.5rem; display: flex; } .campain_header_large { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--primary_main); flex-flow: column; padding: 2.5rem; display: flex; } .campain_header_small { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---text--neutral_alt_white); flex-flow: column; padding: 2.5rem; display: flex; } .eyebrow_wrapper { grid-column-gap: .3125rem; grid-row-gap: .3125rem; border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_0); color: var(--_themes---text--neutral_alt_black); text-transform: uppercase; flex-flow: row; justify-content: center; align-items: center; padding: .1875rem .3125rem; display: flex; position: relative; } .eyebrow_wrapper:where(.w-variant-4e38e314-7f45-ea02-d909-478967d4e052) { background-color: var(--_themes---surface--surface_2); } .eyebrow_circle { aspect-ratio: 1; filter: blur(5px); background-image: linear-gradient(#fe5d1233, #fe5d1200 68%); width: 100%; position: absolute; } .nav_form-block { margin-bottom: 0; } .nav_form { grid-column-gap: .25rem; grid-row-gap: .25rem; border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_3); justify-content: flex-start; align-items: center; padding: .5rem 1rem; display: flex; } .nav_input { background-color: var(--_themes---surface--surface_3); color: var(--_themes---outline--neutral_alt_black); font-size: var(--_typography---text-small--size); border: 1px #000; height: auto; margin-bottom: 0; padding: 0; font-weight: 600; } .nav_input::placeholder { color: #0000008c; } .nav_form-submit { background-color: #3898ec00; background-image: url('../images/magnifying-glass-solid-full.svg'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 1rem; height: 1rem; padding: 0; } .campain_header_big-image { width: 100%; } .campain_header_small-heading { color: var(--_themes---surface--neutral_alt_white); } .div-block { flex-flow: column; display: flex; } .campaign_resources_menu { grid-column-gap: 1rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .resources-tab_link { border: 1px solid var(--_themes---surface--neutral_alt_white); border-radius: var(--_radius---border_radius_full); color: var(--_themes---surface--neutral_alt_white); background-color: #ddd0; } .resources-tab_link.w--current { border-color: var(--_themes---surface--primary_main); background-color: var(--_themes---surface--primary_main); } .resources-tab_pane { padding-top: 2rem; } .resources-tab_content { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; display: flex; } .resources-tab_grid-top { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .resources-tab_grid-bottom { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 2fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .resources-tab_card-top { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_1); padding: 1.25rem; overflow: hidden; } .resources-tab_card-image { width: 1005px; margin-bottom: 1rem; } .account_dropdown_list { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_16); background-color: var(--_themes---surface--surface_0); box-shadow: 0 8px 24px -4px var(--_palette---black--12); grid-template-rows: auto; grid-template-columns: 1.3fr 1fr; grid-auto-columns: 1fr; width: 100%; padding: 0; display: block; } .account_dropdown_list.is-block { display: block; } .account_dropdown_divider { background-color: var(--_themes---text--high_em); width: 100%; height: 1px; } .account_dropdown_link { padding: .375rem .75rem; display: block; } .account_dropdown_link.is-logout { color: var(--_themes---text--danger_em); } .account_dropdown_list-wrap { width: 8.75rem; right: 0; } .account_dropdown_list-wrap.w--open { background-color: #ddd0; padding-top: .5rem; } .account_dropdown_list-wrap.is-one-column { width: 25rem; } .account_dropdown_list-wrap.is-account { right: 0; } .campaignv2_hero_component { padding-top: var(--_sections---padding-small); } .campaignv2_hero_layout { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .campaignv2_hero_card { border-radius: var(--_radius---border_radius_20); color: var(--_themes---surface--neutral_alt_white); background-image: linear-gradient(90deg, #1b5fff, #000 1%, #0000 60%), url('../images/top-left-dubai.webp'); background-position: 0 0, 0 30%; background-repeat: repeat, repeat; background-size: auto, 1400px; flex-flow: column; justify-content: flex-end; align-items: flex-start; min-height: 21.25rem; padding: 1.5rem; display: flex; } .campaignv2_hero_card.is-2 { background-image: linear-gradient(90deg, #089dad, #000 15%, #0000 60%), url('../images/hero_4.webp'); background-position: 0 0, 0 0; background-repeat: repeat, no-repeat; background-size: auto, cover; } .campaignv2_hero_card.is-3 { background-image: linear-gradient(90deg, #5953c5, #1f222999 15% 60%), url('../images/her0_2.webp'); background-position: 0 0, 0 0; background-repeat: repeat, no-repeat; background-size: auto, cover; } .campaignv2_hero_card.is-4 { background-image: url('../images/hero_3.webp'); background-repeat: no-repeat; background-size: cover; } .campaignv2_hero_card-title { font-size: var(--_typography---h3--size); line-height: var(--_typography---h3--line-height); font-weight: 600; } .campaignv2_hero_card-title.is-medium { font-weight: 500; } .campaignv2_hero_card-subtitle { font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); font-weight: 300; } .campaignv2_funnel_top { margin-bottom: var(--_sections---padding-small); grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .campaignv2_funnel_heading { font-size: var(--_typography---h4--size); font-weight: 600; } .campaignv2_funnel_subtitle { font-family: var(--_typography---tertiary); font-size: var(--_typography---h6--size); letter-spacing: .01em; } .campaignv2_funnel_button-wrap { padding-top: 1.75rem; } .campaignv2_funnel_cards { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .campaignv2_funnel_card { border: 1px solid var(--_palette---secondary--100); background-color: var(--_themes---surface--neutral_alt_white); text-align: center; border-radius: .75rem; flex-flow: column; justify-content: flex-start; align-items: center; padding: 1.5rem; display: flex; } .campaignv2_funnel_icon { width: 2.5rem; } .campaignv2_funnel_title { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); margin-top: .5rem; margin-bottom: .25rem; font-weight: 500; } .campaignv2_funnel_text { font-family: var(--_typography---tertiary); text-wrap: balance; max-width: 20ch; } .campaignv2_offers_heading { font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); letter-spacing: var(--_typography---h4--letter-spacing); font-weight: 600; } .campaignv2_offers_row { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; justify-content: space-between; align-items: center; margin-top: 1rem; margin-bottom: 2.5rem; display: flex; } .campaignv2_offers_form-block { flex: 1; margin-bottom: 0; } .campaignv2_offers_filters { border-bottom: 1px solid var(--_themes---outline--med_em); display: flex; } .campaignv2_offers_radio { color: var(--_themes---text--high_em); flex-flow: column; flex: none; justify-content: flex-start; align-items: center; margin-bottom: 0; padding: .5rem .75rem; font-weight: 400; display: flex; position: relative; outline: none !important; } .campaignv2_offers_radio.is-active-inputactive { color: var(--_palette---tan--500); font-weight: 600; } .campaignv2_offers_radio-check { border: 1px #000; border-bottom-width: 2px; border-radius: 0; width: 100%; height: 100%; margin-top: 0; margin-bottom: -1px; margin-left: 0; position: absolute; inset: 0%; box-shadow: none !important; outline: none !important; } .campaignv2_offers_radio-check.w--redirected-checked { border-bottom: 2px solid var(--_palette---tan--500); } .campaignv2_offers_radio-text { white-space: nowrap; font-weight: inherit; } .campaignv2_offers_dropdown-icon { width: var(--icon--small); aspect-ratio: 1; overflow: visible; } .campaignv2_offers_dropdown-toggle { grid-column-gap: .625rem; grid-row-gap: .625rem; color: var(--_themes---text--high_em); justify-content: center; align-items: center; padding: .5rem .75rem; display: flex; } .campaignv2_offers_dropdown-list { background-color: var(--_themes---surface--surface_2); width: 7.5rem; max-height: 40rem; overflow: auto; } .campaignv2_offers_dropdown-list.w--open { box-shadow: 0 0 16px #0000001a; } .campaignv2_offers_dropdown_layout { flex-flow: column; display: flex; } .dropdown_type { z-index: 2; } .dropdown_type_toggle { grid-column-gap: .625rem; grid-row-gap: .625rem; border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_0); color: var(--_themes---text--high_em); justify-content: center; align-items: center; padding: .375rem .75rem; display: flex; } .dropdown_type_list { background-color: #ddd0; padding-top: .5rem; } .dropdown_type_icon { width: var(--icon--small); aspect-ratio: 1; } .dropdown_type_layout { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); box-shadow: 0 0 8px #0000001a; } .dropdown_type_link { border-bottom: 1px solid var(--_themes---outline--low_em); padding: .375rem .75rem; } .campaignv2_offers_sort { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .campaignv2_offer_layout { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .offer_card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: column; padding: 1.25rem; display: flex; } .offer_card_top { aspect-ratio: 5.88 / 1.5; border-radius: var(--_radius---border_radius_12); width: 100%; position: relative; overflow: hidden; } .offer_card_image { object-fit: cover; width: 100%; height: 100%; position: absolute; } .offer_card_tag { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--_themes---text--warning_em); letter-spacing: .03em; justify-content: flex-start; align-items: center; margin-top: 1rem; margin-left: 1rem; font-weight: 500; display: inline-flex; position: relative; } .offer_card_tag.is-new { color: var(--_themes---text--success_main); } .offer_card_tag-icon { flex: none; width: .75rem; } .offer_card_title { color: var(--_themes---text--high_em); font-size: var(--_typography---h6--size); margin-bottom: .875rem; font-weight: 600; } .offer_card_description { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-large--size); } .offer_card_data { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-xlarge--size); font-weight: 600; } .offer_card_row { grid-column-gap: 1rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .offer_card_row.is-top { border-bottom: 1px solid var(--_themes---outline--low_em); padding-top: .5rem; padding-bottom: .5rem; } .offer_card_bottom { grid-column-gap: 1rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .offer_card_cta { border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_0); font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); padding: .75rem 1.5rem; font-weight: 600; transition: background-color .2s; } .offer_card_cta:hover { background-color: var(--_themes---outline--low_em); } .offer_card_profile { aspect-ratio: 1; border: 2px solid var(--_themes---outline--white); border-radius: var(--_radius---border_radius_full); background-color: var(--_themes---surface--surface_3); color: var(--_themes---text--high_em); justify-content: center; align-items: center; width: 2.5rem; margin-left: -.5rem; font-weight: 600; display: flex; overflow: hidden; } .offer_card_profiles { justify-content: flex-start; align-items: center; padding-left: .5rem; display: flex; } .offer_card_load { flex-flow: column; justify-content: flex-start; align-items: center; padding-top: 2.5rem; display: flex; } .offer_card_actions { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; min-width: 180px; } .offer_card_actions .offer_card_cta { white-space: nowrap; text-align: center; } .campaignv2_tools_wrap { grid-column-gap: 3.125rem; grid-row-gap: 2.5rem; grid-template-rows: auto; grid-template-columns: 1.2fr 1fr; grid-auto-columns: 1fr; display: grid; } .campaignv2_tools_heading { font-size: var(--_typography---h3--size); line-height: var(--_typography---h3--line-height); font-weight: 600; } .campaignv2_tools_subtitle { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); } .campaignv2_tools_list { grid-row-gap: 1.5rem; margin-top: 2rem; margin-bottom: 2.5rem; padding-left: 0; list-style-type: none; } .campaignv2_tools_content { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .campaignv2_tools_image-wrap { flex-flow: column; justify-content: center; display: flex; } .campaignv2_tools_image { width: 100%; } .campaignv2_tools_list-wrap { grid-column-gap: 1.25rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: flex-start; display: flex; } .campaignv2_tools_list-icon { width: 2.5rem; } .campaignv2_tools_title { color: var(--_themes---text--high_em); font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); margin-bottom: .5rem; font-weight: 500; } .campaignv2_tools_description { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); } .campaignv2_reviews_bg { background-image: url('../images/tools-bg.webp'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .campaignv2_reviews_title-wrap { margin-bottom: 3.125rem; } .campaignv2_reviews_title { font-size: var(--_typography---h3--size); line-height: var(--_typography---h3--line-height); text-align: center; font-weight: 600; } .campaignv2_reviews_slider-wrap { max-width: 66.375rem; margin-left: auto; margin-right: auto; position: relative; } .campaignv2_reviews_slider { background-color: #ddd0; width: 100%; height: auto; padding-left: 5rem; padding-right: 5rem; } .campaignv2_reviews_arrow { aspect-ratio: 1; background-color: var(--_themes---surface--surface_3); color: var(--_themes---surface--neutral_alt_black); border-radius: 50%; justify-content: center; align-items: center; width: 3.75rem; display: flex; } .campaignv2_reviews_slide { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); padding: 3.5rem 2.5rem; overflow: hidden; } .campaignv2_reviews_nav { display: none; } .campaignv2_reviews_quote { width: 17%; position: absolute; inset: auto 3.5rem -2.5rem auto; } .campaignv2_reviews_content { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .campaignv2_reviews_ellipse-1 { aspect-ratio: 2.2 / 1.4; background-color: var(--_palette---tan--300); filter: blur(120px); border-radius: 50%; width: 20%; position: absolute; inset: auto auto -22% -8%; } .campaignv2_reviews_ellipse-2 { aspect-ratio: 2.2 / 1.3; background-color: var(--_palette---tan--300); filter: blur(120px); border-radius: 50%; width: 20%; position: absolute; inset: -25% -7% auto auto; } .campaignv2_reviews_profile { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; display: flex; } .campaignv2_reviews_profile-wrap { aspect-ratio: 1; border-radius: 50%; width: 5.875rem; overflow: hidden; } .campaignv2_reviews_name { color: var(--_themes---text--high_em); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); font-weight: 700; } .campaignv2_reviews_text { color: var(--_themes---text--med_em); font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); font-weight: 300; } .campaignv2_reviews_arrow-icon { aspect-ratio: 1; width: 47%; } .footer_right_medium { grid-column-gap: 1.5rem; grid-row-gap: 1rem; flex-flow: wrap; justify-content: flex-start; align-items: center; padding-top: 3.75rem; padding-bottom: 3.75rem; display: flex; } .footer_lang_dropdown { min-width: 19rem; } .footer_lang_toggle { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_12); font-family: var(--_typography---tertiary); color: var(--_themes---surface--neutral_alt_black); justify-content: space-between; align-items: center; width: 100%; padding: .5rem .75rem; display: flex; } .footer_lang_icon { aspect-ratio: 1; width: 1.125rem; } .footer_lang_list { border: 1px solid var(--_themes---surface--surface_3); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_0); } .footer_lang_dropdown-list { background-color: #ddd0; padding-top: .25rem; } .footer_lang_link { padding: .375rem .75rem; } .footer_toggle { background-color: var(--_palette---tan--200); cursor: pointer; border-radius: 2rem; justify-content: flex-start; align-items: center; width: 2.125rem; height: 1.25rem; padding: .125rem; display: flex; position: relative; } .footer_toggle_circle { aspect-ratio: 1; background-color: var(--_themes---surface--surface_0); border-radius: 50%; width: 1rem; position: absolute; } .footer_toggle_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; display: flex; } .footer_toggle_text { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-weight: 500; } .seach_logo { color: var(--_themes---text--high_em); width: 7.375rem; } .search_button-v2 { width: var(--icon--large); aspect-ratio: 1; } .filters_component { z-index: 100; justify-content: flex-end; width: 100%; height: 100dvh; display: none; position: fixed; inset: 0%; } .filters_overlay { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: #0000001a; width: 100%; height: 100%; position: absolute; inset: 0%; } .filters_wrap { border-left: .375rem solid var(--_palette---tan--400); border-top-left-radius: var(--_radius---border_radius_32); border-bottom-left-radius: var(--_radius---border_radius_32); background-color: var(--_themes---surface--surface_0); width: 90%; max-width: 43.125rem; height: 100dvh; position: relative; overflow: auto; } .filters_top { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: flex-end; padding: 1.5rem; display: flex; } .filters_top_title { color: var(--_themes---text--high_em); font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); font-weight: 600; } .filters_top_close { width: var(--icon--medium); aspect-ratio: 1; color: var(--_themes---text--med_em); } .filters_form_block { margin-bottom: 0; } .filters_form_buttons { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; justify-content: flex-end; padding-bottom: 2.5rem; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; } .filters_each { padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .filters_each.is-range { padding-bottom: 2.5rem; } .filters_each_title { color: var(--_themes---text--high_em); font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); font-weight: 600; } .filters_each_list { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-top: 1rem; display: flex; } .filters_each_list.is-range { justify-content: flex-start; align-items: stretch; } .filters_checkbox { margin-bottom: 0; padding-left: 2rem; } .filters_check { aspect-ratio: 1; border: .125rem solid var(--_themes---text--low_em); border-radius: .375rem; width: 1.125rem; height: 1.125rem; margin-left: -2rem; } .filters_check.w--redirected-checked { border-top-color: var(--_themes---text--low_em); border-right-color: var(--_themes---text--low_em); border-bottom-color: var(--_themes---text--low_em); border-left-color: var(--_themes---text--low_em); background-color: var(--_themes---text--low_em); box-shadow: none !important; } .filters_text { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-large--size); font-weight: 500; } .fs-rangeslider_handle-span { border-radius: .25rem; } .fs-rangeslider_input { border-radius: .25rem; display: block; } .fs-message { grid-column-gap: 1rem; grid-row-gap: 1rem; color: #171717; background-color: #f6f6f6; border: 1px dashed #ababab; border-radius: .5rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; place-items: center start; width: 100%; padding: 2rem; display: none; } .fs-rangeslider_wrapper { grid-column-gap: 5rem; grid-row-gap: 5rem; background-color: #fff; border-radius: .25rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: center; padding-bottom: 3rem; padding-left: 1rem; padding-right: 1rem; display: grid; position: relative; } .fs-rangeslider_handle-value { font-family: var(--_typography---tertiary); font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); text-align: center; width: 4rem; margin-bottom: -3rem; margin-left: -.75rem; position: absolute; inset: auto auto 0% 0%; } .fs-rangeslider_handle { z-index: 1; border-top-style: solid; border-top-width: .25rem; border-top-color: var(--_palette---tan--200); border-right-style: solid; border-right-width: .25rem; border-right-color: var(--_palette---tan--200); border-bottom-style: solid; border-bottom-width: .25rem; border-bottom-color: var(--_palette---tan--200); border-left-style: solid; border-left-width: .25rem; border-left-color: var(--_palette---tan--200); background-color: var(--_palette---tan--400); cursor: grab; border-radius: 100rem; flex: none; width: 2rem; height: 2rem; position: absolute; top: 50%; transform: translate(-50%, -50%); box-shadow: none !important; outline: none !important; } .fs-rangeslider_handle:focus { background-color: #5c2aff; } .fs-rangeslider_fill { background-color: var(--_palette---tan--300); border-radius: 999px; width: 20%; height: 100%; position: absolute; } .fs-rangeslider_track { background-color: var(--_palette---tan--50); border-radius: 999rem; width: 100%; height: 1.25rem; margin-left: auto; margin-right: auto; position: relative; } .login-bg { background-image: url('../images/backoffice-bg.png'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .login_layout { grid-column-gap: 5rem; grid-row-gap: 2.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .login_layout.flex { justify-content: center; align-items: center; width: 80%; margin-left: auto; margin-right: auto; display: flex; } .login_logo { color: var(--_themes---text--high_em); width: 100%; max-width: 14.375rem; } .login_wrap { flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .login_form-wrap { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); width: 100%; padding: 2.5rem; } .login_form_intro { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 2.5rem; display: flex; } .login_form_block { margin-bottom: 0; } .login_form_form { height: 100%; } .login_form_form.is-extended { flex-flow: column; display: flex; } .form_label { font-family: var(--_typography---tertiary); color: var(--_themes---text--med_em); margin-bottom: .375rem; font-weight: 600; } .form_input { border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_0); font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); height: auto; margin-bottom: 0; padding: .75rem 1rem; } .form_input::placeholder { color: var(--_themes---text--low_em); } .form_input.is-area { resize: vertical; min-height: 6rem; } .login_form_intro-heading { font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); font-weight: 600; } .login_form_intro-subtitle { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-xlarge--size); } .login_form_link { color: var(--_palette---secondary--600); font-weight: 500; text-decoration: underline; } .login_form_row { margin-bottom: 1.25rem; } .login_form_forgot { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-small--size); text-align: right; margin-top: .375rem; font-weight: 600; display: block; } .login_form_button { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-end; align-items: center; margin-top: 2rem; margin-bottom: 1.5rem; display: flex; } .login_form_button.is-extemded { flex: 1; margin-bottom: 0; } .login_form_row-password { justify-content: center; align-items: center; display: flex; position: relative; } .login_form_hide { aspect-ratio: 1; color: var(--_themes---text--med_em); width: 1rem; height: 100%; display: block; } .login_form_or { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: space-between; align-items: center; margin-bottom: .75rem; display: flex; } .login_form_or-line { background-color: var(--_themes---outline--low_em); flex: 1; height: 1px; } .login_form_or-text { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); } .login_form_buttons { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; margin-bottom: 2.5rem; display: flex; } .login_bottom_button { grid-column-gap: .75rem; grid-row-gap: .75rem; border: 1px solid var(--_themes---outline--med_em); border-radius: var(--_radius---border_radius_full); font-family: var(--_typography---tertiary); color: var(--_themes---text--med_em); font-size: var(--_typography---text-large--size); text-align: center; justify-content: center; align-items: center; padding: 1rem 1.5rem; font-weight: 600; display: flex; } .login_bottom_button-icon { aspect-ratio: 1; width: 1.25rem; } .login_form_help { font-family: var(--_typography---tertiary); color: var(--_palette---secondary--600); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); font-weight: 500; text-decoration: underline; } .login_form_hide-button { position: absolute; inset: auto 1rem auto auto; } .login_form_success { border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_12); font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); background-color: #ddd0; } .login_form_error { border-radius: var(--_radius---border_radius_12); font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); font-weight: 400; } .login_form_icon { width: 2.5rem; } .login_step_intro { grid-column-gap: 1rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; display: flex; } .login_step_title { color: var(--_themes---text--high_em); font-size: var(--_typography---h5--size); line-height: var(--_typography---h6--line-height); font-weight: 600; } .login_step_info { font-family: var(--_typography---tertiary); color: var(--_palette---secondary--600); font-size: var(--_typography---text-large--size); line-height: var(--_typography---text-large--line-height); font-weight: 500; } .login_form_layout { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: 1.25rem; display: grid; } .form_label_required { color: var(--_themes---text--danger_em); } .login_form_checkbox { margin-bottom: 0; padding-left: 2rem; } .login_form_check { aspect-ratio: 1; border: .125rem solid var(--_themes---text--low_em); border-radius: .375rem; width: 1.125rem; height: 1.125rem; margin-left: -2rem; } .login_form_check.w--redirected-checked { border-top-color: var(--_themes---text--low_em); border-right-color: var(--_themes---text--low_em); border-bottom-color: var(--_themes---text--low_em); border-left-color: var(--_themes---text--low_em); background-color: var(--_themes---text--low_em); box-shadow: none !important; } .login_form_checkbox-text { font-size: var(--_typography---text-small--size); line-height: var(--_typography---text-medium--line-height); } .login_form_callout { grid-column-gap: .75rem; grid-row-gap: .75rem; border: 1px solid var(--_themes---outline--med_em); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_1); font-size: var(--_typography---text-small--size); line-height: var(--_typography---text-small--letter-spacing); justify-content: flex-start; align-items: flex-start; padding: .75rem; display: flex; } .login_form_callout-icon { width: var(--icon--medium); flex: none; } .login_form_input-error { color: var(--_themes---text--danger_em); font-size: var(--_typography---text-small--size); margin-top: .375rem; } .offer_details_wrap { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; position: relative; } .offer_details_heading { font-size: var(--_typography---h4--size); line-height: var(--_typography---h2--line-height); font-weight: 600; } .offer_details_subheading { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); } .offer_details_top { grid-column-gap: .75rem; grid-row-gap: .75rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 2.5rem; display: flex; position: relative; } .offer_details_layout { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; display: grid; position: relative; } .offer_details_star { width: 1.625rem; } .offer_details_star.is-right { position: absolute; inset: auto 0% 1rem auto; } .offer_details_star.is-left { position: absolute; inset: 0% auto auto 0%; } .offer_details_card { border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: column; padding: 1.5rem; display: flex; position: relative; } .offer_details_card-icon { width: var(--icon--large); aspect-ratio: 1; margin-bottom: .75rem; position: relative; } .offer_details_card-heading { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); margin-bottom: .5rem; font-weight: 600; position: relative; } .offer_details_card-button { flex: 1; justify-content: flex-end; align-items: flex-end; display: flex; position: relative; } .offer_details_card-description { font-family: var(--_typography---tertiary); margin-bottom: 2.5rem; position: relative; } .offer_details_ellipse { aspect-ratio: 1; background-color: var(--_palette---tan--300); filter: blur(60px); border-radius: 50%; width: 17%; position: absolute; inset: -5% -5% auto auto; } .lookup_hero_top { text-align: center; margin-bottom: 2.5rem; } .lookup_hero_title { font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); font-weight: 600; } .lookup_hero_subtitle { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); } .lookup_hero_layout { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lookup_card { border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); padding: 1.5rem; position: relative; overflow: hidden; } .lookup_card_content { flex-flow: column; height: 100%; display: flex; position: relative; } .lookup_card_ellipse { aspect-ratio: 1; background-color: var(--_palette---tan--300); filter: blur(60px); border-radius: 50%; width: 17%; position: absolute; inset: -6% -4% auto auto; } .lookup_card_top-icon { width: var(--icon--medium); aspect-ratio: 1; flex: none; } .lookup_card_title { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); font-weight: 600; } .lookup_card_title-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; margin-bottom: .75rem; display: flex; } .lookup_card_text { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-large--size); line-height: var(--_typography---text-large--line-height); } .lookup_card_top { margin-bottom: 1.5rem; } .lookup_card_help { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .lookup_card_help-link { grid-column-gap: .75rem; grid-row-gap: .75rem; border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_20); background-color: var(--_palette---gray--25); justify-content: flex-start; align-items: flex-start; padding: .5rem .75rem; display: flex; } .lookup_card_help-icon { width: var(--icon--large); flex: none; } .lookup_card_help-title { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); font-weight: 500; } .lookup_card_hel-description { font-family: var(--_typography---tertiary); } .lookup_card_divider { background-color: var(--_themes---outline--med_em); width: 100%; height: 1px; margin-top: 1.5rem; margin-bottom: 1.5rem; } .lookup_card_email { flex-flow: column; flex: 1; display: flex; } .lookup_card_email-title-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; margin-bottom: .75rem; display: flex; } .lookup_card_email-icon { width: var(--icon--medium); flex: none; } .lookup_card_email-title { font-size: var(--_typography---text-xlarge--size); font-weight: 600; } .lookup_card_email-button { flex: 1; justify-content: flex-end; align-items: flex-end; margin-top: 1.5rem; display: flex; } .lookup_bg { position: relative; overflow: clip; } .lookup_faq_title-wrap { margin-bottom: 2.5rem; } .lookup_faq_title { font-size: var(--_typography---h3--size); line-height: var(--_typography---h3--line-height); text-align: center; font-weight: 600; } .faq_accordion { border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_0); margin-bottom: 1rem; padding-left: .5rem; padding-right: .5rem; } .faq_trigger { cursor: pointer; padding-top: 1.5rem; padding-bottom: 1.5rem; } .faq_trigger_layout { grid-column-gap: 1rem; grid-row-gap: 1rem; line-height: var(--_typography---text-xlarge--line-height); justify-content: space-between; align-items: center; display: flex; } .faq_trigger_icon { width: var(--icon--medium); aspect-ratio: 1; } .faq_answer { overflow: hidden; } .faq_answer_wrap { padding-bottom: 1.5rem; padding-right: 2.5rem; } .faq_answer_trigger-text { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); font-weight: 500; } .faq_load { flex-flow: column; justify-content: center; align-items: center; margin-top: 2.5rem; display: flex; } .lookup_ellipse { aspect-ratio: 3.1 / 6.7; background-color: var(--_palette---tan--300); filter: blur(205px); border-radius: 50%; width: 21%; position: absolute; top: 32%; right: -30%; } .lookup_ellipse.is-2 { inset: auto auto -10% -30%; } .lookup_hero_row { max-width: var(--_sections---container--max-width); margin-left: auto; margin-right: auto; position: relative; } .lookup_hero_star { width: 1.625rem; position: absolute; inset: 0% auto auto 5%; } .lookup_hero_star.is-right { inset: auto 5% 5% auto; } .subscribe_bg { border-top-left-radius: var(--_radius---border_radius_20); border-top-right-radius: var(--_radius---border_radius_20); background-image: url('../images/subscribe-bg.png'); background-position: 50% 0; background-repeat: no-repeat; background-size: 100%; position: relative; } .subscribe_hero { position: relative; } .subscribe_hero_top { flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 2.5rem; padding-top: 2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; display: flex; } .subscribe_hero_title { font-size: var(--_typography---h4--size); line-height: var(--_typography---h4--line-height); margin-bottom: .75rem; font-weight: 600; } .subscribe_hero_subheading { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); text-align: center; } .subscribe_star { width: 1.625rem; position: absolute; inset: 40% auto auto 3%; } .subscribe_star.is-right { inset: auto 5% 5% auto; } .subscribe_slider-wrap { max-width: 44.125rem; margin-left: auto; margin-right: auto; } .subscribe_slider { background-color: #ddd0; height: auto; padding-left: 4rem; padding-right: 4rem; } .subscribe_slider_arrow { aspect-ratio: 1; border: 1px solid var(--_themes---outline--low_em); background-color: var(--_palette---tan--50-2); color: var(--_themes---text--high_em); border-radius: 50%; width: 2.5rem; } .subscribe_slider_content { grid-column-gap: .75rem; grid-row-gap: .75rem; border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: column; padding: 1.5rem; display: flex; } .subscribe_slider_stars { justify-content: flex-start; align-items: center; display: flex; } .subscribe_slider_star { width: var(--icon--medium); flex: none; } .subscribe_slider_text { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-large--size); line-height: var(--_typography---text-large--line-height); } .subscribe_slider_profile { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .subscribe_slider_profile-image { border-radius: 50%; flex: none; width: 2.5rem; } .subscribe_slider_name { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-large--size); font-weight: 600; } .subscribe_slider_nav { display: none; } .subscribe_slider_icon { font-size: .6em; } .subscribe_bottom_wrap { padding-top: var(--_sections---padding-small); } .subscribe_bottom_layout { border-radius: var(--_radius---border_radius_20); max-width: 29.625rem; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; } .subscribe_form_wrap { border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); width: 100%; padding: 1.5rem; position: relative; } .subscribe_form_ellipse { aspect-ratio: 1; background-color: var(--_palette---tan--300); filter: blur(60px); pointer-events: none; border-radius: 50%; width: 17%; position: absolute; inset: -3% -4% auto auto; } .subscribe_form_intro { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .subscribe_form_icon { width: var(--icon--medium); flex: none; } .subscribe_form_heading { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); font-weight: 600; } .subscribe_form_description { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-large--size); line-height: var(--_typography---text-large--line-height); } .login_form_interest-heading { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); font-size: var(--_typography---text-xlarge--size); font-weight: 600; } .login_form_interest_options { grid-column-gap: 1.5rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: .75rem; display: grid; } .login_form_interest_wrap { border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_1); padding: .75rem; } .subscribe_checkbox { margin-bottom: 0; padding-left: 2rem; } .subscribe_check { aspect-ratio: 1; border: .125rem solid var(--_themes---text--low_em); border-radius: .375rem; width: 1.125rem; height: 1.125rem; margin-left: -2rem; } .subscribe_check.w--redirected-checked { border-top-color: var(--_themes---text--low_em); border-right-color: var(--_themes---text--low_em); border-bottom-color: var(--_themes---text--low_em); border-left-color: var(--_themes---text--low_em); background-color: var(--_themes---text--low_em); box-shadow: none !important; } .subscribe_check_text { font-family: var(--_typography---tertiary); } .policy_nav { grid-column-gap: 0px; grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .policy_nav_link { border-radius: var(--_radius---border_radius_full); color: var(--_themes---text--high_em); padding: .5rem .75rem; } .policy_nav_link.w--current { background-color: var(--_themes---surface--neutral_alt_black); color: var(--_themes---surface--neutral_alt_white); } .policy_content_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border: 1px solid var(--_themes---outline--low_em); border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: column; padding: 1.5rem 1.5rem 2.5rem; display: flex; } .policy_content_intro { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .policy_content_heading { font-size: var(--_typography---h4--size); font-weight: 600; } .policy_content_text { font-family: var(--_typography---tertiary); font-size: var(--_typography---text-large--size); } .policy_content_each { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .policy_content_sub-heading { font-size: var(--_typography---h5--size); line-height: var(--_typography---h5--line-height); margin-bottom: .25rem; font-weight: 600; } .policy_content_minor-heading { font-size: var(--_typography---h6--size); line-height: var(--_typography---h6--line-height); font-weight: 600; } .policy_content_help { margin-top: var(--_sections---padding-small); text-align: center; } .policy_content_help-link { font-family: var(--_typography---tertiary); color: var(--_palette---secondary--600); font-size: var(--_typography---text-xlarge--size); font-weight: 500; text-decoration: underline; transition: color .2s; } .policy_content_help-link:hover { color: var(--_themes---text--high_em); } .policy_content_sub-each { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .policy_blue_link { color: var(--_palette---info--500); text-decoration: underline; } .policy_tracking { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_1); flex-flow: column; padding: 1.5rem .75rem; display: flex; } .policy_tracking_top { grid-column-gap: 1rem; grid-row-gap: .5rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: wrap; justify-content: space-between; align-items: center; padding: .625rem .75rem; display: flex; } .policy_tracking_top.is-grey { background-color: var(--_themes---surface--surface_1); } .policy_tracking_logo { color: var(--_themes---text--high_em); max-width: 7.25rem; } .policy_tracking_layout { grid-column-gap: .75rem; grid-row-gap: 1rem; justify-content: space-between; align-items: flex-start; display: flex; } .policy_tracking_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .policy_tracking_each { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .policy_tracking_button { justify-content: flex-start; align-items: center; display: flex; } .policy_tracking_body { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .policy_tracking_card { grid-column-gap: .625rem; grid-row-gap: .625rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--warning_accent_1); flex-flow: column; flex: none; width: 12.5rem; padding: 1rem .75rem; display: flex; } .policy_tracking_card-heading { font-family: var(--_typography---tertiary); color: var(--_themes---text--high_em); margin-bottom: .25rem; font-weight: 600; } .policy_tracking_card-text { font-family: var(--_typography---tertiary); } .policy_tracking_feedback { grid-column-gap: .75rem; grid-row-gap: .75rem; display: flex; } .policy_tracking_feadback_link { width: var(--icon--medium); flex: none; } .policy_tracking_feadback_row { border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_0); width: 1005px; padding: .75rem; } .policy_tracking_details { grid-column-gap: .625rem; grid-row-gap: .625rem; border-radius: var(--_radius---border_radius_20); background-color: var(--_themes---surface--surface_0); flex-flow: column; padding: 1rem .75rem; display: flex; } .policy_tracking_details-heading { color: var(--_themes---text--high_em); font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); font-weight: 600; } .policy_list { grid-row-gap: 0rem; list-style-type: disc; } .policy_list.is-numbered { list-style-type: decimal; } .image-2 { margin-top: 17px; } .padding-global { padding-left: 2.5rem; padding-right: 2.5rem; } .padding-section-medium { padding-top: 5rem; padding-bottom: 5rem; } .padding-section-medium.bp { padding-bottom: 0; } .container-standard { max-width: 1280px; margin-left: auto; margin-right: auto; } .section-legend.bg { background-image: url('../images/Titans-1.png'); background-position: 50% 0; background-repeat: repeat; background-size: cover; background-attachment: scroll; margin-top: 100px; } .section-legend.bg2 { background-image: url('../images/Hero.png'); background-position: 50% 0; background-size: cover; } .section-legend.bg3 { background-color: var(--_themes---surface--surface_bg); } .section-legend.bg4 { background-image: url('../images/Hero-1.png'); background-position: 0 0; background-size: cover; } .heading-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 60%; margin-left: auto; margin-right: auto; display: flex; } .heading-style-h2 { font-weight: 600; } .heading-style-h2.white { color: var(--_themes---text--white); font-weight: 600; } .heading-style-h2.bold { color: var(--_themes---text--white); font-weight: 700; } .heading-style-h3 { font-size: var(--_typography---h4--size); font-weight: 600; } .heading-style-h3.tan { color: #c0844f; font-size: var(--_typography---h4--size); } .heading-style-h3.white { color: var(--_themes---text--white); } .heading-style-h3._28px { color: var(--_themes---text--white); font-size: 28px; } .text-size-large { font-size: var(--_typography---text-xlarge--size); } .text-size-large.white { color: var(--_themes---text--white); } .text-size-large.tan { color: #c0844f; } .text-size-large.med-em { color: var(--_themes---text--med_em); } .heading-bottom { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex; } .content-wrapper { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; display: flex; } .heading-wrapper-1 { justify-content: center; align-items: flex-start; display: flex; } .legend-card-stacking { position: relative; } .card-heading-wrapper { z-index: 1; grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; width: 53%; padding-right: 80px; display: flex; position: absolute; inset: 40% 0% auto auto; } .card-heading-wrapper._2 { width: 55%; padding-left: 80px; padding-right: 0; inset: 40% auto auto 0%; } .card-heading-top { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .button-2 { color: #000; background-color: #7bf4e0; border-radius: 5px; padding: 10px 25px; font-size: 1.1vw; font-weight: 600; line-height: 24px; text-decoration: none; transition: all .2s; } .button-2:hover { box-shadow: 1px 1px 6px #0000004d; } .button-2.white { grid-column-gap: 15px; color: #fff; background-color: #7bf4e000; border: 1px solid #fff; align-items: center; text-decoration: none; display: flex; } .text { margin-top: 20px; font-size: 18px; line-height: 26px; } .card-image { object-fit: cover; border-radius: 20px; width: 100%; height: 342.129px; } .navigator-flex { border-radius: 20px; justify-content: space-between; align-items: center; height: 75vh; margin-bottom: 0; padding: 80px 0; display: flex; position: sticky; top: 80px; } .navigator-flex.reverse-flex { flex-direction: row-reverse; } .navigator-image { justify-content: center; align-items: center; width: 50%; display: flex; } .button-box { grid-column-gap: 20px; align-items: stretch; margin-top: 40px; display: flex; } .horizontal-social-wrapper { grid-column-gap: 20px; color: #fff; align-items: center; margin-top: 30px; font-style: italic; font-weight: 300; display: flex; } .horizontal-content { flex-direction: column; align-items: flex-start; width: 44%; display: flex; } .stacking-cards-wrapper { grid-column-gap: 100px; grid-row-gap: 100px; flex-direction: column; display: none; position: relative; } .grad-span { -webkit-text-fill-color: transparent; background-color: #7bf4e0; -webkit-background-clip: text; background-clip: text; font-weight: 700; } .identity-box { grid-column-gap: 10px; color: #000; background-color: #ffffff1a; border-radius: 6px; align-items: center; margin-bottom: 20px; padding: 10px 20px; font-size: 13px; font-weight: 500; text-decoration: none; display: flex; } .tab-heading { margin-top: 0; margin-bottom: 0; font-size: 40px; line-height: 50px; } .content-wrapper-1 { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; display: flex; } .content-wrapper-1.padding { padding-top: 120px; padding-bottom: 120px; } .heading-wrapper-2 { grid-column-gap: 12px; grid-row-gap: 12px; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 60%; margin-left: auto; margin-right: auto; display: flex; } .heading-wrapper-2.width { width: 80%; } .heading-style-h5 { font-size: var(--_typography---h5--size); font-weight: 600; } .heading-style-h5.white { color: var(--_themes---text--white); } .legend-grid { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; width: 80%; margin-left: auto; margin-right: auto; } .legend-grid._2 { grid-column-gap: 32px; grid-row-gap: 32px; width: 100%; } .card-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; border: 1px solid var(--_palette---tan--200); text-align: center; border-radius: 16px; flex-flow: column; justify-content: flex-start; align-items: center; padding: 24px; display: flex; } .card-wrapper-2 { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .card-inner-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; display: flex; } .text-span { font-size: var(--_typography---text-xlarge--size); font-weight: 400; } .legend-grid-2 { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .card-wrapper-3 { grid-column-gap: 24px; grid-row-gap: 24px; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; padding: 12px; display: flex; } .text-size-small { font-size: var(--_typography---text-xlarge--size); line-height: var(--_typography---text-xlarge--line-height); } .text-size-small.white { color: var(--_themes---text--white); } .text-size-small.bold { color: var(--_themes---text--white); font-size: var(--_typography---text-medium--size); font-weight: 700; } .content-wrapper-2 { background-image: url('../images/Frame-1984078614.png'); background-size: cover; border-radius: 20px; padding-top: 5rem; padding-bottom: 5rem; } .content-wrapper-2.titans { background-image: url('../images/Frame-1984078614-1.png'); } .heading-wrapper-3 { grid-column-gap: 12px; grid-row-gap: 12px; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 50%; margin-left: auto; margin-right: auto; display: flex; } .legend-mobile-grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; display: none; } .legend-card { grid-column-gap: 12px; grid-row-gap: 12px; background-image: url('../images/Frame-1984078708-1.png'); background-position: 0 0; background-size: cover; border-radius: 12px; flex-flow: column; padding: 50px 40px; display: flex; } .section-titans.bg { background-image: url('../images/Titans-2.png'); background-position: 50% 0; background-size: cover; } .section-titans.bg2 { background-image: url('../images/Hero-2.png'); background-position: 50% 0; background-size: cover; } .section-titans.bg3 { background-image: url('../images/Hero-3.png'); background-position: 50% 0; background-size: cover; } .heading-wrapper-4 { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; width: 100%; padding-top: 60px; padding-bottom: 60px; display: flex; } .subheading-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex; } .content-wrapper-4 { grid-column-gap: 60px; grid-row-gap: 60px; text-align: center; flex-flow: column; display: flex; } .titans-grid { grid-column-gap: 40px; grid-row-gap: 40px; width: 976px; margin-left: auto; margin-right: auto; } .titans-card { position: relative; } .titans-card-bottom { grid-column-gap: 6px; grid-row-gap: 6px; text-align: left; background-color: #fafafa4d; border-radius: 16px; flex-flow: column; width: 90%; margin-left: auto; margin-right: auto; padding: 8px 12px; display: flex; position: absolute; inset: auto 0% 5%; } .inner-wrapper { justify-content: space-between; align-items: center; display: flex; } .text-size-tiny { color: var(--_themes---text--white); font-size: var(--_typography---text-medium--size); } .titans-grid-2 { grid-template-rows: auto; } .titans-card-1 { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .tick-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; text-align: left; justify-content: flex-start; align-items: center; display: flex; } .tick-main-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; padding-top: 20px; padding-bottom: 20px; display: flex; } .titans-image-wrapper { justify-content: flex-end; align-items: flex-start; display: flex; } .content-wrapper-6 { grid-column-gap: 60px; grid-row-gap: 60px; text-align: center; flex-flow: column; display: flex; } .titans-grid-3 { background-image: url('../images/Rectangle-51.png'); background-position: 50%; background-size: cover; grid-template-rows: auto; max-width: 1280px; padding: 50px 70px 50px 60px; } .titans-image-wrapper-2 { justify-content: flex-end; align-items: flex-start; display: flex; } .titans-grid-1 { grid-template-rows: auto; } .titans-image-hero { justify-content: flex-end; align-items: flex-end; display: flex; } @media screen and (min-width: 1280px) { .navigator-flex { height: 70vh; } .horizontal-content { flex-direction: column; align-items: flex-start; } .titans-grid-3 { width: 1200px; } } @media screen and (min-width: 1440px) { .button-2 { padding-top: 13px; padding-bottom: 13px; font-size: 15px; line-height: 22px; } .button-2.white { color: #fff; border-color: #fff; text-decoration: none; } .navigator-flex { height: 640px; } } @media screen and (min-width: 1920px) { .navigator-flex { padding-top: 120px; padding-bottom: 120px; } } @media screen and (max-width: 991px) { body { --_typography---body-font: "DM Sans", Arial, sans-serif; --_typography---text-medium--size: .875rem; --_typography---text-medium--line-height: 1.6; --_typography---text-medium--letter-spacing: .02em; --_typography---h1--size: 3.5rem; --_typography---h1--line-height: 1.2; --_typography---h1--letter-spacing: 0em; --_typography---h2--size: 2.5rem; --_typography---h2--line-height: 1.2; --_typography---h2--letter-spacing: 0em; --_typography---h3--size: 2.25rem; --_typography---h3--line-height: 1.2; --_typography---h3--letter-spacing: .005em; --_typography---h4--size: 1.75rem; --_typography---h4--line-height: 1.3; --_typography---h4--letter-spacing: 0em; --_typography---h5--size: 1.5rem; --_typography---h5--line-height: 1.5; --_typography---h5--letter-spacing: 0em; --_typography---h6--size: 1.25rem; --_typography---h6--line-height: 1.6; --_typography---h6--letter-spacing: 0em; --_typography---text-large--line-height: 1.6; --_typography---text-large--size: 1rem; --_typography---text-small--size: .75rem; --_typography---text-small--line-height: 1.6; --_typography---text-small--letter-spacing: .03em; --_typography---text-xsmall--size: .625rem; --_typography---text-xsmall--line-height: 1.2; --_typography---text-xsmall--letter-spacing: .03em; --_typography---secondary-font: Inter, Arial, sans-serif; --_typography---tertiary: Outfit, Arial, sans-serif; --_typography---text-xlarge--size: 1.125rem; --_typography---text-xlarge--line-height: 1.6; --_typography---text-xlarge--letter-spacing: .02em; --_typography---display--size: 4rem; --_typography---display--line-height: 1.2; --_typography---display--letter-spacing: 0px; --_typography---text-large--letter-spacing: .02em; --_typography---text-overline--size: .6875rem; --_typography---text-overline--line-height: 1.6; --_typography---text-overline--letter-spacing: .03em; --_sections---padding: 4rem; --_sections---padding-small: 2rem; --_sections---section--padding-tablet-small\: 2rem; --_sections---section--padding-mobile-small\: 1.5rem; --_sections---padding-large: 6.25rem; --_sections---container--max-width: 92.5rem; --_sections---container--padding: 2.5rem; --_sections---container--max-width-10-col: 85rem; --_sections---container--max-width-8-col: 62rem; --_sections---container--max-width-6-col: 47rem; --roundness--image\: var(--roundness--none\); --roundness--cards\: var(--roundness--medium\); --button--small-vertical-padding\: .25rem; --button--small-horizontal-padding\: .75rem; --icon--medium: 1.5rem; --icon--small: 1rem; --icon--large: 2rem; --roundness--medium\: .625rem; --roundness--large\: 1.5rem; --roundness--small\: .25rem; --roundness--full\: 9999px; --z-index--other: 997; --z-index--modal: 999; --z-index--nav: 998; --roundness--none\: 0px; } .section.cc-top-sm { padding-top: var(--_sections---section--padding-tablet-small\); } .section.cc-hero { padding-top: 4rem; } .grid-cols.cc-3col { grid-template-columns: 1fr 1fr; } .sg-element { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr; } .sg-element.cc-even-sides, .sg-element.cc-bigger-details { grid-template-columns: 1fr; } .sg-wrapper { flex-direction: column; grid-template-columns: 1fr; } .sg-wrapper.cc-nav { flex-direction: row; justify-content: space-between; display: flex; } .sg-side { width: auto; max-width: 100%; } .u-hide_tablet { display: none; } .sg-nav_menu { flex: 1; } .sg-theme { order: -1; margin-right: 2.5rem; } .spacer-desktop { display: none; } .spacer-tablet { display: block; } .home_hero_dashboard { width: 90%; } .home_hero_bg { object-fit: cover; width: 140%; max-width: none; } .home_hero_star-1 { width: 1.25rem; left: -1.25rem; } .home_hero_star-2 { width: 1.25rem; right: -1.25rem; } .navbar { padding-top: 0; } .nav_menu { background-color: var(--_themes---surface--surface_0); padding: .875rem; } .nav_menu.is-minimal { background-color: var(--_themes---surface--surface_2); } .nav_menu_layout { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; align-items: stretch; } .nav_menu_layout.is-minimal { flex-flow: row; } .nav_link { align-self: flex-start; } .home_growth_wrap { grid-template-columns: 1fr; } .home_connect_wrap { grid-template-columns: 1.27fr; } .home_reviews_list { grid-template-columns: 1fr 1fr; } .footer_wrap { flex-flow: column; grid-template-columns: 1fr; padding-left: 0; padding-right: 0; } .nav_dropdown_toggle { padding-left: 0; } .nav_dropdown_list.w--open { width: auto; position: relative; } .nav_dropdown_wrap { grid-template-columns: 1.3fr; } .nav_dropdown_right { display: none; } .nav_menu_left { flex-flow: column; align-items: stretch; display: flex; } .nav_menu_right { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .nav_menu_right.is-minimal { flex-flow: row; } .search_component_wrap { padding-top: .75rem; padding-bottom: .75rem; } .campaign_hero_star-1 { width: 1.25rem; left: -1.25rem; } .campaign_hero_star-2 { width: 1.25rem; right: -1.25rem; } .campaign_hero_bottom { grid-template-columns: 1fr 1fr; } .campaign_resources_grid { grid-template-columns: 1fr; } .quote-slider_slide-quote { font-size: 1.5rem; } .legends_hero_layout { flex-flow: column; justify-content: space-between; align-items: center; } .legends_hero_content { padding-bottom: 0; } .legends_levels_grid { grid-template-columns: 1fr 1fr; } .legends_symbols_wrap { flex-flow: column; justify-content: space-between; align-items: center; } .legends_symbols_content { padding-bottom: 0; } .legend_awards_wrap { grid-template-columns: 1fr; } .legend_future_grid { grid-template-columns: 1fr 1fr; } .legend_after_wrap { flex-flow: column; } .legend_story_top { margin-bottom: 5rem; } .nav_menu_button { border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---surface--surface_2); padding: 10px; } .nav_menu_button.w--open { border-radius: var(--_radius---border_radius_12); background-color: var(--_themes---main); } .quotes_button { width: 2.5rem; } .quotes_instance { padding-left: 3.75rem; padding-right: 3.75rem; } .home_tiers_info { grid-template-columns: 1fr; } .nav_button_wrap { padding-left: 0; } .resources-tab_grid-top, .resources-tab_grid-bottom { grid-template-columns: 1fr 1fr; } .account_dropdown_list { grid-template-columns: 1.3fr; } .account_dropdown_list-wrap.w--open { width: auto; position: relative; } .campaignv2_hero_layout, .campaignv2_funnel_cards { grid-template-columns: 1fr 1fr; } .campaignv2_offers_form-block { flex: 0 auto; width: 100%; padding-bottom: .5rem; overflow: auto; } .campaignv2_tools_wrap { grid-template-columns: 1.2fr; } .campaignv2_reviews_content { grid-template-columns: 1fr; } .footer_right_medium { padding-top: 2.5rem; padding-bottom: 2.5rem; } .fs-message { flex-direction: column; align-items: flex-start; } .login_layout { grid-template-columns: 1fr; } .login_form-wrap { max-width: none; } .offer_details_star { width: 1rem; } .offer_details_star.is-right { right: -3%; } .offer_details_star.is-left { left: -4%; } .lookup_hero_star { width: 1rem; left: 1%; } .lookup_hero_star.is-right { right: 1%; } .subscribe_star { width: 1rem; left: 1%; } .subscribe_star.is-right { right: 1%; } .subscribe_form_wrap { max-width: none; } .heading-style-h2.bold { font-size: var(--_typography---h4--size); } .text-size-large.white { font-size: var(--_typography---text-large--size); } .card-heading-wrapper { width: 65%; top: 20%; } .card-heading-wrapper._2 { width: 65%; top: 25%; } .button-2 { font-size: 14px; } .navigator-flex { grid-row-gap: 40px; flex-direction: column; height: 95vh; padding: 30px 40px; top: 3vh; } .navigator-flex.reverse-flex { flex-direction: column; top: 20px; } .navigator-image, .horizontal-content { width: 100%; } .tab-heading { line-height: 46px; } .heading-style-h5.white { font-size: var(--_typography---h6--size); } .legend-grid, .legend-grid-2 { grid-template-columns: 1fr 1fr; } .text-size-small.white { font-size: var(--_typography---text-large--size); } .heading-wrapper-3 { width: 90%; } .heading-wrapper-4 { padding-top: 20px; } .titans-grid { grid-template-columns: 1fr; width: 100%; } .titans-card-bottom { width: 60%; } .titans-grid-2 { grid-template-columns: 1fr; } .titans-image-wrapper { justify-content: center; align-items: flex-start; } .titans-grid-3 { grid-template-columns: 1fr; } .titans-image-wrapper-2 { justify-content: center; align-items: flex-start; } .titans-grid-1 { grid-template-columns: 1fr; } .titans-image-hero { justify-content: center; align-items: flex-end; } .image-3, .image-4 { width: 100%; } } @media screen and (max-width: 767px) { body { --_typography---body-font: "DM Sans", Arial, sans-serif; --_typography---text-medium--size: .875rem; --_typography---text-medium--line-height: 1.6; --_typography---text-medium--letter-spacing: .02em; --_typography---h1--size: 3rem; --_typography---h1--line-height: 1.2; --_typography---h1--letter-spacing: 0em; --_typography---h2--size: 2.25rem; --_typography---h2--line-height: 1.2; --_typography---h2--letter-spacing: 0em; --_typography---h3--size: 2rem; --_typography---h3--line-height: 1.2; --_typography---h3--letter-spacing: .005em; --_typography---h4--size: 1.5rem; --_typography---h4--line-height: 1.3; --_typography---h4--letter-spacing: 0em; --_typography---h5--size: 1.25rem; --_typography---h5--line-height: 1.5; --_typography---h5--letter-spacing: 0em; --_typography---h6--size: 1.125rem; --_typography---h6--line-height: 1.6; --_typography---h6--letter-spacing: 0em; --_typography---text-large--line-height: 1.6; --_typography---text-large--size: .875rem; --_typography---text-small--size: .75rem; --_typography---text-small--line-height: 1.6; --_typography---text-small--letter-spacing: .03em; --_typography---text-xsmall--size: .625rem; --_typography---text-xsmall--line-height: 1.2; --_typography---text-xsmall--letter-spacing: .03em; --_typography---secondary-font: Inter, Arial, sans-serif; --_typography---tertiary: Outfit, Arial, sans-serif; --_typography---text-xlarge--size: 1rem; --_typography---text-xlarge--line-height: 1.6; --_typography---text-xlarge--letter-spacing: .02em; --_typography---display--size: 3.5rem; --_typography---display--line-height: 1.2; --_typography---display--letter-spacing: 0px; --_typography---text-large--letter-spacing: .02em; --_typography---text-overline--size: .6875rem; --_typography---text-overline--line-height: 1.6; --_typography---text-overline--letter-spacing: .03em; --_sections---padding: 3rem; --_sections---padding-small: 2rem; --_sections---section--padding-tablet-small\: 2rem; --_sections---section--padding-mobile-small\: 1.5rem; --_sections---padding-large: 4rem; --_sections---container--max-width: 92.5rem; --_sections---container--padding: 1.25rem; --_sections---container--max-width-10-col: 85rem; --_sections---container--max-width-8-col: 62rem; --_sections---container--max-width-6-col: 47rem; --roundness--image\: var(--roundness--none\); --roundness--cards\: var(--roundness--medium\); --button--small-vertical-padding\: .25rem; --button--small-horizontal-padding\: .75rem; --icon--medium: 1.5rem; --icon--small: 1rem; --icon--large: 2rem; --roundness--medium\: .625rem; --roundness--large\: 1.5rem; --roundness--small\: .25rem; --roundness--full\: 9999px; --z-index--other: 997; --z-index--modal: 999; --z-index--nav: 998; --roundness--none\: 0px; } .section.cc-hero { padding-top: 3rem; } .grid-cols, .grid-cols.cc-3col, .sg-element, .sg-element.cc-even-sides, .sg-element.cc-bigger-details { grid-template-columns: 1fr; } .u-hide_tablet, .u-hide_landscape { display: none; } .sg-nav_menu { border-bottom-left-radius: var(--roundness--cards\); border-bottom-right-radius: var(--roundness--cards\); background-color: var(--_themes---colors--surface\); padding-top: 1rem; padding-bottom: 1rem; } .sg-nav_link { margin-top: 1rem; margin-bottom: 1rem; display: block; } .sg-theme { justify-content: center; display: none; } .sg-theme.cc-mobile { order: 0; margin-right: auto; display: flex; } .sg-menu-button { padding: 0; } .sg-menu-button.w--open { background-color: #c8c8c800; } .sg-menu-button_layout { grid-column-gap: .5rem; align-items: center; display: flex; } .sg-padding.cc-container { width: 20px; } .sg-menu-button_text { height: 1.4rem; overflow: hidden; } .sg-menu-button_icon { color: #fff; background-color: #3e6cff; border-radius: 100%; width: 2rem; height: 2rem; } .spacer-tablet { display: none; } .spacer-landscape { display: block; } .explore_form-block.cc-top { order: 9999; } .home_hero_star-1, .home_hero_star-2 { display: none; } .home_connect_wrap { padding: 1.5rem; } .home_connect_tags { flex-flow: wrap; } .footer_right_top { grid-template-columns: 1fr 1fr; } .form_right_bottom { flex-flow: column-reverse; justify-content: space-between; align-items: flex-start; } .campaign_hero_star-1, .campaign_hero_star-2 { display: none; } .legends_levels_grid { grid-template-columns: 1fr; } .search_container { flex-flow: column; justify-content: flex-start; align-items: stretch; } .campain_header_wrap { grid-template-columns: 1fr 1fr; } .campaignv2_offer_layout { grid-template-columns: 1fr; } .campaignv2_reviews_slider { padding-left: 3.5rem; padding-right: 3.5rem; } .campaignv2_reviews_arrow { width: 2.5rem; } .campaignv2_reviews_quote { bottom: -1.8rem; right: 2.5rem; } .offer_details_layout { grid-template-columns: 1fr; } .offer_details_star.is-left { left: -1%; } .lookup_hero_layout { grid-template-columns: 1fr; } .policy_tracking_layout { flex-flow: column; } .heading-wrapper { width: 100%; } .heading-style-h3.white { font-size: var(--_typography---h5--size); } .card-heading-wrapper { grid-column-gap: 8px; grid-row-gap: 8px; width: 100%; padding-left: 40px; padding-right: 40px; top: 15%; } .card-heading-wrapper._2 { width: 100%; padding-left: 40px; padding-right: 40px; top: 20%; } .text { margin-top: 15px; font-size: 14px; line-height: 20px; } .navigator-flex { grid-row-gap: 30px; border-radius: 10px; justify-content: center; height: 90vh; padding-left: 20px; padding-right: 20px; top: 5vh; } .button-box { margin-top: 40px; } .tab-heading { font-size: 24px; line-height: 36px; } .heading-wrapper-2 { width: 100%; } .legend-grid, .legend-grid-2 { grid-template-columns: 1fr; } .content-wrapper-2 { padding-top: 2rem; padding-bottom: 2rem; } .heading-wrapper-3 { width: 100%; padding-left: 20px; padding-right: 20px; } .titans-card-bottom { width: 90%; } } @media screen and (max-width: 479px) { body { --_typography---body-font: "DM Sans", Arial, sans-serif; --_typography---text-medium--size: .875rem; --_typography---text-medium--line-height: 1.6; --_typography---text-medium--letter-spacing: .02em; --_typography---h1--size: 2.5rem; --_typography---h1--line-height: 1.2; --_typography---h1--letter-spacing: 0em; --_typography---h2--size: 2rem; --_typography---h2--line-height: 1.2; --_typography---h2--letter-spacing: 0em; --_typography---h3--size: 1.75rem; --_typography---h3--line-height: 1.2; --_typography---h3--letter-spacing: .005em; --_typography---h4--size: 1.25rem; --_typography---h4--line-height: 1.3; --_typography---h4--letter-spacing: 0em; --_typography---h5--size: 1.125rem; --_typography---h5--line-height: 1.5; --_typography---h5--letter-spacing: 0em; --_typography---h6--size: 1.125rem; --_typography---h6--line-height: 1.6; --_typography---h6--letter-spacing: 0em; --_typography---text-large--line-height: 1.6; --_typography---text-large--size: .875rem; --_typography---text-small--size: .75rem; --_typography---text-small--line-height: 1.6; --_typography---text-small--letter-spacing: .03em; --_typography---text-xsmall--size: .625rem; --_typography---text-xsmall--line-height: 1.2; --_typography---text-xsmall--letter-spacing: .03em; --_typography---secondary-font: Inter, Arial, sans-serif; --_typography---tertiary: Outfit, Arial, sans-serif; --_typography---text-xlarge--size: 1rem; --_typography---text-xlarge--line-height: 1.6; --_typography---text-xlarge--letter-spacing: .02em; --_typography---display--size: 3rem; --_typography---display--line-height: 1.2; --_typography---display--letter-spacing: 0px; --_typography---text-large--letter-spacing: .02em; --_typography---text-overline--size: .6875rem; --_typography---text-overline--line-height: 1.6; --_typography---text-overline--letter-spacing: .03em; --_sections---padding: 2.5rem; --_sections---padding-small: 2rem; --_sections---section--padding-tablet-small\: 2rem; --_sections---section--padding-mobile-small\: 1.5rem; --_sections---padding-large: 3rem; --_sections---container--max-width: 92.5rem; --_sections---container--padding: 1.25rem; --_sections---container--max-width-10-col: 85rem; --_sections---container--max-width-8-col: 62rem; --_sections---container--max-width-6-col: 47rem; --roundness--image\: var(--roundness--none\); --roundness--cards\: var(--roundness--medium\); --button--small-vertical-padding\: .25rem; --button--small-horizontal-padding\: .75rem; --icon--medium: 1.5rem; --icon--small: 1rem; --icon--large: 2rem; --roundness--medium\: .625rem; --roundness--large\: 1.5rem; --roundness--small\: .25rem; --roundness--full\: 9999px; --z-index--other: 997; --z-index--modal: 999; --z-index--nav: 998; --roundness--none\: 0px; } .section.cc-top-sm { padding-top: var(--_sections---section--padding-mobile-small\); } .section.cc-hero { padding-top: 2.5rem; } .sg-wrapper.cc-nav { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .u-bg-dark { font-size: 1rem; } .u-hide_mobile, .spacer-landscape { display: none; } .spacer-mobile { display: block; } .explore_layout { flex-flow: column; } .explore_layout.cc-top { border-radius: var(--_radius---border_radius_8); background-color: var(--_themes---surface--surface_2); padding-left: 0; padding-right: 0; } .explore_input.cc-top { border-radius: var(--_radius---border_radius_full); text-align: center; padding: .5rem 1rem; } .home_hero_dashboard { width: 100%; } .navbar { padding-left: 0; padding-right: 0; } .nav_menu_layout.is-minimal { justify-content: flex-start; align-items: center; } .home_connect_wrap { padding: 1.25rem; } .home_reviews_list { grid-template-columns: 1fr; } .cta_wrap { padding-left: 1.25rem; padding-right: 1.25rem; } .footer_right_top { grid-template-columns: 1fr; grid-template-areas: "." "." "Area"; } .footer_policies { margin-top: 46px; } .footer_policy_copyright { margin-top: 24px; } .nav_menu_right.is-minimal { flex-flow: column; } .campaign_hero_bottom, .campaign_resources_card { grid-template-columns: 1fr; } .quotes-slider_slide-content { padding: 1.25rem; } .quote-slider_slide-quote { font-size: 1.25rem; } .legend_awards_grid, .legend_future_grid { grid-template-columns: 1fr; } .legend_after_wrap { padding: 1.25rem; } .quotes_instance { padding-left: 0; padding-right: 0; } .quotes_navigation { justify-content: center; align-items: center; height: auto; position: relative; inset: auto; } .footer_column { margin-left: 27px; } .campain_header_wrap, .resources-tab_grid-top, .resources-tab_grid-bottom, .campaignv2_hero_layout { grid-template-columns: 1fr; } .campaignv2_hero_card { background-position: 0 0, 30% 30%; background-size: auto, 800px; } .campaignv2_funnel_cards { grid-template-columns: 1fr; } .campaignv2_reviews_slider { padding-bottom: 3rem; padding-left: 0; padding-right: 0; } .campaignv2_reviews_arrow { inset: auto auto 0% 0%; } .campaignv2_reviews_arrow.is-right, .campaignv2_reviews_nav.is-right { inset: auto 0% 0% auto; } .campaignv2_reviews_quote { width: 40%; bottom: 1rem; right: -.6rem; } .campaignv2_reviews_profile { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .footer_lang_dropdown { width: 100%; min-width: 16rem; } .filters_top { padding: 1rem; } .filters_each { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .fs-message { padding: 1rem; } .fs-rangeslider_track { height: 1rem; } .login_form-wrap { padding-left: 1.25rem; padding-right: 1.25rem; } .login_bottom_button { grid-column-gap: .5rem; grid-row-gap: .5rem; } .offer_details_star.is-right { right: -5%; } .subscribe_hero_top { padding-left: 1.25rem; padding-right: 1.25rem; } .subscribe_slider { padding-bottom: 4rem; padding-left: 0; padding-right: 0; } .subscribe_slider_arrow { inset: auto auto 0% 0%; } .subscribe_slider_arrow.is-right { inset: auto 0% 0% auto; } .subscribe_form_wrap { padding-left: 1.25rem; padding-right: 1.25rem; } .login_form_interest_options { grid-template-columns: 1fr; } .padding-global { padding-left: 1rem; padding-right: 1rem; } .padding-section-medium { padding-top: 2rem; padding-bottom: 2rem; } .heading-style-h2 { font-size: var(--_typography---h3--size); } .heading-style-h2.bold { font-size: var(--_typography---text-large--size); } .heading-style-h3._28px { font-size: 20px; } .text-size-large.white { font-size: var(--_typography---text-medium--size); } .content-wrapper { text-align: center; } .legend-card-stacking.mobile { display: none; } .card-heading-top { justify-content: center; align-items: center; } .button-2 { padding-left: 6vw; padding-right: 6vw; font-size: 4vw; line-height: 2; } .button-2.white { justify-content: center; } .card-image { height: 300px; } .navigator-flex { grid-row-gap: 40px; justify-content: space-between; padding-top: 45px; padding-bottom: 60px; padding-right: 20px; } .navigator-image { justify-content: center; align-items: center; width: 90%; height: 210px; display: flex; } .button-box { align-items: center; } .tab-heading { font-size: 26px; } .content-wrapper-1.padding { padding-top: 40px; padding-bottom: 40px; } .heading-wrapper-2.width { width: 100%; } .legend-grid._2 { grid-column-gap: 16px; grid-row-gap: 16px; } .text-size-small.bold { font-size: var(--_typography---text-medium--size); } .legend-mobile-grid.mobile { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .legend-card { padding-left: 20px; padding-right: 20px; } .legend-card._2 { background-image: url('../images/Frame-1984078712-1.png'); } .legend-card._3 { background-image: url('../images/Frame-1984078713-1.png'); } .content-wrapper-4 { grid-column-gap: 30px; grid-row-gap: 30px; } .inner-wrapper { grid-column-gap: 50px; grid-row-gap: 50px; justify-content: space-between; align-items: center; } .tick-wrapper { text-align: center; flex-flow: column; } .tick-main-wrapper { padding-top: 50px; padding-bottom: 20px; } .content-wrapper-6 { grid-column-gap: 30px; grid-row-gap: 30px; } .titans-grid-3 { grid-column-gap: 32px; grid-row-gap: 32px; padding-left: 20px; padding-right: 20px; } .titans-image-wrapper-2 { padding-bottom: 60px; } .icon-2 { transform: rotate(90deg); } } #table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } #table-container .offer_card { width: 100%; } #table-container .offer_card_actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } #table-container .offer_card_actions .offer_card_cta { white-space: nowrap; text-align: center; } @media screen and (max-width: 767px) { #table-container { grid-template-columns: 1fr; } } @media screen and (max-width: 479px) { #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49dd-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49d3-1c38436b { grid-column: span 1 / span 1; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316649-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316642-1c38436b { grid-column: span 1 / span 1; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630cc-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630c5-1c38436b { grid-column: span 1 / span 1; } #w-node-eae88378-b31c-a953-6837-dfb21ea8354b-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-eae88378-b31c-a953-6837-dfb21ea8354e-1c38436b { grid-column: span 1 / span 1; } #w-node-_4f4ceffd-2bf4-349d-a048-8082d849b2ae-ccc3b525 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c33f67b2-014c-913e-fab2-84323fa6ff33-ccc3b525, #w-node-_103114d7-d19e-28f1-0f58-69198fcd7731-ccc3b525, #w-node-f55b5b6a-0788-a897-7489-b14ad08be4df-6e582a0f, #w-node-_9efc6926-c3c2-c766-1341-1eee55424124-fd940993 { grid-column: span 1 / span 1; } } #w-node-_5b9898f5-ed03-07dd-4f8d-d658d73d37c5-b0478499 { grid-area: 1 / 1 / 2 / 2; align-self: start; } #w-node-_3c0cd4f7-a02d-3741-c038-fbffb047849d-b0478499 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9ee3dd0a-511e-86fb-df14-149a33afeef6-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-_6fb8a04c-cee4-2c85-4830-b377b5c46e8f-1c38436b, #w-node-dcfc442e-2c07-e618-c47a-cff913065130-1c38436b, #w-node-a8c98833-ccb8-a61d-a3cd-4cf1c4d1b0a2-1c38436b, #w-node-_215cf4d2-5345-6b29-2088-ca011115ad3d-1c38436b, #w-node-_6dc6dad9-34e3-a038-066c-26f2f076a20d-1c38436b, #w-node-_01f78ca9-84b0-b89a-4e29-6a6299f28d23-1c38436b, #w-node-c9297240-343f-89dc-2a2d-99d31853ad91-1c38436b, #w-node-c73dae55-b547-7f24-00d6-aabf6094033a-1c38436b, #w-node-_96b47292-806f-024d-c132-00d2bc612b50-1c38436b, #w-node-cfa342d4-4ce6-326a-7fc8-6d509ca37380-1c38436b, #w-node-_8b0ed2ba-393a-1ff6-a624-c7178ebf32f2-1c38436b, #w-node-e0383639-84e2-f2fc-e516-afe08d9cb6d3-1c38436b, #w-node-_11f6d84d-5abf-4d80-6b1e-45fd8a18bc7b-1c38436b, #w-node-_77d0ff83-dab1-b022-6c33-6522ed150ca1-1c38436b, #w-node-_9abafa89-1823-b0cf-6fa0-7a863266ed8c-1c38436b, #w-node-_856d4530-e1fb-e86b-941d-842166989cbe-1c38436b, #w-node-_12bed744-adfe-2ec9-b684-9c6d953ad523-1c38436b, #w-node-d0b708e2-dbb7-3fee-714b-185eab62ca86-1c38436b, #w-node-c3fa5971-02a0-e183-ebdc-df46c2595616-1c38436b, #w-node-_4a260421-a71c-e152-d5ad-19eccc4f1812-1c38436b, #w-node-e5b5c5df-4b01-3620-0583-a03841afeef0-1c38436b, #w-node-cc671413-d5a5-1510-2e34-b8e0f180067a-1c38436b, #w-node-df8c4836-b095-ea6c-957b-8c6d51a85896-1c38436b, #w-node-df8c4836-b095-ea6c-957b-8c6d51a8589d-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49dd-1c38436b { grid-area: 1 / 3 / 2 / 4; } #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49d3-1c38436b { grid-area: span 1 / span 3 / span 1 / span 3; justify-self: stretch; } #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49d6-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316649-1c38436b { grid-area: 1 / 3 / 2 / 4; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316642-1c38436b { grid-area: span 1 / span 3 / span 1 / span 3; justify-self: stretch; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316644-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630cc-1c38436b { grid-area: 1 / 3 / 2 / 4; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630c5-1c38436b { grid-area: span 1 / span 3 / span 1 / span 3; justify-self: stretch; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630c7-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-eae88378-b31c-a953-6837-dfb21ea8354b-1c38436b { grid-area: 1 / 3 / 2 / 4; } #w-node-eae88378-b31c-a953-6837-dfb21ea8354e-1c38436b { grid-area: span 1 / span 3 / span 1 / span 3; justify-self: stretch; } #w-node-eae88378-b31c-a953-6837-dfb21ea83550-1c38436b, #w-node-_324da586-7aa6-1f70-089f-07c6fe93b601-1c38436b, #w-node-_572abc59-52a4-bffb-7e48-88b8cc9ae742-1c38436b, #w-node-_84e10a7a-c020-89a7-c131-6b954d63f7b6-1c38436b, #w-node-_2e05f756-84f0-3bcf-b2d3-c5126a2ac590-1c38436b, #w-node-_6fd162f3-da24-e1af-4a76-1f19785fc8a6-1c38436b, #w-node-_84e10a7a-c020-89a7-c131-6b954d63f7b7-1c38436b, #w-node-_37bb05c8-2e62-a91b-2c28-6ebebd18d67f-1c38436b, #w-node-_37bb05c8-2e62-a91b-2c28-6ebebd18d688-1c38436b, #w-node-_5369084b-ee5f-e4c3-9158-b8877ecae510-1c38436b, #w-node-_45680bb4-ff40-73df-2834-d995b46940c2-1c38436b, #w-node-_8eb285e3-81f3-8366-d4e4-e4936b521781-1c38436b, #w-node-dbee0fb3-a0d2-93e3-0f86-2360ac587964-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_15788dc2-5663-7f40-3f2c-af7034335901-1c38436b { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-dbee0fb3-a0d2-93e3-0f86-2360ac587968-1c38436b, #w-node-bbf0183b-f6b2-1861-5e23-7f69e673b6f2-1c38436b, #w-node-bbf0183b-f6b2-1861-5e23-7f69e673b6f8-1c38436b, #w-node-_1133b778-e1f0-b2d2-1112-2467cf1a8207-1c38436b, #w-node-_1133b778-e1f0-b2d2-1112-2467cf1a820e-1c38436b, #w-node-_527b9c0e-3ccb-775f-82e3-4cbd7c1b4721-1c38436b, #w-node-_527b9c0e-3ccb-775f-82e3-4cbd7c1b472d-1c38436b, #w-node-a1ea681c-a824-422e-2d61-8759e4024cc4-1c38436b, #w-node-a1ea681c-a824-422e-2d61-8759e4024cce-1c38436b, #w-node-a1fbdbd4-9fb6-c9a7-c638-15f452a7a79e-1c38436b, #w-node-_729b1e16-9e09-50de-10fa-fc982d323bdf-1c38436b, #w-node-_729b1e16-9e09-50de-10fa-fc982d323be1-1c38436b, #w-node-_71f5e396-ed67-19db-9544-0964aa02457e-1c38436b, #w-node-_71f5e396-ed67-19db-9544-0964aa024581-1c38436b, #w-node-_34a2e290-6945-9585-9f0e-ab3f518dbb59-1c38436b, #w-node-_4d4b77c3-fdc4-73af-a283-fbe0b90450bd-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fe1ab6eb-05fe-c38d-166c-b1e40fe22184-1c38436b, #w-node-_5a698a72-43b7-fc85-f057-41bb1c89f438-1c38436b, #w-node-bc1e0efb-85a5-030c-a334-a5f1155b22fa-1c38436b, #w-node-_7fca0311-a448-5e48-6bb1-11090e9db353-1c38436b, #w-node-_9685bfa3-087a-9fad-b118-3d53f0128efc-1c38436b, #w-node-_0fd963fe-c839-ede2-94cc-bbd752085282-1c38436b, #w-node-_0b83b5eb-bd19-a778-cd17-204dad56c81c-1c38436b, #w-node-_0b83b5eb-bd19-a778-cd17-204dad56c825-1c38436b, #w-node-_00e6529e-4913-88a1-c959-db9eae19fffb-1c38436b, #w-node-a92113c8-e211-c67a-0d95-f20768ec5f29-1c38436b, #w-node-_500c739a-ceac-50d7-65a9-8c8be8c818f7-1c38436b, #w-node-f744255e-c247-b16e-2431-0824bbb0c804-1c38436b, #w-node-c2192287-e5b5-4dca-2272-c23bfe0b32ff-1c38436b, #w-node-f693e20d-403d-2a82-8e8f-e000e6472992-1c38436b, #w-node-_2a39399e-64b8-bcee-07c8-4c34046e6c6c-1c38436b, #w-node-ee8a6611-0e6c-d45d-9f20-bac557e83e54-1c38436b, #w-node-f461c421-8971-aaae-22b1-4090bf5d1139-1c38436b, #w-node-_749bcf00-0df8-3ddb-a4c2-0dfa797672cc-1c38436b, #w-node-cdfc8a62-1cfc-64a3-4109-a9cdc8770884-1c38436b, #w-node-b1420fe4-4b4d-da54-a05e-a1130f3312d8-1c38436b, #w-node-_8d646bc7-122e-03fc-b3b9-6af5f8af9855-1c38436b, #w-node-_9a669d91-7395-509d-80d1-66dd22406a91-1c38436b, #w-node-a4af52be-7d6b-cb9b-ae4d-76589536da70-1c38436b, #w-node-_178d0f68-dea1-0f22-2bf4-1d1019dbe865-1c38436b, #w-node-_5047b698-9710-4d58-4e2d-8cd00246376a-1c38436b, #w-node-da576609-c1fd-3297-dff6-92adb72b43d4-1c38436b, #w-node-fca1a45b-1743-18a4-9861-916f63443741-1c38436b { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4d34cf5e-3d1f-4387-0afa-b700e0ad2726-1c38436b, #w-node-_952c531a-cb11-ab7f-f5b8-b5e6222c4b7c-1c38436b, #w-node-a1016b23-b944-b0f4-8af8-180c3c9d50f0-1c38436b, #w-node-_18e635ed-4398-be2f-1899-7356393cd68c-1c38436b, #w-node-_18e635ed-4398-be2f-1899-7356393cd67f-1c38436b, #w-node-c7ea5495-ddbd-5598-56e7-eb2308bbfb3b-1c38436b, #w-node-_8036c941-39bd-6e53-477d-139531ba98af-1c38436b, #w-node-c3190c9d-af7a-c263-3b69-76830cdc8e6e-1c38436b, #w-node-_94664ce2-29fd-18e6-b6fe-540421996c6d-1c38436b, #w-node-_998a01a4-c61c-9679-7a8a-3bbeb02b5f6f-1c38436b, #w-node-_5d01dd36-5e1c-2bd1-51c9-9c5aa3504822-1c38436b, #w-node-_22ae3bb5-ae43-f7f7-7d71-199eb947f047-1c38436b, #w-node-_713ee006-76ec-6f96-554c-7f61ca89be85-1c38436b, #w-node-_2cf1fdb1-4daa-5df2-614f-792b88520503-1c38436b, #w-node-_6540bd22-066f-6c25-4da8-ddd73dd145af-1c38436b, #w-node-e50404dc-a0f1-a328-1253-8ec8deba4b28-1c38436b, #w-node-_7a3f26e7-7612-e317-cb4d-450571d5c1b4-1c38436b, #w-node-_67e74f11-4c0b-5702-aeb7-dc7801e0a48c-1c38436b, #w-node-_07e25cc0-e39d-af42-88a1-686ef13b16d5-1c38436b, #w-node-_45b760ca-b6ed-89ff-27ec-a65392e81483-1c38436b, #w-node-_269c8463-5cb7-cc9e-5c2e-5471da08d307-1c38436b, #w-node-_8266eedc-2222-8ce8-74cb-926e29e930ed-1c38436b, #w-node-f63a324d-ee8a-4294-46a6-3e6ceb37c5a2-1c38436b, #w-node-_3308d20b-c389-2ea4-dee5-68d1464f3bc1-1c38436b, #w-node-a0fe941c-6201-bf99-49d1-d1005b530866-1c38436b, #w-node-_8731218b-9367-d7f5-98e5-0f9cdb9f3e98-db9f3e98, #w-node-_0adc29dc-22b0-263f-293b-31831d5d8ebe-1d5d8ebe { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-ac93a942-6d15-9f0f-16fe-e4abf150f60c-f150f609, #w-node-ac93a942-6d15-9f0f-16fe-e4abf150f60e-f150f609 { align-self: center; } #w-node-ee0ddc65-8859-dca2-0b2b-c73f76ee43e7-1c38436c, #w-node-ee0ddc65-8859-dca2-0b2b-c73f76ee43f3-1c38436c, #w-node-ee0ddc65-8859-dca2-0b2b-c73f76ee4417-1c38436c, #w-node-_0c48d9a6-1e3f-ed8b-4965-bc1f27c342c9-1c38436c, #w-node-a11bc924-fa01-c8d3-c2e5-ae4d6280f04f-1c38436c, #w-node-a409e79e-1cef-0d0f-fb43-419e23be09db-1c38436c, #w-node-_05c4e156-53eb-81cf-b3ec-762d5a2df4bb-1c38436c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4f4ceffd-2bf4-349d-a048-8082d849b2ae-ccc3b525 { grid-area: span 3 / span 2 / span 3 / span 2; } #w-node-c33f67b2-014c-913e-fab2-84323fa6ff33-ccc3b525 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-d5570332-e49c-eec4-d886-98401adb9493-ccc3b525 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f55b5b6a-0788-a897-7489-b14ad08be4df-6e582a0f, #w-node-_9efc6926-c3c2-c766-1341-1eee55424124-fd940993 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_32d670d4-3355-b150-117a-d163ccd26d64-fd940993 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_5a8e7bde-a732-1d45-64ca-5c8b4b2de595-1aad7e77, #w-node-_5a8e7bde-a732-1d45-64ca-5c8b4b2de595-59d9b4b9, #w-node-_5a8e7bde-a732-1d45-64ca-5c8b4b2de595-919fb990, #w-node-_5a8e7bde-a732-1d45-64ca-5c8b4b2de595-97296613, #w-node-_5a8e7bde-a732-1d45-64ca-5c8b4b2de595-e8588f91 { justify-self: end; } @media screen and (max-width: 991px) { #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49dd-1c38436b, #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316649-1c38436b, #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630cc-1c38436b, #w-node-eae88378-b31c-a953-6837-dfb21ea8354b-1c38436b { grid-column-start: 2; } #w-node-_103114d7-d19e-28f1-0f58-69198fcd7731-ccc3b525 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-cc2b2a22-cbbe-6713-c371-4ebac8c32ae5-6e582a0f { order: -9999; } } @media screen and (max-width: 767px) { #w-node-_4f4ceffd-2bf4-349d-a048-8082d849b2ae-ccc3b525 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-c33f67b2-014c-913e-fab2-84323fa6ff33-ccc3b525 { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49dd-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_55a3d6db-a61c-6abb-aa56-a7c1fcae49d3-1c38436b { grid-column: span 1 / span 1; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316649-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_02e8cb6f-31c2-9edf-6405-a79c21316642-1c38436b { grid-column: span 1 / span 1; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630cc-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e10a81d2-2258-42d1-bc3b-56c9c0d630c5-1c38436b { grid-column: span 1 / span 1; } #w-node-eae88378-b31c-a953-6837-dfb21ea8354b-1c38436b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-eae88378-b31c-a953-6837-dfb21ea8354e-1c38436b { grid-column: span 1 / span 1; } #w-node-_4f4ceffd-2bf4-349d-a048-8082d849b2ae-ccc3b525 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c33f67b2-014c-913e-fab2-84323fa6ff33-ccc3b525, #w-node-_103114d7-d19e-28f1-0f58-69198fcd7731-ccc3b525, #w-node-f55b5b6a-0788-a897-7489-b14ad08be4df-6e582a0f, #w-node-_9efc6926-c3c2-c766-1341-1eee55424124-fd940993 { grid-column: span 1 / span 1; } }