@charset "UTF-8";
:root {
  --mode-color-brand-primary-blue-brand: #001b72;
  --mode-color-brand-primary-aqua-brand: #0bc0ff;
  --mode-color-brand-primary-green-brand: #66d403;
  --mode-color-brand-primary-yellow-brand: #fabb00;
  --mode-color-brand-primary-orange-brand: #ff7800;
  --mode-color-brand-primary-pink-brand: #ff00a3;
  --mode-color-brand-dark-blue-qsd-dark: #1c2633;
  --mode-color-brand-light-blue-qsd-light: #8dc5ff;
  --mode-color-brand-dark-aqua-qsd-dark: #005269;
  --mode-color-brand-light-aqua-qsd-light: #cff5ff;
  --mode-color-brand-dark-green-qsd-dark: #4d5e21;
  --mode-color-brand-light-green-qsd-light: #d7e3bb;
  --mode-color-brand-dark-yellow-qsd-dark: #9c6b08;
  --mode-color-brand-light-yellow-qsd-light: #ebe1cf;
  --mode-color-brand-dark-orange-qsd-dark: #8f301c;
  --mode-color-brand-light-orange-qsd-light: #e9d2c7;
  --mode-color-brand-dark-pink-qsd-dark: #420f29;
  --mode-color-brand-light-pink-qsd-light: #f3d7e1;
  --mode-color-brand-primary-purple-brand: #7122f4;
  --mode-color-brand-dark-purple-qsd-dark: #230162;
  --mode-color-brand-light-purple-qsl-light: #e9dfff;
  --mode-color-brand-primary-mint-brand: #30e894;
  --mode-color-brand-dark-mint-qsd-dark: #054021;
  --mode-color-brand-light-mint-qsl-light: #0ef8cf;
  --mode-theme-base-color-default-main: #054021;
  --mode-theme-components-button-default-lightness-primary-hover-stoke: #054021;
  --mode-theme-components-button-default-lightness-primary-default-fill: #054021;
  --mode-theme-components-button-default-lightness-primary-default-content: #ffffff;
  --mode-theme-components-button-default-lightness-primary-hover-content: #054021;
  --mode-theme-components-button-default-lightness-primary-disabled-fill: #04331a;
  --mode-theme-components-button-default-lightness-primary-disabled-content: #f2f2f2;
  --mode-color-primitives-mint-mint-100: #e6ece9;
  --mode-color-primitives-mint-mint-200: #aefbe4;
  --mode-color-primitives-mint-mint-300: #0ef8cf;
  --mode-color-primitives-mint-mint-400: #57efc3;
  --mode-color-primitives-mint-mint-500: #30e894;
  --mode-color-primitives-mint-mint-600: #1bbe77;
  --mode-color-primitives-mint-mint-700: #054021;
  --mode-color-primitives-mint-mint-800: #04331a;
  --mode-color-primitives-mint-mint-900: #021a10;
  --mode-theme-components-button-default-lightness-outline-default-content: #054021;
  --mode-theme-components-button-default-lightness-outline-hover-fill: #054021;
  --mode-theme-components-button-default-lightness-outline-hover-content: #ffffff;
  --mode-theme-base-color-default-darker: #04331a;
  --mode-theme-base-color-negative-main: #ffffff;
  --mode-color-primitives-purple-purple-500: #7122f4;
  --mode-color-primitives-purple-purple-600: #5e1ad0;
  --mode-color-primitives-purple-purple-700: #4a12ab;
  --mode-color-primitives-purple-purple-800: #370987;
  --mode-color-primitives-purple-purple-900: #230162;
  --mode-color-primitives-purple-purple-100: #e9dfff;
  --mode-color-primitives-purple-purple-200: #cbb0fc;
  --mode-color-primitives-purple-purple-300: #cbb0fc;
  --mode-color-primitives-purple-purple-400: #8f51f7;
  --mode-color-primitives-neutral-neutral-0: #ffffff;
  --mode-color-primitives-neutral-neutral-100: #f9fafb;
  --mode-color-primitives-neutral-neutral-200: #ededed;
  --mode-color-primitives-neutral-neutral-900: #2a2a2a;
  --mode-color-primitives-pink-pink-100: #f3d7e1;
  --mode-color-primitives-pink-pink-200: #f6a1d2;
  --mode-color-primitives-pink-pink-300: #f96cc2;
  --mode-color-primitives-pink-pink-400: #fc36b3;
  --mode-color-primitives-pink-pink-500: #ff00a3;
  --mode-color-primitives-pink-pink-600: #d00485;
  --mode-color-primitives-pink-pink-700: #a10866;
  --mode-color-primitives-pink-pink-800: #710b48;
  --mode-color-primitives-pink-pink-900: #420f29;
  --mode-color-primitives-aqua-aqua-100: #cff5ff;
  --mode-color-primitives-aqua-aqua-200: #9ee8ff;
  --mode-color-primitives-aqua-aqua-300: #6ddbff;
  --mode-color-primitives-aqua-aqua-400: #3ccdff;
  --mode-color-primitives-aqua-aqua-500: #0bc0ff;
  --mode-color-primitives-aqua-aqua-600: #08a5da;
  --mode-color-primitives-aqua-aqua-700: #0689b4;
  --mode-color-primitives-aqua-aqua-800: #036e8f;
  --mode-color-primitives-aqua-aqua-900: #005269;
  --mode-color-primitives-orange-orange-100: #e9d2c7;
  --mode-color-primitives-orange-orange-200: #efbc95;
  --mode-color-primitives-orange-orange-300: #f4a564;
  --mode-color-primitives-orange-orange-400: #fa8f32;
  --mode-color-primitives-orange-orange-500: #ff7800;
  --mode-color-primitives-orange-orange-600: #e36607;
  --mode-color-primitives-orange-orange-700: #c7540e;
  --mode-color-primitives-orange-orange-800: #ab4215;
  --mode-color-primitives-orange-orange-900: #8f301c;
  --mode-color-primitives-blue-blue-100: #b5d9ff;
  --mode-color-primitives-blue-blue-200: #8dc5ff;
  --mode-color-primitives-blue-blue-300: #71a3e3;
  --mode-color-primitives-blue-blue-400: #5581c7;
  --mode-color-primitives-blue-blue-500: #385faa;
  --mode-color-primitives-blue-blue-600: #1c3d8e;
  --mode-color-primitives-blue-blue-700: #001b72;
  --mode-color-primitives-blue-blue-800: #0e2153;
  --mode-color-primitives-blue-blue-9000: #1c2633;
  --mode-color-primitives-yellow-yellow-100: #ebe1cf;
  --mode-color-primitives-yellow-yellow-200: #efd89b;
  --mode-color-primitives-yellow-yellow-300: #f3ce68;
  --mode-color-primitives-yellow-yellow-400: #f6c534;
  --mode-color-primitives-yellow-yellow-500: #fabb00;
  --mode-color-primitives-yellow-yellow-600: #dba003;
  --mode-color-primitives-yellow-yellow-700: #bb8605;
  --mode-color-primitives-yellow-yellow-800: #9c6b08;
  --mode-color-primitives-yellow-yellow-9000: #7a5406;
  --mode-color-primitives-green-green-100: #d7e3bb;
  --mode-color-primitives-green-green-200: #bbdf8d;
  --mode-color-primitives-green-green-300: #9fdc5f;
  --mode-color-primitives-green-green-400: #82d831;
  --mode-color-primitives-green-green-500: #66d403;
  --mode-color-primitives-green-green-600: #5ead0d;
  --mode-color-primitives-green-green-700: #558517;
  --mode-color-primitives-green-green-800: #4d5e21;
  --mode-color-primitives-green-green-9000: #384418;
  --mode-color-primitives-neutral-white-off-white: #fdfdfd;
  --mode-color-primitives-neutral-neutral-150: #f2f2f2;
  --mode-color-primitives-neutral-neutral-400: #d9d9d9;
  --mode-color-primitives-neutral-neutral-500-base-: #adb5bd;
  --mode-color-primitives-neutral-neutral-700: #495057;
  --mode-color-primitives-neutral-neutral-800: #343a40;
  --mode-color-primitives-neutral-neutral-600: #6d757d;
  --mode-color-primitives-neutral-neutral-300: #e6e6e6;
  --mode-color-primitives-neutral-black-off-black: #0a0a0a;
  --mode-color-primitives-red-red-100: #fff4f4;
  --mode-color-primitives-red-red-200: #fcd2d2;
  --mode-color-primitives-red-red-300: #faa0a0;
  --mode-color-primitives-red-red-400: #f56161;
  --mode-color-primitives-red-red-500: #dc4747;
  --mode-color-primitives-red-red-600: #b53030;
  --mode-color-primitives-red-red-700: #8e1f1f;
  --mode-color-primitives-red-red-800: #5b0e0e;
  --mode-color-primitives-red-red-900: #420707;
  --mode-color-primitives-purple-purple-50: #f9f6ff;
  --mode-color-primitives-mint-mint-50: #f5fbf8;
  --mode-color-primitives-pink-pink-50: #fbf3f6;
  --mode-color-primitives-aqua-aqua-50: #f1fafd;
  --mode-color-primitives-orange-orange-50: #fbf5f2;
  --mode-color-primitives-blue-blue-50: #edf6fe;
  --mode-color-primitives-yellow-yellow-50: #fbf7f0;
  --mode-color-primitives-green-green-50: #f6faed;
  --mode-theme-base-color-negative-darker: #f2f2f2;
  --mode-theme-components-button-default-lightness-outline-default-stroke: #054021;
  --mode-theme-components-button-default-lightness-outline-disabled-content: #05402199;
  --mode-theme-components-button-default-lightness-outline-disabled-stroke: #05402199;
  --mode-theme-base-color-default-low-opacity: #05402199;
  --mode-theme-components-button-default-lightness-link-default-fill: #054021;
  --mode-theme-components-button-default-lightness-link-default-icon: #ffffff;
  --mode-theme-components-button-default-lightness-link-hover-stoke: #054021;
  --mode-theme-components-button-default-lightness-link-hover-icon: #054021;
  --mode-theme-components-button-default-lightness-link-disabled-fill: #05402199;
  --mode-theme-components-button-default-lightness-link-disabled-icon: #f2f2f2;
  --mode-theme-components-button-default-lightness-icon-default-fill: #420f2919;
  --mode-theme-components-button-default-lightness-icon-default-content: #420f29;
  --mode-theme-components-button-default-lightness-icon-hover-stoke: #420f29;
  --mode-theme-components-button-default-lightness-icon-hover-content: #420f29;
  --mode-theme-components-button-default-lightness-icon-disabled-fill: #420f290c;
  --mode-theme-components-button-default-lightness-icon-disabled-content: #420f293f;
  --mode-theme-components-button-default-lightness-link-default-text: #054021;
  --mode-theme-components-button-default-lightness-link-hover-text: #054021;
  --mode-theme-components-button-default-lightness-link-disabled-text: #04331a;
  --mode-theme-components-button-light-lightness-primary-default-fill: #ffffff;
  --mode-theme-components-button-light-lightness-primary-default-content: #054021;
  --mode-theme-components-button-light-lightness-primary-hover-stoke: #ffffff;
  --mode-theme-components-button-light-lightness-primary-hover-content: #ffffff;
  --mode-theme-components-button-light-lightness-primary-disabled-fill: #f2f2f2;
  --mode-theme-components-button-light-lightness-primary-disabled-content: #04331a;
  --mode-theme-components-button-light-lightness-outline-default-stroke: #ffffff;
  --mode-theme-components-button-light-lightness-outline-default-content: #ffffff;
  --mode-theme-components-button-light-lightness-outline-hover-fill: #ffffff;
  --mode-theme-components-button-light-lightness-outline-hover-content: #054021;
  --mode-theme-components-button-light-lightness-outline-disabled-stroke: #f2f2f2;
  --mode-theme-components-button-light-lightness-outline-disabled-content: #f2f2f2;
  --mode-theme-components-button-light-lightness-link-default-fill: #f5f5f519;
  --mode-theme-components-button-light-lightness-link-default-icon: #ffffff;
  --mode-theme-components-button-light-lightness-link-hover-stoke: #ffffff;
  --mode-theme-components-button-light-lightness-link-default-text: #ffffff;
  --mode-theme-components-button-light-lightness-link-hover-icon: #ffffff;
  --mode-theme-components-button-light-lightness-link-hover-text: #ffffff;
  --mode-theme-components-button-light-lightness-link-disabled-fill: #f2f2f2;
  --mode-theme-components-button-light-lightness-link-disabled-icon: #05402199;
  --mode-theme-components-button-light-lightness-icon-default-fill: #e6e6e6;
  --mode-theme-components-button-light-lightness-link-disabled-text: #f2f2f2;
  --mode-theme-components-button-light-lightness-icon-default-content: #054021;
  --mode-theme-components-button-light-lightness-icon-hover-stoke: #ffffff;
  --mode-theme-components-button-light-lightness-icon-hover-content: #ffffff;
  --mode-theme-components-button-light-lightness-icon-disabled-fill: #f2f2f2;
  --mode-theme-components-button-light-lightness-icon-disabled-content: #adb5bd;
  --mode-theme-components-accordion-title-default: #420f29;
  --mode-theme-components-accordion-title-hover: #5e1ad0;
  --mode-theme-components-accordion-body-default: #420f29;
  --mode-theme-components-accordion-stroke-color: #ededed;
  --mode-theme-components-accordion-stroke-weight: 1px;
  --mode-theme-components-pagination-particle-bg-default: #ffffff00;
  --mode-theme-components-pagination-particle-bg-selected: #054021;
  --mode-theme-components-pagination-particle-text-default: #054021;
  --mode-theme-components-pagination-particle-text-selected: #ffffff;
  --mode-theme-components-tabs-particle-text-selected: #f2f2f2;
  --mode-theme-components-tabs-particle-text-default: #054021;
  --mode-theme-components-tabs-particle-text-hover: #054021;
  --mode-theme-components-tabs-particle-border-hover: #054021;
  --mode-theme-components-tabs-particle-bg-selected: #054021;
  --mode-theme-components-tabs-particle-margins: 12px;
  --mode-theme-components-button-light-lightness-link-default-outline: #ffffff;
  --mode-theme-components-button-light-lightness-link-default-bg-blur: 36px;
  --mode-theme-components-accordion-button-icon: #420f29;
  --mode-color-primitives-neutral-black-75-: #0a0a0abf;
  --mode-color-primitives-neutral-white-30-: #f9f9f94c;
  --mode-color-primitives-neutral-white-75-: #f9f9f9bf;
  --mode-color-primitives-neutral-black-60-: #0a0a0a99;
  --mode-color-primitives-neutral-black-30-: #0a0a0a4c;
  --mode-color-primitives-neutral-white-60-: #f9f9f999;
  --mode-color-primitives-mint-mint-60-: #05402199;
  --mode-theme-base-color-negative-low-opacity: #f9f9f999;
  --mode-color-primitives-mint-mint-10-: #05402119;
  --mode-font-family-en-system: "Arial";
  --mode-font-family-ar-system: "Arial Arabic";
  --mode-font-family-ar-secondary: "29LT Bukra Variable";
  --mode-font-family-ar-primary: "29LT Bukra Variable";
  --mode-font-family-en-primary: "Proxima Nova Extra Wide";
  --mode-font-family-en-secondary: "Proxima Nova";
  --mode-font-weight-ar-heading-light: "wide light";
  --mode-font-weight-ar-heading-regular: "wide regular";
  --mode-font-weight-ar-heading-medium: "wide medium";
  --mode-font-weight-ar-heading-semibold: "wide semibold";
  --mode-font-weight-ar-heading-bold: "wide bold";
  --mode-font-weight-ar-heading-extrabold: "wide extrabold";
  --mode-font-weight-ar-body-light: "light";
  --mode-font-weight-ar-body-regular: "regular";
  --mode-font-weight-ar-body-medium: "medium";
  --mode-font-weight-ar-body-semibold: "semibold";
  --mode-font-weight-ar-body-bold: "bold";
  --mode-font-weight-ar-body-black: "black";
  --mode-font-weight-en-regular: "regular";
  --mode-font-weight-en-semibold: "semibold";
  --mode-font-weight-en-medium: "medium";
  --mode-font-weight-en-bold: "bold";
  --mode-font-weight-en-black: "black";
  --mode-font-weight-en-light: "light";
  --mode-font-weight-ar-display-regular: "wide regular";
  --mode-font-weight-ar-display-semibold: "wide semibold";
  --mode-font-weight-ar-display-bold: "wide bold";
  --en-font-family-heading: "Proxima Nova Extra Wide";
  --en-font-weight-heading-light: "light";
  --en-font-weight-heading-regular: "regular";
  --en-font-weight-heading-medium: "medium";
  --en-font-weight-heading-semibold: "semibold";
  --en-font-weight-heading-bold: "bold";
  --en-font-weight-heading-black: "black";
  --en-font-family-body: "Proxima Nova";
  --en-font-family-system: "Arial";
  --en-font-size-body-md: 16px;
  --en-font-size-body-lg: 18px;
  --en-font-family-button: "Proxima Nova Extra Wide";
  --en-font-size-display-display: 80px;
  --en-font-size-body-sm: 12px;
  --en-font-weight-body-light: "light";
  --en-font-weight-body-regular: "regular";
  --en-font-weight-body-semibold: "semibold";
  --en-font-weight-body-bold: "bold";
  --en-font-weight-body-black: "black";
  --en-font-line-height-heading-h-1: 68px;
  --en-font-line-height-heading-h-3: 38px;
  --en-font-line-height-heading-h-2: 58px;
  --en-font-line-height-heading-h-4: 28px;
  --en-font-line-height-heading-h-7-eyebrow: 16px;
  --en-font-line-height-heading-h-6-label: 20px;
  --en-font-line-height-body-lg: 24px;
  --en-font-line-height-body-md: 20px;
  --en-font-line-height-body-sm: 16px;
  --en-font-family-display: "Proxima Nova Extra Wide";
  --en-font-size-heading-h-1: 56px;
  --en-font-size-heading-h-2: 48px;
  --en-font-size-heading-h-3: 32px;
  --en-font-size-heading-h-4: 24px;
  --en-font-size-heading-h-6-label: 16px;
  --en-font-size-heading-h-7-eyebrow: 14px;
  --en-font-line-height-display-display: 96px;
  --en-font-weight-display-semibold: "semibold";
  --en-font-weight-display-bold: "bold";
  --en-font-weight-display-regular: "regular";
  --en-font-size-textlink-textlink: 11px;
  --en-font-family-textlink: "Proxima Nova Extra Wide";
  --en-font-size-button-button: 14px;
  --en-font-size-tab-default: 16px;
  --en-font-size-tab-selected: 16px;
  --en-font-family-tab: "Proxima Nova Extra Wide";
  --en-active: 11px;
  --en-default: 11px;
  --en-font-size-breadcrumb-active: 11px;
  --en-font-size-breadcrumb-default: 11px;
  --en-font-line-height-breadcrumb-default: 11px;
  --en-font-line-height-breadcrumb-active: 11px;
  --en-font-line-height-tab-default: 16px;
  --en-font-line-height-tab-selected: 16px;
  --en-font-line-height-textlink-textlink: 13px;
  --en-font-line-height-button-button: 14px;
  --en-font-size-accordion-title: 20px;
  --en-font-line-height-accordion-title: 24px;
  --en-font-spacing-heading-h-4: 0.23999999463558197;
  --en-font-spacing-heading-h-6-label: 1.399999976158142;
  --en-font-spacing-heading-h-7-eyebrow: 1.399999976158142;
  --en-font-spacing-textlink-textlink: 2px;
  --en-font-spacing-accordion-title: 0.18000000715255737;
  --en-font-family-accordion: "Proxima Nova Extra Wide";
  --en-font-weight-button-button: "medium";
  --en-font-weight-textlink-textlink: "semibold";
  --en-font-weight-breadcrumb-default: "regular";
  --en-font-weight-tab-default: "regular";
  --en-font-weight-accordion-title: "medium";
  --en-font-weight-tab-selected: "semibold";
  --en-font-weight-breadcrumb-active: "bold";
  --en-font-family-breadcrumb: "Proxima Nova";
  --en-font-family-tag: "Proxima Nova Extra Wide";
  --en-font-size-tag-tag: 14px;
  --en-font-line-height-tag-button: 14px;
  --en-font-weight-tag-tag: "regular";
  --en-font-size-heading-h-5: 24px;
  --en-font-line-height-heading-h-5: 28px;
  --ar-font-family-heading: "29LT Bukra Variable";
  --ar-font-weight-heading-light: "wide light";
  --ar-font-weight-heading-regular: "wide regular";
  --ar-font-weight-heading-medium: "wide medium";
  --ar-font-weight-heading-semibold: "wide semibold";
  --ar-font-weight-heading-bold: "wide bold";
  --ar-font-weight-heading-black: "wide extrabold";
  --ar-font-family-body: "29LT Bukra Variable";
  --ar-font-family-system: "Arial Arabic";
  --ar-font-size-body-md: 16px;
  --ar-font-size-body-lg: 18px;
  --ar-font-family-button: "29LT Bukra Variable";
  --ar-font-size-display-display: 74px;
  --ar-font-size-body-sm: 12px;
  --ar-font-weight-body-light: "light";
  --ar-font-weight-body-regular: "regular";
  --ar-font-weight-body-semibold: "medium";
  --ar-font-weight-body-bold: "bold";
  --ar-font-weight-body-black: "black";
  --ar-font-line-height-heading-h-1: 76px;
  --ar-font-line-height-heading-h-3: 41px;
  --ar-font-line-height-heading-h-2: 64px;
  --ar-font-line-height-heading-h-4: 32px;
  --ar-font-line-height-heading-h-7-eyebrow: 20px;
  --ar-font-line-height-heading-h-6-label: 23px;
  --ar-font-line-height-body-lg: 24px;
  --ar-font-line-height-body-md: 22px;
  --ar-font-line-height-body-sm: 18px;
  --ar-font-family-display: "29LT Bukra Variable";
  --ar-font-size-heading-h-1: 54px;
  --ar-font-size-heading-h-2: 44px;
  --ar-font-size-heading-h-3: 30px;
  --ar-font-size-heading-h-4: 24px;
  --ar-font-size-heading-h-6-label: 16px;
  --ar-font-size-heading-h-7-eyebrow: 14px;
  --ar-font-line-height-display-display: 104px;
  --ar-font-weight-display-semibold: "wide semibold";
  --ar-font-weight-display-bold: "wide bold";
  --ar-font-weight-display-regular: "wide regular";
  --ar-font-size-textlink-textlink: 11px;
  --ar-font-family-textlink: "29LT Bukra Variable";
  --ar-font-size-button-button: 14px;
  --ar-font-size-tab-default: 16px;
  --ar-font-size-tab-selected: 16px;
  --ar-font-family-tab: "29LT Bukra Variable";
  --ar-active: 11px;
  --ar-default: 11px;
  --ar-font-size-breadcrumb-active: 11px;
  --ar-font-size-breadcrumb-default: 11px;
  --ar-font-line-height-breadcrumb-default: 11px;
  --ar-font-line-height-breadcrumb-active: 11px;
  --ar-font-line-height-tab-default: 16px;
  --ar-font-line-height-tab-selected: 16px;
  --ar-font-line-height-textlink-textlink: 15px;
  --ar-font-line-height-button-button: 14px;
  --ar-font-size-accordion-title: 20px;
  --ar-font-line-height-accordion-title: 24px;
  --ar-font-spacing-heading-h-4: 0;
  --ar-font-spacing-heading-h-6-label: 0;
  --ar-font-spacing-heading-h-7-eyebrow: 0;
  --ar-font-spacing-textlink-textlink: 0;
  --ar-font-spacing-accordion-title: 0;
  --ar-font-family-accordion: "29LT Bukra Variable";
  --ar-font-weight-button-button: "medium";
  --ar-font-weight-textlink-textlink: "semibold";
  --ar-font-weight-breadcrumb-default: "regular";
  --ar-font-weight-tab-default: "regular";
  --ar-font-weight-accordion-title: "medium";
  --ar-font-weight-tab-selected: "semibold";
  --ar-font-weight-breadcrumb-active: "bold";
  --ar-font-family-breadcrumb: "29LT Bukra Variable";
  --ar-font-family-tag: "29LT Bukra Variable";
  --ar-font-size-tag-tag: 14px;
  --ar-font-line-height-tag-button: 14px;
  --ar-font-weight-tag-tag: "regular";
  --ar-font-size-heading-h-5: 24px;
  --ar-font-line-height-heading-h-5: 32px;
  --ar-font-size-body-lg: 14px;
  --ar-font-size-body-md: 14px;
  --spacing-grid-margin-side: 32px;
  --en-font-size-heading-h-1: 36px;
  --en-font-size-heading-h-3: 24px;
  --en-font-size-heading-h-4: 16px;
  --en-font-size-heading-h-6-label: 12px;
  --en-font-size-heading-h-7-eyebrow: 12px;
  --en-font-size-body-lg: 16px;
  --en-font-size-body-md: 14px;
  --ar-font-size-button-button: 14px;
  --en-font-size-button-button: 14px;
  --spacing-component-button-state-default: 12px;
  --spacing-component-button-state-hover: 8px;
  --spacing-component-button-state-disabled: 12px;
  --en-font-size-textlink-textlink: 11px;
  --ar-font-size-textlink-textlink: 11px;
  --spacing-section-other-hero-default-height: 640px;
  --spacing-section-other-hero-default-margin-bottom: 40px;
  --spacing-section-default-content-gap-default: 24px;
  --spacing-section-other-hero-default-margin-top: 40px;
  --spacing-component-nav-height: 104px;
  --spacing-component-nav-max-width: 1200px;
  --spacing-section-default-content-max-width: 306px;
  --spacing-component-nav-margin-horizontal: 16px;
  --spacing-component-nav-margin-side: 120px;
  --spacing-component-nav-width: 1440px;
  --spacing-section-margin-horizontal: 48px;
  --spacing-section-gap: 48px;
  --spacing-grid-column-gap-default: 32px;
  --spacing-section-other-narrow-section-margin-side: 120px;
  --spacing-section-other-narrow-section-max-width: 984px;
  --en-font-size-breadcrumb-default: 11px;
  --variant-links-components-header: "desktop";
  --spacing-section-default-header-gutter: 32px;
  --variant-links-components-footer: "desktop";
  --screen-corner-radius: 38px;
  --variant-links-naming-alt-1: "mobile";
  --variant-links-components-hero: "desktop";
  --variant-links-components-narrow-section: "vertical";
  --en-font-size-accordion-title: 16px;
  --spacing-component-form-margin: 20px;
  --spacing-component-form-gap: 32px;
  --variant-links-components-video: "desktop";
  --variant-links-components-img-listing: "desktop";
  --variant-links-components-form: "desktop";
  --variant-links-naming-default: "mobile";
  --en-font-size-heading-h-2: 32px;
  --ar-font-size-display-display: 40px;
  --spacing-section-other-hero-homepage-height: 1024px;
  --spacing-section-other-hero-homepage-margin-bottom: 80px;
  --spacing-component-footer-textlink-gap: 16px;
  --spacing-grid-column-gap-tight: 16px;
  --spacing-section-default-content-gap-tight: 16px;
  --en-font-size-body-sm: 12px;
  --ar-font-size-body-sm: 10px;
  --spacing-component-card-margin-side: 16px;
  --spacing-component-card-margin-horizontal: 16px;
  --variant-links-readme: " ";
  --variant-links-naming-alt-2: "mobile";
  --ar-font-line-height-display-display: 56px;
  --en-font-line-height-display-display: 52px;
  --en-font-size-display-display: 44px;
  --en-font-line-height-heading-h-1: 44px;
  --en-font-line-height-heading-h-2: 38px;
  --en-font-line-height-heading-h-3: 28px;
  --en-font-line-height-heading-h-4: 20px;
  --en-font-line-height-heading-h-6-label: 14px;
  --en-font-line-height-heading-h-7-eyebrow: 14px;
  --en-font-line-height-body-sm: 14px;
  --en-font-line-height-body-md: 18px;
  --en-font-line-height-body-lg: 20px;
  --ar-font-size-heading-h-1: 34px;
  --ar-font-size-heading-h-2: 30px;
  --ar-font-size-heading-h-3: 22px;
  --ar-font-size-heading-h-4: 16px;
  --ar-font-size-heading-h-6-label: 12px;
  --ar-font-size-heading-h-7-eyebrow: 12px;
  --ar-font-line-height-heading-h-1: 48px;
  --ar-font-line-height-heading-h-2: 42px;
  --ar-font-line-height-heading-h-3: 31px;
  --ar-font-line-height-heading-h-4: 23px;
  --ar-font-line-height-heading-h-6-label: 17px;
  --ar-font-line-height-heading-h-7-eyebrow: 17px;
  --ar-font-line-height-body-sm: 14px;
  --ar-font-line-height-body-md: 20px;
  --ar-font-line-height-body-lg: 20px;
  --en-font-spacing-heading-h-4: 0.23999999463558197;
  --en-font-spacing-heading-h-6-label: 1.399999976158142;
  --en-font-spacing-heading-h-7-eyebrow: 1.399999976158142;
  --en-font-line-height-button-button: 14px;
  --en-font-line-height-accordion-title: 20px;
  --en-font-spacing-accordion-title: 0.18000000715255737;
  --en-font-line-height-tab-default: 15px;
  --en-font-line-height-tab-selected: 15px;
  --en-font-size-tab-default: 15px;
  --en-font-size-tab-selected: 15px;
  --en-font-line-height-textlink-textlink: 13px;
  --en-font-spacing-textlink-textlink: 2px;
  --ar-font-size-tab-selected: 15px;
  --ar-font-size-tab-default: 15px;
  --ar-font-size-accordion-title: 16px;
  --ar-font-line-height-textlink-textlink: 15px;
  --ar-font-line-height-button-button: 14px;
  --ar-font-line-height-tab-default: 15px;
  --ar-font-line-height-tab-selected: 15px;
  --ar-font-line-height-accordion-title: 20px;
  --ar-font-spacing-heading-h-4: 0;
  --ar-font-spacing-textlink-textlink: 0;
  --ar-font-spacing-heading-h-6-label: 0;
  --ar-font-spacing-heading-h-7-eyebrow: 0;
  --ar-font-spacing-accordion-title: 0;
  --en-font-size-breadcrumb-active: 11px;
  --en-font-line-height-breadcrumb-active: 11px;
  --en-font-line-height-breadcrumb-default: 11px;
  --ar-font-size-breadcrumb-active: 11px;
  --ar-font-size-breadcrumb-default: 11px;
  --ar-font-line-height-breadcrumb-active: 11px;
  --ar-font-line-height-breadcrumb-default: 11px;
  --en-font-size-tag-tag: 12px;
  --en-font-line-height-tag-tag: 12px;
  --ar-font-size-tag-tag: 14px;
  --ar-font-line-height-tag-tag: 14px;
  --en-font-size-heading-h-5: 16px;
  --en-font-line-height-heading-h-5: 20px;
  --ar-font-size-heading-h-5: 16px;
  --ar-font-line-height-heading-h-5: 23px;
}

@media (min-width: 768px) {
  :root {
    --ar-font-size-body-lg: 16px;
    --ar-font-size-body-md: 14px;
    --spacing-grid-margin-side: 64px;
    --en-font-size-heading-h-1: 40px;
    --en-font-size-heading-h-3: 28px;
    --en-font-size-heading-h-4: 20px;
    --en-font-size-heading-h-6-label: 14px;
    --en-font-size-heading-h-7-eyebrow: 14px;
    --en-font-size-body-lg: 16px;
    --en-font-size-body-md: 14px;
    --ar-font-size-button-button: 14px;
    --en-font-size-button-button: 14px;
    --spacing-component-button-state-default: 12px;
    --spacing-component-button-state-hover: 8px;
    --spacing-component-button-state-disabled: 12px;
    --en-font-size-textlink-textlink: 11px;
    --ar-font-size-textlink-textlink: 11px;
    --spacing-section-other-hero-default-height: 640px;
    --spacing-section-other-hero-default-margin-bottom: 100px;
    --spacing-section-default-content-gap-default: 32px;
    --spacing-section-other-hero-default-margin-top: 100px;
    --spacing-component-nav-height: 104px;
    --spacing-component-nav-max-width: 1200px;
    --spacing-section-default-content-max-width: 640px;
    --spacing-component-nav-margin-horizontal: 16px;
    --spacing-component-nav-margin-side: 120px;
    --spacing-component-nav-width: 1440px;
    --spacing-section-margin-horizontal: 80px;
    --spacing-section-gap: 64px;
    --spacing-grid-column-gap-default: 40px;
    --spacing-section-other-narrow-section-margin-side: 120px;
    --spacing-section-other-narrow-section-max-width: 984px;
    --en-font-size-breadcrumb-default: 11px;
    --variant-links-components-header: "desktop";
    --spacing-section-default-header-gutter: 40px;
    --variant-links-components-footer: "desktop";
    --screen-corner-radius: 0;
    --variant-links-naming-alt-1: "mobile";
    --variant-links-components-hero: "desktop";
    --variant-links-components-narrow-section: "vertical";
    --en-font-size-accordion-title: 16px;
    --spacing-component-form-margin: 32px;
    --spacing-component-form-gap: 32px;
    --variant-links-components-video: "desktop";
    --variant-links-components-img-listing: "desktop";
    --variant-links-components-form: "desktop";
    --variant-links-naming-default: "tablet";
    --en-font-size-heading-h-2: 36px;
    --ar-font-size-display-display: 52px;
    --spacing-section-other-hero-homepage-height: 1024px;
    --spacing-section-other-hero-homepage-margin-bottom: 100px;
    --spacing-component-footer-textlink-gap: 16px;
    --spacing-grid-column-gap-tight: 20px;
    --spacing-section-default-content-gap-tight: 24px;
    --en-font-size-body-sm: 12px;
    --ar-font-size-body-sm: 10px;
    --spacing-component-card-margin-side: 20px;
    --spacing-component-card-margin-horizontal: 20px;
    --variant-links-readme: " ";
    --variant-links-naming-alt-2: "desktop";
    --ar-font-line-height-display-display: 73px;
    --en-font-line-height-display-display: 68px;
    --en-font-size-display-display: 56px;
    --en-font-line-height-heading-h-1: 48px;
    --en-font-line-height-heading-h-2: 44px;
    --en-font-line-height-heading-h-3: 34px;
    --en-font-line-height-heading-h-4: 24px;
    --en-font-line-height-heading-h-6-label: 16px;
    --en-font-line-height-heading-h-7-eyebrow: 16px;
    --en-font-line-height-body-sm: 14px;
    --en-font-line-height-body-md: 18px;
    --en-font-line-height-body-lg: 20px;
    --ar-font-size-heading-h-1: 40px;
    --ar-font-size-heading-h-2: 36px;
    --ar-font-size-heading-h-3: 28px;
    --ar-font-size-heading-h-4: 20px;
    --ar-font-size-heading-h-6-label: 14px;
    --ar-font-size-heading-h-7-eyebrow: 14px;
    --ar-font-line-height-heading-h-1: 48px;
    --ar-font-line-height-heading-h-2: 52px;
    --ar-font-line-height-heading-h-3: 40px;
    --ar-font-line-height-heading-h-4: 24px;
    --ar-font-line-height-heading-h-6-label: 17px;
    --ar-font-line-height-heading-h-7-eyebrow: 17px;
    --ar-font-line-height-body-sm: 14px;
    --ar-font-line-height-body-md: 20px;
    --ar-font-line-height-body-lg: 22px;
    --en-font-spacing-heading-h-4: 0.23999999463558197;
    --en-font-spacing-heading-h-6-label: 1.399999976158142;
    --en-font-spacing-heading-h-7-eyebrow: 1.399999976158142;
    --en-font-line-height-button-button: 14px;
    --en-font-line-height-accordion-title: 20px;
    --en-font-spacing-accordion-title: 0.18000000715255737;
    --en-font-line-height-tab-default: 16px;
    --en-font-line-height-tab-selected: 16px;
    --en-font-size-tab-default: 16px;
    --en-font-size-tab-selected: 16px;
    --en-font-line-height-textlink-textlink: 13px;
    --en-font-spacing-textlink-textlink: 2px;
    --ar-font-size-tab-selected: 16px;
    --ar-font-size-tab-default: 16px;
    --ar-font-size-accordion-title: 16px;
    --ar-font-line-height-textlink-textlink: 15px;
    --ar-font-line-height-button-button: 14px;
    --ar-font-line-height-tab-default: 16px;
    --ar-font-line-height-tab-selected: 16px;
    --ar-font-line-height-accordion-title: 20px;
    --ar-font-spacing-heading-h-4: 0;
    --ar-font-spacing-textlink-textlink: 0;
    --ar-font-spacing-heading-h-6-label: 0;
    --ar-font-spacing-heading-h-7-eyebrow: 0;
    --ar-font-spacing-accordion-title: 0;
    --en-font-size-breadcrumb-active: 11px;
    --en-font-line-height-breadcrumb-active: 11px;
    --en-font-line-height-breadcrumb-default: 11px;
    --ar-font-size-breadcrumb-active: 11px;
    --ar-font-size-breadcrumb-default: 11px;
    --ar-font-line-height-breadcrumb-active: 11px;
    --ar-font-line-height-breadcrumb-default: 11px;
    --en-font-size-tag-tag: 14px;
    --en-font-line-height-tag-tag: 14px;
    --ar-font-size-tag-tag: 14px;
    --ar-font-line-height-tag-tag: 14px;
    --en-font-size-heading-h-5: 20px;
    --en-font-line-height-heading-h-5: 24px;
    --ar-font-size-heading-h-5: 20px;
    --ar-font-line-height-heading-h-5: 24px;
  }
}
@media (min-width: 1440px) {
  :root {
    --ar-font-size-body-lg: 18px;
    --ar-font-size-body-md: 16px;
    --spacing-grid-margin-side: 120px;
    --en-font-size-heading-h-1: 56px;
    --en-font-size-heading-h-3: 32px;
    --en-font-size-heading-h-4: 24px;
    --en-font-size-heading-h-6-label: 16px;
    --en-font-size-heading-h-7-eyebrow: 14px;
    --en-font-size-body-lg: 18px;
    --en-font-size-body-md: 16px;
    --ar-font-size-button-button: 14px;
    --en-font-size-button-button: 14px;
    --spacing-component-button-state-default: 12px;
    --spacing-component-button-state-hover: 8px;
    --spacing-component-button-state-disabled: 12px;
    --en-font-size-textlink-textlink: 11px;
    --ar-font-size-textlink-textlink: 11px;
    --spacing-section-other-hero-default-height: 640px;
    --spacing-section-other-hero-default-margin-bottom: 100px;
    --spacing-section-default-content-gap-default: 32px;
    --spacing-section-other-hero-default-margin-top: 100px;
    --spacing-component-nav-height: 104px;
    --spacing-component-nav-max-width: 1200px;
    --spacing-section-default-content-max-width: 1200px;
    --spacing-component-nav-margin-horizontal: 16px;
    --spacing-component-nav-margin-side: 120px;
    --spacing-component-nav-width: 1440px;
    --spacing-section-margin-horizontal: 88px;
    --spacing-section-gap: 88px;
    --spacing-grid-column-gap-default: 56px;
    --spacing-section-other-narrow-section-margin-side: 228px;
    --spacing-section-other-narrow-section-max-width: 984px;
    --en-font-size-breadcrumb-default: 11px;
    --variant-links-components-header: "desktop";
    --spacing-section-default-header-gutter: 48px;
    --variant-links-components-footer: "desktop";
    --screen-corner-radius: 0;
    --variant-links-naming-alt-1: "desktop";
    --variant-links-components-hero: "desktop";
    --variant-links-components-narrow-section: "horizontal";
    --en-font-size-accordion-title: 20px;
    --spacing-component-form-margin: 32px;
    --spacing-component-form-gap: 32px;
    --variant-links-components-video: "desktop";
    --variant-links-components-img-listing: "desktop";
    --variant-links-components-form: "desktop";
    --variant-links-naming-default: "desktop";
    --en-font-size-heading-h-2: 48px;
    --ar-font-size-display-display: 74px;
    --spacing-section-other-hero-homepage-height: 1024px;
    --spacing-section-other-hero-homepage-margin-bottom: 180px;
    --spacing-component-footer-textlink-gap: 16px;
    --spacing-grid-column-gap-tight: 24px;
    --spacing-section-default-content-gap-tight: 24px;
    --en-font-size-body-sm: 12px;
    --ar-font-size-body-sm: 12px;
    --spacing-component-card-margin-side: 24px;
    --spacing-component-card-margin-horizontal: 24px;
    --variant-links-readme: " ";
    --variant-links-naming-alt-2: "desktop";
    --ar-font-line-height-display-display: 104px;
    --en-font-line-height-display-display: 96px;
    --en-font-size-display-display: 80px;
    --en-font-line-height-heading-h-1: 68px;
    --en-font-line-height-heading-h-2: 58px;
    --en-font-line-height-heading-h-3: 38px;
    --en-font-line-height-heading-h-4: 28px;
    --en-font-line-height-heading-h-6-label: 20px;
    --en-font-line-height-heading-h-7-eyebrow: 16px;
    --en-font-line-height-body-sm: 16px;
    --en-font-line-height-body-md: 20px;
    --en-font-line-height-body-lg: 24px;
    --ar-font-size-heading-h-1: 54px;
    --ar-font-size-heading-h-2: 44px;
    --ar-font-size-heading-h-3: 30px;
    --ar-font-size-heading-h-4: 24px;
    --ar-font-size-heading-h-6-label: 16px;
    --ar-font-size-heading-h-7-eyebrow: 14px;
    --ar-font-line-height-heading-h-1: 76px;
    --ar-font-line-height-heading-h-2: 64px;
    --ar-font-line-height-heading-h-3: 41px;
    --ar-font-line-height-heading-h-4: 32px;
    --ar-font-line-height-heading-h-6-label: 23px;
    --ar-font-line-height-heading-h-7-eyebrow: 20px;
    --ar-font-line-height-body-sm: 18px;
    --ar-font-line-height-body-md: 22px;
    --ar-font-line-height-body-lg: 24px;
    --en-font-spacing-heading-h-4: 0.23999999463558197;
    --en-font-spacing-heading-h-6-label: 1.399999976158142;
    --en-font-spacing-heading-h-7-eyebrow: 1.399999976158142;
    --en-font-line-height-button-button: 14px;
    --en-font-line-height-accordion-title: 24px;
    --en-font-spacing-accordion-title: 0.18000000715255737;
    --en-font-line-height-tab-default: 16px;
    --en-font-line-height-tab-selected: 16px;
    --en-font-size-tab-default: 16px;
    --en-font-size-tab-selected: 16px;
    --en-font-line-height-textlink-textlink: 13px;
    --en-font-spacing-textlink-textlink: 2px;
    --ar-font-size-tab-selected: 16px;
    --ar-font-size-tab-default: 16px;
    --ar-font-size-accordion-title: 20px;
    --ar-font-line-height-textlink-textlink: 15px;
    --ar-font-line-height-button-button: 14px;
    --ar-font-line-height-tab-default: 16px;
    --ar-font-line-height-tab-selected: 16px;
    --ar-font-line-height-accordion-title: 24px;
    --ar-font-spacing-heading-h-4: 0;
    --ar-font-spacing-textlink-textlink: 0;
    --ar-font-spacing-heading-h-6-label: 0;
    --ar-font-spacing-heading-h-7-eyebrow: 0;
    --ar-font-spacing-accordion-title: 0;
    --en-font-size-breadcrumb-active: 11px;
    --en-font-line-height-breadcrumb-active: 11px;
    --en-font-line-height-breadcrumb-default: 11px;
    --ar-font-size-breadcrumb-active: 11px;
    --ar-font-size-breadcrumb-default: 11px;
    --ar-font-line-height-breadcrumb-active: 11px;
    --ar-font-line-height-breadcrumb-default: 11px;
    --en-font-size-tag-tag: 14px;
    --en-font-line-height-tag-tag: 14px;
    --ar-font-size-tag-tag: 14px;
    --ar-font-line-height-tag-tag: 14px;
    --en-font-size-heading-h-5: 24px;
    --en-font-line-height-heading-h-5: 28px;
    --ar-font-size-heading-h-5: 24px;
    --ar-font-line-height-heading-h-5: 32px;
  }
}
@media (min-width: 1920px) {
  :root {
    --ar-font-size-body-lg: 18px;
    --ar-font-size-body-md: 16px;
    --spacing-grid-margin-side: 120px;
    --en-font-size-heading-h-1: 56px;
    --en-font-size-heading-h-3: 32px;
    --en-font-size-heading-h-4: 24px;
    --en-font-size-heading-h-6-label: 16px;
    --en-font-size-heading-h-7-eyebrow: 14px;
    --en-font-size-body-lg: 18px;
    --en-font-size-body-md: 16px;
    --ar-font-size-button-button: 14px;
    --en-font-size-button-button: 14px;
    --spacing-component-button-state-default: 12px;
    --spacing-component-button-state-hover: 8px;
    --spacing-component-button-state-disabled: 12px;
    --en-font-size-textlink-textlink: 11px;
    --ar-font-size-textlink-textlink: 11px;
    --spacing-section-other-hero-default-height: 640px;
    --spacing-section-other-hero-default-margin-bottom: 100px;
    --spacing-section-default-content-gap-default: 32px;
    --spacing-section-other-hero-default-margin-top: 100px;
    --spacing-component-nav-height: 104px;
    --spacing-component-nav-max-width: 1200px;
    --spacing-section-default-content-max-width: 1200px;
    --spacing-component-nav-margin-horizontal: 16px;
    --spacing-component-nav-margin-side: 120px;
    --spacing-component-nav-width: 1440px;
    --spacing-section-margin-horizontal: 88px;
    --spacing-section-gap: 88px;
    --spacing-grid-column-gap-default: 56px;
    --spacing-section-other-narrow-section-margin-side: 228px;
    --spacing-section-other-narrow-section-max-width: 984px;
    --en-font-size-breadcrumb-default: 11px;
    --variant-links-components-header: "desktop";
    --spacing-section-default-header-gutter: 48px;
    --variant-links-components-footer: "desktop";
    --screen-corner-radius: 0;
    --variant-links-naming-alt-1: "desktop";
    --variant-links-components-hero: "desktop";
    --variant-links-components-narrow-section: "horizontal";
    --en-font-size-accordion-title: 20px;
    --spacing-component-form-margin: 32px;
    --spacing-component-form-gap: 32px;
    --variant-links-components-video: "desktop";
    --variant-links-components-img-listing: "desktop";
    --variant-links-components-form: "desktop";
    --variant-links-naming-default: "desktop";
    --en-font-size-heading-h-2: 48px;
    --ar-font-size-display-display: 74px;
    --spacing-section-other-hero-homepage-height: 1024px;
    --spacing-section-other-hero-homepage-margin-bottom: 180px;
    --spacing-component-footer-textlink-gap: 16px;
    --spacing-grid-column-gap-tight: 24px;
    --spacing-section-default-content-gap-tight: 24px;
    --en-font-size-body-sm: 12px;
    --ar-font-size-body-sm: 12px;
    --spacing-component-card-margin-side: 24px;
    --spacing-component-card-margin-horizontal: 24px;
    --variant-links-readme: "This group is for automatically changing components variants based on the mode selected.";
    --variant-links-naming-alt-2: "desktop";
    --ar-font-line-height-display-display: 104px;
    --en-font-line-height-display-display: 96px;
    --en-font-size-display-display: 80px;
    --en-font-line-height-heading-h-1: 68px;
    --en-font-line-height-heading-h-2: 58px;
    --en-font-line-height-heading-h-3: 38px;
    --en-font-line-height-heading-h-4: 28px;
    --en-font-line-height-heading-h-6-label: 20px;
    --en-font-line-height-heading-h-7-eyebrow: 16px;
    --en-font-line-height-body-sm: 16px;
    --en-font-line-height-body-md: 20px;
    --en-font-line-height-body-lg: 24px;
    --ar-font-size-heading-h-1: 54px;
    --ar-font-size-heading-h-2: 44px;
    --ar-font-size-heading-h-3: 30px;
    --ar-font-size-heading-h-4: 24px;
    --ar-font-size-heading-h-6-label: 16px;
    --ar-font-size-heading-h-7-eyebrow: 14px;
    --ar-font-line-height-heading-h-1: 76px;
    --ar-font-line-height-heading-h-2: 64px;
    --ar-font-line-height-heading-h-3: 41px;
    --ar-font-line-height-heading-h-4: 32px;
    --ar-font-line-height-heading-h-6-label: 23px;
    --ar-font-line-height-heading-h-7-eyebrow: 20px;
    --ar-font-line-height-body-sm: 18px;
    --ar-font-line-height-body-md: 22px;
    --ar-font-line-height-body-lg: 24px;
    --en-font-spacing-heading-h-4: 0.23999999463558197;
    --en-font-spacing-heading-h-6-label: 1.399999976158142;
    --en-font-spacing-heading-h-7-eyebrow: 1.399999976158142;
    --en-font-line-height-button-button: 14px;
    --en-font-line-height-accordion-title: 24px;
    --en-font-spacing-accordion-title: 0.18000000715255737;
    --en-font-line-height-tab-default: 16px;
    --en-font-line-height-tab-selected: 16px;
    --en-font-size-tab-default: 16px;
    --en-font-size-tab-selected: 16px;
    --en-font-line-height-textlink-textlink: 13px;
    --en-font-spacing-textlink-textlink: 2px;
    --ar-font-size-tab-selected: 16px;
    --ar-font-size-tab-default: 16px;
    --ar-font-size-accordion-title: 20px;
    --ar-font-line-height-textlink-textlink: 15px;
    --ar-font-line-height-button-button: 14px;
    --ar-font-line-height-tab-default: 16px;
    --ar-font-line-height-tab-selected: 16px;
    --ar-font-line-height-accordion-title: 24px;
    --ar-font-spacing-heading-h-4: 0;
    --ar-font-spacing-textlink-textlink: 0;
    --ar-font-spacing-heading-h-6-label: 0;
    --ar-font-spacing-heading-h-7-eyebrow: 0;
    --ar-font-spacing-accordion-title: 0;
    --en-font-size-breadcrumb-active: 11px;
    --en-font-line-height-breadcrumb-active: 11px;
    --en-font-line-height-breadcrumb-default: 11px;
    --ar-font-size-breadcrumb-active: 11px;
    --ar-font-size-breadcrumb-default: 11px;
    --ar-font-line-height-breadcrumb-active: 11px;
    --ar-font-line-height-breadcrumb-default: 11px;
    --en-font-size-tag-tag: 14px;
    --en-font-line-height-tag-tag: 14px;
    --ar-font-size-tag-tag: 14px;
    --ar-font-line-height-tag-tag: 14px;
    --en-font-size-heading-h-5: 24px;
    --en-font-line-height-heading-h-5: 28px;
    --ar-font-size-heading-h-5: 24px;
    --ar-font-line-height-heading-h-5: 32px;
  }
}
.semi-bold {
  font-weight: 600;
}

b {
  font-weight: 900;
}

.heading-weight-thin {
  font-weight: 300 !important;
}
.heading-weight-regular {
  font-weight: 400 !important;
}
.heading-weight-bolder {
  font-weight: 600 !important;
}
.heading-weight-boldest {
  font-weight: 900 !important;
}

.green-text {
  color: var(--dark-mint, #054021);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-h1,
.cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6,
.cmp-hero-full-width__content__pretitle {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-variant: all-small-caps;
}
[lang=ar] h1,
[lang=ar] h2,
[lang=ar] h3,
[lang=ar] h4,
[lang=ar] h5,
[lang=ar] h6,
[lang=ar] .heading-h1,
[lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
.cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] *,
[lang=ar] .heading-h2,
[lang=ar] .heading-h3,
[lang=ar] .heading-h4,
[lang=ar] .heading-h5,
[lang=ar] .heading-h6,
[lang=ar] .cmp-hero-full-width__content__pretitle {
  font-family: var(--font-family-global-ar);
}

/* Headings/H1 */
h1,
.heading-h1,
.cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
  font-size: var(--en-font-size-heading-h-1, 36px);
  line-height: var(--en-font-line-height-heading-h-1, 44px);
}
@media (min-width: 768px) {
  h1,
  .heading-h1,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
    font-size: var(--en-font-size-heading-h-1, 40px);
  }
}
@media (min-width: 1440px) {
  h1,
  .heading-h1,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
    font-size: var(--en-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 1920px) {
  h1,
  .heading-h1,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
    font-size: var(--en-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 768px) {
  h1,
  .heading-h1,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
    line-height: var(--en-font-line-height-heading-h-1, 48px);
  }
}
@media (min-width: 1440px) {
  h1,
  .heading-h1,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
    line-height: var(--en-font-line-height-heading-h-1, 68px);
  }
}
@media (min-width: 1920px) {
  h1,
  .heading-h1,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
    line-height: var(--en-font-line-height-heading-h-1, 68px);
  }
}
[lang=ar] h1,
[lang=ar] .heading-h1,
[lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
.cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
  font-size: var(--ar-font-size-heading-h-1, 36px);
  line-height: var(--ar-font-line-height-heading-h-1, 44px);
}
@media (min-width: 768px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1,
  [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
    font-size: var(--ar-font-size-heading-h-1, 40px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1,
  [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
    font-size: var(--ar-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1,
  [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
    font-size: var(--ar-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1,
  [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
    line-height: var(--ar-font-line-height-heading-h-1, 48px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1,
  [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
    line-height: var(--ar-font-line-height-heading-h-1, 68px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1,
  [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner *,
  .cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner [lang=ar] * {
    line-height: var(--ar-font-line-height-heading-h-1, 68px);
  }
}

/* Headings/H2 */
h2,
.heading-h2 {
  font-size: var(--en-font-size-heading-h-2, 32px);
  line-height: var(--en-font-line-height-heading-h-2, 38px);
}
@media (min-width: 768px) {
  h2,
  .heading-h2 {
    font-size: var(--en-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2 {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2 {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  h2,
  .heading-h2 {
    line-height: var(--en-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2 {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2 {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
[lang=ar] h2,
[lang=ar] .heading-h2 {
  font-size: var(--ar-font-size-heading-h-2, 32px);
  line-height: var(--ar-font-line-height-heading-h-2, 38px);
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    font-size: var(--ar-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    line-height: var(--ar-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}

/* Headings/H3 */
h3,
.heading-h3 {
  font-size: var(--en-font-size-heading-h-3, 24px);
  line-height: var(--en-font-line-height-heading-h-3, 28px);
  letter-spacing: var(--font-kerning-h3, 0);
}
@media (min-width: 768px) {
  h3,
  .heading-h3 {
    font-size: var(--en-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3 {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3 {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  h3,
  .heading-h3 {
    line-height: var(--en-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3 {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3 {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
[lang=ar] h3,
[lang=ar] .heading-h3 {
  font-size: var(--ar-font-size-heading-h-3, 24px);
  line-height: var(--ar-font-line-height-heading-h-3, 28px);
}
@media (min-width: 768px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3 {
    font-size: var(--ar-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3 {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3 {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3 {
    line-height: var(--ar-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3 {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3 {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}

/* Headings/H4 (all caps) */
h4,
.heading-h4 {
  font-size: var(--en-font-size-heading-h-4, 16px);
  line-height: var(--en-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--font-kerning-h3, 0);
}
@media (min-width: 768px) {
  h4,
  .heading-h4 {
    font-size: var(--en-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4 {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4 {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4 {
    line-height: var(--en-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4 {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4 {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
[lang=ar] h4,
[lang=ar] .heading-h4 {
  font-size: var(--ar-font-size-heading-h-4, 16px);
  line-height: var(--ar-font-line-height-heading-h-4, 20px);
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    font-size: var(--ar-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    line-height: var(--ar-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}

/* Headings/H5 */
h5,
.heading-h5 {
  font-size: var(--en-font-size-heading-h-5, 16px);
  line-height: var(--en-font-line-height-heading-h-5, 20px);
}
@media (min-width: 768px) {
  h5,
  .heading-h5 {
    font-size: var(--en-font-size-heading-h-5, 20px);
  }
}
@media (min-width: 1440px) {
  h5,
  .heading-h5 {
    font-size: var(--en-font-size-heading-h-5, 24px);
  }
}
@media (min-width: 1920px) {
  h5,
  .heading-h5 {
    font-size: var(--en-font-size-heading-h-5, 24px);
  }
}
@media (min-width: 768px) {
  h5,
  .heading-h5 {
    line-height: var(--en-font-line-height-heading-h-5, 24px);
  }
}
@media (min-width: 1440px) {
  h5,
  .heading-h5 {
    line-height: var(--en-font-line-height-heading-h-5, 28px);
  }
}
@media (min-width: 1920px) {
  h5,
  .heading-h5 {
    line-height: var(--en-font-line-height-heading-h-5, 28px);
  }
}
[lang=ar] h5,
[lang=ar] .heading-h5 {
  font-size: var(--ar-font-size-heading-h-5, 16px);
  line-height: var(--ar-font-line-height-heading-h-5, 20px);
}
@media (min-width: 768px) {
  [lang=ar] h5,
  [lang=ar] .heading-h5 {
    font-size: var(--ar-font-size-heading-h-5, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h5,
  [lang=ar] .heading-h5 {
    font-size: var(--ar-font-size-heading-h-5, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h5,
  [lang=ar] .heading-h5 {
    font-size: var(--ar-font-size-heading-h-5, 24px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h5,
  [lang=ar] .heading-h5 {
    line-height: var(--ar-font-line-height-heading-h-5, 24px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h5,
  [lang=ar] .heading-h5 {
    line-height: var(--ar-font-line-height-heading-h-5, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h5,
  [lang=ar] .heading-h5 {
    line-height: var(--ar-font-line-height-heading-h-5, 28px);
  }
}

/* Headings/H6 Labels (SB) */
h6,
.heading-h6,
.cmp-hero-full-width__content__pretitle {
  font-size: var(--en-font-size-heading-h-6-label, 12px);
  line-height: var(--en-font-line-height-heading-h-6-label, 14px);
  letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    font-size: var(--en-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    line-height: var(--en-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .cmp-hero-full-width__content__pretitle {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
[lang=ar] h6,
[lang=ar] .heading-h6,
[lang=ar] .cmp-hero-full-width__content__pretitle {
  font-size: var(--ar-font-size-heading-h-6-label, 12px);
  line-height: var(--ar-font-line-height-heading-h-6-label, 14px);
  letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    font-size: var(--ar-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    line-height: var(--ar-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-hero-full-width__content__pretitle {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}

/* Headings/H7 Eyebrow (SB) */
.heading-h7-eyebrow {
  font-family: var(--font-family-body);
  font-style: normal;
  font-weight: 600;
  font-variant: all-small-caps;
  font-size: var(--en-font-size-heading-h-7-eyebrow, 12px);
  line-height: var(--en-font-line-height-heading-h-7-eyebrow, 14px);
  letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
}
@media (min-width: 768px) {
  .heading-h7-eyebrow {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
[lang=ar] .heading-h7-eyebrow {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-heading-h-7-eyebrow, 12px);
  line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 14px);
  letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}

/* Display/Display */
.display, .cmp-hero-full-width__content__title * {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-variant: all-small-caps;
  font-size: var(--en-font-size-display-display, 44px);
  line-height: var(--en-font-line-height-display-display, 52px);
}
@media (min-width: 768px) {
  .display, .cmp-hero-full-width__content__title * {
    font-size: var(--en-font-size-display-display, 56px);
  }
}
@media (min-width: 1440px) {
  .display, .cmp-hero-full-width__content__title * {
    font-size: var(--en-font-size-display-display, 80px);
  }
}
@media (min-width: 1920px) {
  .display, .cmp-hero-full-width__content__title * {
    font-size: var(--en-font-size-display-display, 80px);
  }
}
@media (min-width: 768px) {
  .display, .cmp-hero-full-width__content__title * {
    line-height: var(--en-font-line-height-display-display, 68px);
  }
}
@media (min-width: 1440px) {
  .display, .cmp-hero-full-width__content__title * {
    line-height: var(--en-font-line-height-display-display, 96px);
  }
}
@media (min-width: 1920px) {
  .display, .cmp-hero-full-width__content__title * {
    line-height: var(--en-font-line-height-display-display, 96px);
  }
}
[lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-display-display, 44px);
  line-height: var(--ar-font-line-height-display-display, 52px);
}
@media (min-width: 768px) {
  [lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
    font-size: var(--ar-font-size-display-display, 56px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
    font-size: var(--ar-font-size-display-display, 80px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
    font-size: var(--ar-font-size-display-display, 80px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
    line-height: var(--ar-font-line-height-display-display, 68px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
    line-height: var(--ar-font-line-height-display-display, 96px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .display, [lang=ar] .cmp-hero-full-width__content__title *, .cmp-hero-full-width__content__title [lang=ar] * {
    line-height: var(--ar-font-line-height-display-display, 96px);
  }
}

/* Body/md - regular */
.body-md {
  font-family: var(--font-family-body);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-body-md, 14px);
  line-height: var(--en-font-line-height-body-md, 18px);
  letter-spacing: var(--font-kerning-body-2, 0);
}
@media (min-width: 768px) {
  .body-md {
    font-size: var(--en-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  .body-md {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  .body-md {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  .body-md {
    line-height: var(--en-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  .body-md {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  .body-md {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
[lang=ar] .body-md {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-md, 14px);
  line-height: var(--ar-font-line-height-body-md, 18px);
}
@media (min-width: 768px) {
  [lang=ar] .body-md {
    font-size: var(--ar-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-md {
    line-height: var(--ar-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}

/* Body/lg - regular */
.body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
  font-style: normal;
  font-weight: 400;
  font-family: var(--font-family-body);
  font-size: var(--en-font-size-body-lg, 16px);
  line-height: var(--en-font-line-height-body-lg, 20px);
  letter-spacing: var(--font-kerning-body-1, 0.18px);
}
@media (min-width: 768px) {
  .body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
    font-size: var(--en-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  .body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
    line-height: var(--en-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
[lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-lg, 16px);
  line-height: var(--ar-font-line-height-body-lg, 20px);
}
@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
    font-size: var(--ar-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
    line-height: var(--ar-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .cmp-hero-full-width__content__description p, .cmp-hero-full-width__content__description [lang=ar] p, [lang=ar] .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner p, .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner [lang=ar] p {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}

.body-sm {
  font-family: var(--font-family-body);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-body-sm, 12px);
  line-height: var(--en-font-line-height-body-sm, 14px);
  letter-spacing: var(--font-kerning-body-2, 0);
}
@media (min-width: 768px) {
  .body-sm {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  .body-sm {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  .body-sm {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  .body-sm {
    line-height: var(--en-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  .body-sm {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  .body-sm {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
[lang=ar] .body-sm {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-sm, 12px);
  line-height: var(--ar-font-line-height-body-sm, 14px);
}
@media (min-width: 768px) {
  [lang=ar] .body-sm {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-sm {
    line-height: var(--ar-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}

/* textlink */
.textlink {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-size: var(--en-font-size-textlink-textlink, 11px);
  line-height: var(--en-font-line-height-textlink-textlink, 13px);
  letter-spacing: var(--en-font-spacing-textlink-textlink, 2px);
}
@media (min-width: 768px) {
  .textlink {
    font-size: var(--en-font-size-textlink-textlink, 11px);
  }
}
@media (min-width: 1440px) {
  .textlink {
    font-size: var(--en-font-size-textlink-textlink, 11px);
  }
}
@media (min-width: 1920px) {
  .textlink {
    font-size: var(--en-font-size-textlink-textlink, 11px);
  }
}
@media (min-width: 768px) {
  .textlink {
    line-height: var(--en-font-line-height-textlink-textlink, 13px);
  }
}
@media (min-width: 1440px) {
  .textlink {
    line-height: var(--en-font-line-height-textlink-textlink, 13px);
  }
}
@media (min-width: 1920px) {
  .textlink {
    line-height: var(--en-font-line-height-textlink-textlink, 13px);
  }
}
@media (min-width: 768px) {
  .textlink {
    letter-spacing: var(--en-font-spacing-textlink-textlink, 2px);
  }
}
@media (min-width: 1440px) {
  .textlink {
    letter-spacing: var(--en-font-spacing-textlink-textlink, 2px);
  }
}
@media (min-width: 1920px) {
  .textlink {
    letter-spacing: var(--en-font-spacing-textlink-textlink, 2px);
  }
}
[lang=ar] .textlink {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-textlink-textlink, 11px);
  line-height: var(--ar-font-line-height-textlink-textlink, 13px);
  letter-spacing: var(--ar-font-spacing-textlink-textlink, 2px);
}
@media (min-width: 768px) {
  [lang=ar] .textlink {
    font-size: var(--ar-font-size-textlink-textlink, 11px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .textlink {
    font-size: var(--ar-font-size-textlink-textlink, 11px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .textlink {
    font-size: var(--ar-font-size-textlink-textlink, 11px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .textlink {
    line-height: var(--ar-font-line-height-textlink-textlink, 13px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .textlink {
    line-height: var(--ar-font-line-height-textlink-textlink, 13px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .textlink {
    line-height: var(--ar-font-line-height-textlink-textlink, 13px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .textlink {
    letter-spacing: var(--ar-font-spacing-textlink-textlink, 2px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .textlink {
    letter-spacing: var(--ar-font-spacing-textlink-textlink, 2px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .textlink {
    letter-spacing: var(--ar-font-spacing-textlink-textlink, 2px);
  }
}

/* Accordion/Title */
.accordian-title {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 500;
  font-size: var(--en-font-size-accordion-title, 16px);
  line-height: var(--en-font-line-height-accordion-title, 20px);
  letter-spacing: var(--en-font-spacing-accordion-title, 0.1800000072);
}
@media (min-width: 768px) {
  .accordian-title {
    font-size: var(--en-font-size-accordion-title, 16px);
  }
}
@media (min-width: 1440px) {
  .accordian-title {
    font-size: var(--en-font-size-accordion-title, 20px);
  }
}
@media (min-width: 1920px) {
  .accordian-title {
    font-size: var(--en-font-size-accordion-title, 20px);
  }
}
@media (min-width: 768px) {
  .accordian-title {
    line-height: var(--en-font-line-height-accordion-title, 20px);
  }
}
@media (min-width: 1440px) {
  .accordian-title {
    line-height: var(--en-font-line-height-accordion-title, 24px);
  }
}
@media (min-width: 1920px) {
  .accordian-title {
    line-height: var(--en-font-line-height-accordion-title, 24px);
  }
}
@media (min-width: 768px) {
  .accordian-title {
    letter-spacing: var(--en-font-spacing-accordion-title, 0.1800000072);
  }
}
@media (min-width: 1440px) {
  .accordian-title {
    letter-spacing: var(--en-font-spacing-accordion-title, 0.1800000072);
  }
}
@media (min-width: 1920px) {
  .accordian-title {
    letter-spacing: var(--en-font-spacing-accordion-title, 0.1800000072);
  }
}
[lang=ar] .accordian-title {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-accordion-title, 16px);
  line-height: var(--ar-font-line-height-accordion-title, 20px);
  letter-spacing: var(--ar-font-spacing-accordion-title, 0.1800000072);
}
@media (min-width: 768px) {
  [lang=ar] .accordian-title {
    font-size: var(--ar-font-size-accordion-title, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .accordian-title {
    font-size: var(--ar-font-size-accordion-title, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .accordian-title {
    font-size: var(--ar-font-size-accordion-title, 20px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .accordian-title {
    line-height: var(--ar-font-line-height-accordion-title, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .accordian-title {
    line-height: var(--ar-font-line-height-accordion-title, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .accordian-title {
    line-height: var(--ar-font-line-height-accordion-title, 24px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .accordian-title {
    letter-spacing: var(--ar-font-spacing-accordion-title, 0.1800000072);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .accordian-title {
    letter-spacing: var(--ar-font-spacing-accordion-title, 0.1800000072);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .accordian-title {
    letter-spacing: var(--ar-font-spacing-accordion-title, 0.1800000072);
  }
}

/* Tab/selected */
.tab-selected {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-size: var(--en-font-size-tab-selected, 15px);
  line-height: var(--en-font-line-height-tab-selected, 15px);
}
@media (min-width: 768px) {
  .tab-selected {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  .tab-selected {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
[lang=ar] .tab-selected {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-tab-selected, 15px);
  line-height: var(--ar-font-line-height-tab-selected, 15px);
}
@media (min-width: 768px) {
  [lang=ar] .tab-selected {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-selected {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}

/* Tab/default */
.tab-default {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-tab-default, 15px);
  line-height: var(--en-font-line-height-tab-default, 15px);
}
@media (min-width: 768px) {
  .tab-default {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  .tab-default {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
[lang=ar] .tab-default {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-tab-default, 15px);
  line-height: var(--ar-font-line-height-tab-default, 15px);
}
@media (min-width: 768px) {
  [lang=ar] .tab-default {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-default {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}

/* Button */
.button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 500;
  font-size: var(--en-font-size-button-button, 14px);
  line-height: var(--en-font-line-height-button-button, 14px);
}
@media (min-width: 768px) {
  .button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  .button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
[lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-button-button, 14px);
  line-height: var(--ar-font-line-height-button-button, 14px);
}
@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .cmp-hero-full-width__content--ctas .primaryCta .cta__label, .cmp-hero-full-width__content--ctas .primaryCta [lang=ar] .cta__label, [lang=ar] .cmp-hero-full-width__content--ctas .secondaryCta .cta__label, .cmp-hero-full-width__content--ctas .secondaryCta [lang=ar] .cta__label {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}

/* breadcrumb/default */
.breadcrumb-default {
  font-family: var(--font-family-body);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-breadcrumb-default, 11px);
  line-height: var(--en-font-line-height-breadcrumb-default, 11px);
}
@media (min-width: 768px) {
  .breadcrumb-default {
    font-size: var(--en-font-size-breadcrumb-default, 11px);
  }
}
@media (min-width: 1440px) {
  .breadcrumb-default {
    font-size: var(--en-font-size-breadcrumb-default, 11px);
  }
}
@media (min-width: 1920px) {
  .breadcrumb-default {
    font-size: var(--en-font-size-breadcrumb-default, 11px);
  }
}
@media (min-width: 768px) {
  .breadcrumb-default {
    line-height: var(--en-font-line-height-breadcrumb-default, 11px);
  }
}
@media (min-width: 1440px) {
  .breadcrumb-default {
    line-height: var(--en-font-line-height-breadcrumb-default, 11px);
  }
}
@media (min-width: 1920px) {
  .breadcrumb-default {
    line-height: var(--en-font-line-height-breadcrumb-default, 11px);
  }
}
[lang=ar] .breadcrumb-default {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-breadcrumb-default, 11px);
  line-height: var(--ar-font-line-height-breadcrumb-default, 11px);
}
@media (min-width: 768px) {
  [lang=ar] .breadcrumb-default {
    font-size: var(--ar-font-size-breadcrumb-default, 11px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .breadcrumb-default {
    font-size: var(--ar-font-size-breadcrumb-default, 11px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .breadcrumb-default {
    font-size: var(--ar-font-size-breadcrumb-default, 11px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .breadcrumb-default {
    line-height: var(--ar-font-line-height-breadcrumb-default, 11px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .breadcrumb-default {
    line-height: var(--ar-font-line-height-breadcrumb-default, 11px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .breadcrumb-default {
    line-height: var(--ar-font-line-height-breadcrumb-default, 11px);
  }
}

/* breadcrumb/active */
.breadcrumb-active {
  font-family: var(--font-family-body);
  font-style: normal;
  font-weight: 700;
  font-size: var(--en-font-size-breadcrumb-active, 11px);
  line-height: var(--en-font-line-height-breadcrumb-active, 11px);
}
@media (min-width: 768px) {
  .breadcrumb-active {
    font-size: var(--en-font-size-breadcrumb-active, 11px);
  }
}
@media (min-width: 1440px) {
  .breadcrumb-active {
    font-size: var(--en-font-size-breadcrumb-active, 11px);
  }
}
@media (min-width: 1920px) {
  .breadcrumb-active {
    font-size: var(--en-font-size-breadcrumb-active, 11px);
  }
}
@media (min-width: 768px) {
  .breadcrumb-active {
    line-height: var(--en-font-line-height-breadcrumb-active, 11px);
  }
}
@media (min-width: 1440px) {
  .breadcrumb-active {
    line-height: var(--en-font-line-height-breadcrumb-active, 11px);
  }
}
@media (min-width: 1920px) {
  .breadcrumb-active {
    line-height: var(--en-font-line-height-breadcrumb-active, 11px);
  }
}
[lang=ar] .breadcrumb-active {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-breadcrumb-active, 11px);
  line-height: var(--ar-font-line-height-breadcrumb-active, 11px);
}
@media (min-width: 768px) {
  [lang=ar] .breadcrumb-active {
    font-size: var(--ar-font-size-breadcrumb-active, 11px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .breadcrumb-active {
    font-size: var(--ar-font-size-breadcrumb-active, 11px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .breadcrumb-active {
    font-size: var(--ar-font-size-breadcrumb-active, 11px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .breadcrumb-active {
    line-height: var(--ar-font-line-height-breadcrumb-active, 11px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .breadcrumb-active {
    line-height: var(--ar-font-line-height-breadcrumb-active, 11px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .breadcrumb-active {
    line-height: var(--ar-font-line-height-breadcrumb-active, 11px);
  }
}

/* Reset CSS - To be added*/
/*
Template for adding new typography styles for components
@use '@/site/styles/global-typography.scss';
   p {
       @extend .md-regular;
   }


Example for adding new typography styles with breakpoints
@use '@/site/styles/global-typography.scss';
// Mobile
font-size: $mobile-font-ar-main-size-body-md; // 14px

// Tablet
@include breakpoint.tablet {
    font-size: $tablet-font-ar-main-size-body-md; // 14px
}

// Desktop
@include breakpoint.desktop {
    font-size: $desktop-font-ar-main-size-body-md; // 16px
}

// Desktop Large(
@include breakpoint.breakpoint("desktop-large") {
    font-size: $desktop-large-font-ar-main-size-body-md; // 16px
}
*/
.article-hero-banner .cmp-hero-full-width__content > nav,
.article-hero-banner .cmp-hero-full-width__content__title,
.article-hero-banner .cmp-hero-full-width__content__description,
.article-hero-banner .cmp-hero-full-width__content--ctas,
.article-listing-hero-banner .cmp-hero-full-width__content > nav,
.article-listing-hero-banner .cmp-hero-full-width__content__title,
.article-listing-hero-banner .cmp-hero-full-width__content__description,
.article-listing-hero-banner .cmp-hero-full-width__content--ctas {
  opacity: 1;
}

.hero.hide-gradient .cmp-hero-full-width__cover {
  background: none !important;
}

html[dir=rtl] .hero.hide-gradient .cmp-hero-full-width__cover {
  background: none !important;
}

.cmp-hero-full-width.parallax-child-2 {
  height: 100vh;
  max-height: 1024px;
}
@media screen and (max-width: 1023px) {
  .cmp-hero-full-width.parallax-child-2 {
    height: 100vh;
  }
}
.cmp-hero-full-width.parallax-child-2.inner-page-banner {
  height: 100vh;
  max-height: 740px;
}
@media screen and (max-width: 1023px) {
  .cmp-hero-full-width.parallax-child-2.inner-page-banner {
    height: 100vh;
  }
}

.cmp-hero-full-width {
  width: 100dvw;
  display: flex;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .cmp-hero-full-width {
    height: 100vh;
    max-height: 740px;
  }
}
@media screen and (max-width: 1023px) {
  .cmp-hero-full-width {
    min-height: 100vh;
  }
}
@media (max-width: 1024px) {
  .cmp-hero-full-width:not(.inner-page-banner):not([data-media-type=videoTypeSelected])::before, .cmp-hero-full-width:not(.inner-page-banner):not([data-media-type=videoTypeSelected])::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(50px);
    z-index: 1;
    mix-blend-mode: screen;
  }
  .cmp-hero-full-width:not(.inner-page-banner):not([data-media-type=videoTypeSelected])::before {
    width: 1364.623px;
    height: 503.482px;
    bottom: 15px;
    left: -235.83px;
    transform: rotate(134.096deg);
    background: conic-gradient(from 90deg, #e9dfff 0deg, #e9dfff 50deg, #7122f4 110deg, #7122f4 175deg, #e9dfff 265deg, #e9dfff 360deg);
    opacity: 0.3;
  }
  .cmp-hero-full-width:not(.inner-page-banner):not([data-media-type=videoTypeSelected])::after {
    width: 699.638px;
    height: 353.803px;
    bottom: 16px;
    right: -125px;
    transform: rotate(126.548deg);
    background: conic-gradient(from 180deg, #e9dfff 0deg, #7122f4 120deg, #7122f4 200deg, #e9dfff 320deg, #e9dfff 360deg);
    opacity: 0.3;
  }
}
.cmp-hero-full-width__cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
}
@media (min-width: 1025px) {
  .cmp-hero-full-width__cover {
    background: linear-gradient(252deg, rgba(0, 0, 0, 0.08) 32.94%, rgba(0, 0, 0, 0.8) 98.28%), linear-gradient(260deg, rgba(0, 0, 0, 0.25) 7.63%, rgba(0, 0, 0, 0.36) 64.55%), 50%/cover no-repeat;
  }
}
@media (max-width: 1024px) {
  .cmp-hero-full-width__cover {
    background: linear-gradient(219deg, rgba(0, 0, 0, 0.08) 29.61%, rgba(0, 0, 0, 0.8) 76.24%), linear-gradient(260deg, rgba(0, 0, 0, 0.25) 7.63%, rgba(0, 0, 0, 0.36) 64.55%), 50%/cover no-repeat;
  }
}
.cmp-hero-full-width__background {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1440px) {
  [data-pageid=leadership-page] .cmp-hero-full-width__background, [data-pageid=press-room-page] .cmp-hero-full-width__background {
    background-color: #000;
  }
}
.cmp-hero-full-width__background-wrapper {
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}
.cmp-hero-full-width__background-video, .cmp-hero-full-width__background-image {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
  background-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  will-change: transform;
}
@media screen and (min-width: 1440px) {
  [data-pageid=leadership-page] .cmp-hero-full-width__background-video, [data-pageid=press-room-page] .cmp-hero-full-width__background-video, [data-pageid=Leadership-Aldawood] .cmp-hero-full-width__background-video, [data-pageid=leadership-page] .cmp-hero-full-width__background-image, [data-pageid=press-room-page] .cmp-hero-full-width__background-image, [data-pageid=Leadership-Aldawood] .cmp-hero-full-width__background-image {
    object-fit: contain;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cmp-hero-full-width__background-video {
    display: none;
  }
}
.cmp-hero-full-width__background-poster {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .cmp-hero-full-width__background-poster {
    display: block;
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(1);
    animation: none;
  }
  .cmp-hero-full-width__background-poster img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.cmp-hero-full-width__content {
  text-align: left;
  color: #fff;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0;
  z-index: 2;
  box-sizing: content-box;
  max-width: none;
  height: auto;
  inline-size: min(100%, var(--grid-max-width));
  padding-inline: var(--grid-padding);
  margin-inline: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .cmp-hero-full-width__content > nav, .cmp-hero-full-width__content__title, .cmp-hero-full-width__content__description, .cmp-hero-full-width__content--ctas {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cmp-hero-full-width__content > nav, .cmp-hero-full-width__content__title, .cmp-hero-full-width__content__description, .cmp-hero-full-width__content--ctas {
    opacity: 1 !important;
    visibility: visible;
    transform: translateY(0);
    transition: none;
  }
}
.no-js .cmp-hero-full-width__content > nav, .no-js .cmp-hero-full-width__content__title, .no-js .cmp-hero-full-width__content__description, .no-js .cmp-hero-full-width__content--ctas {
  opacity: 1 !important;
  visibility: visible;
}
@media screen and (min-width: 832px) {
  .cmp-hero-full-width__content {
    margin-top: 122px;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .cmp-hero-full-width__content {
    padding-inline: 48px;
    margin-top: 0 !important;
  }
}
@media (min-width: 1920px) {
  .cmp-hero-full-width__content {
    padding: 0 360px 180px 360px;
  }
}
@media (min-width: 1025px) and (max-width: 1919px) {
  .cmp-hero-full-width__content {
    padding: 0 120px 180px 120px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cmp-hero-full-width__content {
    padding: 0 64px 104px 64px;
  }
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content {
    padding: 0 32px 104px 32px;
  }
}
.cmp-hero-full-width__content__pretitle {
  color: #FFF;
  margin-bottom: 0 !important;
  width: 241px;
  padding-bottom: 12px;
  font-weight: 600 !important;
}
@media (max-width: 1024px) {
  .cmp-hero-full-width__content__pretitle {
    padding-bottom: 24px;
  }
}
.cmp-hero-full-width__content__title {
  color: #FFF;
  text-align: inherit;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .cmp-hero-full-width__content__title {
    width: 90%;
    max-width: 830px;
  }
}
.cmp-hero-full-width__content__description {
  color: #FFF;
}
@media (min-width: 1025px) {
  .cmp-hero-full-width__content__description {
    padding-bottom: 48px;
    max-width: 545.918px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cmp-hero-full-width__content__description {
    padding-bottom: 32px;
    max-width: 640px;
  }
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content__description {
    padding-bottom: 32px;
    max-width: 308px;
  }
}
.cmp-hero-full-width__content .cmp-hero-full-width__content__title.inner-page-banner * {
  color: #FFF;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 16px;
}
.cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner {
  color: #FFF;
  padding-bottom: 32px;
}
@media (min-width: 1025px) {
  .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner {
    max-width: 680px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner {
    max-width: 511px;
  }
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content .cmp-hero-full-width__content__description.inner-page-banner {
    max-width: 308px;
  }
}
.cmp-hero-full-width__content--ctas {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1025px) {
  .cmp-hero-full-width__content--ctas {
    flex-direction: row;
    gap: 48px;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .cmp-hero-full-width__content--ctas {
    flex-direction: column;
    gap: 24px;
  }
}
.cmp-hero-full-width__content--ctas .primaryCta {
  background-color: #E6ECE9;
  border-radius: 100px;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content--ctas .primaryCta {
    padding: 16px 20px;
  }
}
.cmp-hero-full-width__content--ctas .primaryCta .cta__label {
  color: #054021;
}
.cmp-hero-full-width__content--ctas .chevron-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content--ctas .chevron-wrapper {
    gap: 12px;
  }
}
.cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon {
  position: relative;
  width: 48px;
  height: 48px;
  padding: 7px 12px 12px 12px;
  border-radius: 9999px;
  border: 1px solid #EDEDED;
  background: rgba(245, 245, 245, 0.1);
  backdrop-filter: blur(18.05px);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: none;
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon {
    width: 32px;
    height: 32px;
  }
}
.cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon:hover, .cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon:focus-visible {
  background: #fff;
  border-color: #fff;
  outline: none;
}
.cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon::before {
  content: "›";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  font-size: 32px;
  color: var(--grey-50);
  width: 4px;
  height: 13px;
  align-content: center;
  margin: auto;
  transition: color 0.2s;
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon::before {
    font-size: 16px;
  }
}
.cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon:hover::before, .cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon:focus-visible::before {
  color: #000;
}
.cmp-hero-full-width__content--ctas .chevron-wrapper .chevron-icon [dir=rtl] .chevron-icon {
  padding: 12px 12px 7px 12px;
}
.cmp-hero-full-width__content--ctas .secondaryCta {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  outline: none;
}
.cmp-hero-full-width__content--ctas .secondaryCta:focus-visible {
  outline: none;
}
.cmp-hero-full-width__content--ctas .secondaryCta .cta__icon {
  position: relative;
  width: 48px !important;
  height: 48px;
  padding: 0;
  box-sizing: border-box;
  color: var(--grey-50);
  border-radius: 9999px;
  border: 1px solid #EDEDED;
  background: rgba(245, 245, 245, 0.1);
  backdrop-filter: blur(18.05px);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content--ctas .secondaryCta .cta__icon {
    width: 32px !important;
    height: 32px;
  }
}
.cmp-hero-full-width__content--ctas .secondaryCta .cta__icon::before {
  font-size: 32px;
  line-height: 1;
  display: block;
}
@media (max-width: 767px) {
  .cmp-hero-full-width__content--ctas .secondaryCta .cta__icon::before {
    font-size: 16px;
  }
}
.cmp-hero-full-width__content--ctas .secondaryCta .cta__label {
  color: #FFF;
  background: none;
  border: none;
}
.cmp-hero-full-width__content--ctas .primaryCta .cta__icon {
  display: none !important;
}
.cmp-hero-full-width__content--modal {
  border: none;
  margin: auto;
  width: 85%;
  max-width: min(88vw, 1280px);
  aspect-ratio: 16/9;
  overflow: hidden;
}
.cmp-hero-full-width__content--modal:not([open]) {
  display: none !important;
}
@media (min-width: 769px) {
  .cmp-hero-full-width__content--modal {
    background-color: #000;
    box-sizing: border-box;
    border-radius: 12px;
    overflow: visible;
    width: 100%;
    max-width: min(88vw, 1280px);
  }
  .cmp-hero-full-width__content--modal__video {
    background-color: transparent;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 100%;
    height: auto;
  }
  .cmp-hero-full-width__content--modal__video .video-poster__video,
  .cmp-hero-full-width__content--modal__video .video-container__video {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .cmp-hero-full-width__content--modal__video .video-container,
  .cmp-hero-full-width__content--modal__video .video-poster {
    position: relative !important;
    overflow: hidden;
  }
  .cmp-hero-full-width__content--modal__video .video-container__controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(env(safe-area-inset-bottom, 8px) + 8px);
    z-index: 20;
  }
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal[open] {
    width: 100vw;
    height: 100dvh;
    max-width: none;
    aspect-ratio: unset;
    margin: 0;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }
  .cmp-hero-full-width__content--modal:not([open]) .video-container,
  .cmp-hero-full-width__content--modal:not([open]) .video-poster,
  .cmp-hero-full-width__content--modal:not([open]) .video-container__video,
  .cmp-hero-full-width__content--modal:not([open]) .video-poster__video {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
  }
}
.cmp-hero-full-width__content--modal::backdrop {
  background-color: #000000;
  box-shadow: 13px 21px 6.5px 1px rgba(0, 0, 0, 0.18);
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal::backdrop {
    background-color: #000000;
    box-shadow: none;
  }
}
.cmp-hero-full-width__content--modal__close-button {
  position: absolute;
  top: var(--spacing-2);
  right: var(--spacing-2);
  z-index: 2;
  font-size: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: transparent;
  color: hsla(0, 0%, 100%, 0.6);
  outline: 1px solid #fff;
  border-radius: 50%;
  font-weight: 800;
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal__close-button {
    right: 20px;
    width: 32px;
    height: 32px;
    font-size: 21px;
    background-color: transparent;
    color: white;
  }
}
@media (min-width: 769px) {
  .cmp-hero-full-width__content--modal__close-button {
    width: 35px;
    height: 35px;
    background: transparent;
    font-size: 21px;
    color: #ffffff;
    box-shadow: none;
  }
}
@media (min-width: 769px) and (max-width: 980px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -12%;
    right: -4%;
  }
}
@media (min-width: 981px) and (max-width: 1024px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -9%;
    right: -4%;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -6%;
    right: -4%;
  }
}
@media (min-width: 1101px) and (max-width: 1150px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -5%;
    right: -5%;
  }
}
@media (min-width: 1151px) and (max-width: 1340px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -3%;
    right: -5%;
  }
}
@media (min-width: 1341px) and (max-width: 1440px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -3%;
    right: -4%;
  }
}
@media (min-width: 1441px) {
  .cmp-hero-full-width__content--modal__close-button {
    top: -1%;
    right: -5%;
  }
}
.cmp-hero-full-width__content--modal__video {
  background-color: #000000;
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal__video {
    height: 100dvh !important;
    width: 100vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media (min-width: 769px) {
  .cmp-hero-full-width__content--modal__video {
    height: 100%;
    width: 100%;
  }
}
.cmp-hero-full-width__content--modal__video .video-container__controls {
  background: none;
  padding-bottom: 0px;
}
.cmp-hero-full-width__content--modal__video .video-container__controls__buttons--button {
  background-color: var(--black);
  border-color: var(--black);
}
.cmp-hero-full-width__content--modal__video .video-container__controls__buttons--button:hover {
  border-color: var(--black);
}
.cmp-hero-full-width__content--modal__video .video-poster__video,
.cmp-hero-full-width__content--modal__video .video-container__video {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal__video .video-poster__video,
  .cmp-hero-full-width__content--modal__video .video-container__video {
    aspect-ratio: unset;
    height: 100dvh;
    width: 100vw;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal__video .video-container__video,
  .cmp-hero-full-width__content--modal__video .video-poster__video {
    height: 103% !important;
  }
}
@media (max-width: 768px) {
  .cmp-hero-full-width__content--modal__video .video-container,
  .cmp-hero-full-width__content--modal__video .video-poster {
    width: 100vw;
    height: 100dvh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button__text {
  display: none;
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button__icon {
  width: 80px;
  height: 80px;
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button__icon:hover .video-poster__play-button__icon::before {
  color: #054021;
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button:hover .cmp-hero-full-width__content--modal__video .video-poster__play-button__icon {
  transform: none;
  background: rgba(5, 64, 33, 0.8);
  border-color: rgba(5, 64, 33, 0.8);
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button:hover .cmp-hero-full-width__content--modal__video .video-poster__play-button__icon::before {
  color: #054021;
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button:focus-visible .cmp-hero-full-width__content--modal__video .video-poster__play-button__icon {
  background: #054021;
  background: #054021;
  outline: 2px solid #054021;
}
.cmp-hero-full-width__content--modal__video .video-poster__play-button:focus-visible .cmp-hero-full-width__content--modal__video .video-poster__play-button__icon::before {
  color: #054021;
}

.cmp-hero-full-width__content .cmp-breadcrumb,
.cmp-hero-full-width__content .cmp-breadcrumb__item,
.cmp-hero-full-width__content .cmp-breadcrumb__item a,
.cmp-hero-full-width__content .cmp-breadcrumb__item span {
  color: #FFF;
}
.cmp-hero-full-width__content .cmp-breadcrumb__item:not(:last-child)::after {
  content: "›";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  width: 16px;
  height: 16px;
  padding-bottom: 8px;
  gap: 10px;
  flex-shrink: 0;
}

html[dir=rtl] .cmp-hero-full-width__cover {
  background: linear-gradient(142deg, rgba(0, 0, 0, 0.08) 22.88%, rgba(0, 0, 0, 0.8) 97.69%), linear-gradient(105deg, rgba(0, 0, 0, 0.25) 11.26%, rgba(0, 0, 0, 0.36) 65.1%), 50%/cover no-repeat;
}
html[dir=rtl] .cmp-hero-full-width__content {
  text-align: right;
}
html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
  right: unset;
}
@media (max-width: 768px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    left: 20px;
    width: 32px;
    height: 32px;
    font-size: 21px;
    background-color: transparent;
    color: white;
  }
}
@media (min-width: 769px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    width: 35px;
    height: 35px;
    background: transparent;
    font-size: 21px;
    color: #ffffff;
    box-shadow: none;
  }
}
@media (min-width: 769px) and (max-width: 980px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -12%;
    left: -4%;
  }
}
@media (min-width: 981px) and (max-width: 1024px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -9%;
    left: -4%;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -6%;
    left: -4%;
  }
}
@media (min-width: 1101px) and (max-width: 1150px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -5%;
    left: -5%;
  }
}
@media (min-width: 1151px) and (max-width: 1340px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -3%;
    left: -5%;
  }
}
@media (min-width: 1341px) and (max-width: 1440px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -3%;
    left: -4%;
  }
}
@media (min-width: 1441px) {
  html[dir=rtl] .cmp-hero-full-width__content--modal__close-button {
    top: -1%;
    left: -5%;
  }
}
html[dir=rtl] .cmp-hero-full-width__content--modal .video-poster__play-button:hover .video-poster__play-button__icon {
  transform: none;
}
html[dir=rtl] .cmp-hero-full-width__content.reduced-motion * {
  transition: none !important;
  animation: none !important;
}

@media (min-width: 1920px) {
  .cmp-hero-full-width.inner-page-banner .cmp-hero-full-width__content {
    padding-bottom: 100px;
  }
}
@media (min-width: 1025px) and (max-width: 1919px) {
  .cmp-hero-full-width.inner-page-banner .cmp-hero-full-width__content {
    padding-bottom: 100px;
  }
}

.breadcrumb {
  display: none;
}

.breadcrumb--visible {
  display: block;
}

body[data-pageid=dragon-ball-page] .cmp-hero-full-width__content__title {
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  body[data-pageid=dragon-ball-page] .cmp-hero-full-width__content__title {
    padding-bottom: 9px;
  }
}
body[data-pageid=dragon-ball-page] .cmp-hero-full-width__background-image {
  object-position: right bottom;
}
@media screen and (max-width: 767px) {
  body[data-pageid=dragon-ball-page] .cmp-hero-full-width__background-image {
    object-fit: fill;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body[data-pageid=dragon-ball-page] .cmp-hero-full-width__background-image {
    object-fit: fill;
    object-position: center;
  }
}
[dir=rtl] body[data-pageid=dragon-ball-page] .cmp-hero-full-width__background-image {
  object-position: left bottom;
}
@media screen and (min-width: 1440px) {
  body[data-pageid=dragon-ball-page] .cmp-hero-full-width__background-image {
    object-position: 100% 75%;
  }
  [dir=rtl] body[data-pageid=dragon-ball-page] .cmp-hero-full-width__background-image {
    object-position: 0% 75%;
  }
  body[data-pageid=dragon-ball-page] .cmp-hero-full-width.parallax-child-2.inner-page-banner {
    max-height: 820px !important;
  }
}