: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,
.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6,
.video-poster__play-button__icon .video-poster__play-button__text-ring__label {
  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] .heading-h2,
[lang=ar] .heading-h3,
[lang=ar] .heading-h4,
[lang=ar] .heading-h5,
[lang=ar] .heading-h6,
[lang=ar] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
.video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
  font-family: var(--font-family-global-ar);
}

/* Headings/H1 */
h1,
.heading-h1 {
  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 {
    font-size: var(--en-font-size-heading-h-1, 40px);
  }
}
@media (min-width: 1440px) {
  h1,
  .heading-h1 {
    font-size: var(--en-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 1920px) {
  h1,
  .heading-h1 {
    font-size: var(--en-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 768px) {
  h1,
  .heading-h1 {
    line-height: var(--en-font-line-height-heading-h-1, 48px);
  }
}
@media (min-width: 1440px) {
  h1,
  .heading-h1 {
    line-height: var(--en-font-line-height-heading-h-1, 68px);
  }
}
@media (min-width: 1920px) {
  h1,
  .heading-h1 {
    line-height: var(--en-font-line-height-heading-h-1, 68px);
  }
}
[lang=ar] h1,
[lang=ar] .heading-h1 {
  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 {
    font-size: var(--ar-font-size-heading-h-1, 40px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1 {
    font-size: var(--ar-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1 {
    font-size: var(--ar-font-size-heading-h-1, 56px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1 {
    line-height: var(--ar-font-line-height-heading-h-1, 48px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1 {
    line-height: var(--ar-font-line-height-heading-h-1, 68px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h1,
  [lang=ar] .heading-h1 {
    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,
.video-poster__play-button__icon .video-poster__play-button__text-ring__label {
  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,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    font-size: var(--en-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    line-height: var(--en-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
[lang=ar] h6,
[lang=ar] .heading-h6,
[lang=ar] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
.video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
  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] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    font-size: var(--ar-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    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] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    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] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    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] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    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] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    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] .video-poster__play-button__icon .video-poster__play-button__text-ring__label,
  .video-poster__play-button__icon [lang=ar] .video-poster__play-button__text-ring__label {
    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 {
  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 {
    font-size: var(--en-font-size-display-display, 56px);
  }
}
@media (min-width: 1440px) {
  .display {
    font-size: var(--en-font-size-display-display, 80px);
  }
}
@media (min-width: 1920px) {
  .display {
    font-size: var(--en-font-size-display-display, 80px);
  }
}
@media (min-width: 768px) {
  .display {
    line-height: var(--en-font-line-height-display-display, 68px);
  }
}
@media (min-width: 1440px) {
  .display {
    line-height: var(--en-font-line-height-display-display, 96px);
  }
}
@media (min-width: 1920px) {
  .display {
    line-height: var(--en-font-line-height-display-display, 96px);
  }
}
[lang=ar] .display {
  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 {
    font-size: var(--ar-font-size-display-display, 56px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .display {
    font-size: var(--ar-font-size-display-display, 80px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .display {
    font-size: var(--ar-font-size-display-display, 80px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .display {
    line-height: var(--ar-font-line-height-display-display, 68px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .display {
    line-height: var(--ar-font-line-height-display-display, 96px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .display {
    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 {
  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 {
    font-size: var(--en-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  .body-lg {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  .body-lg {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  .body-lg {
    line-height: var(--en-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  .body-lg {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  .body-lg {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
[lang=ar] .body-lg {
  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 {
    font-size: var(--ar-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-lg {
    line-height: var(--ar-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg {
    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 {
  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 {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  .button {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
[lang=ar] .button {
  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 {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .button {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button {
    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
}
*/
.cmp-media__wrapper--no-title {
  position: relative;
  overflow-x: hidden;
  width: 100vw;
}
@media (max-width: 1024px) {
  .cmp-media__wrapper--no-title .video {
    height: 690px !important;
  }
  .cmp-media__wrapper--no-title .video-container,
  .cmp-media__wrapper--no-title .video-poster,
  .cmp-media__wrapper--no-title .video-container__video {
    width: 100%;
    height: 690px !important;
    object-fit: cover;
    position: absolute;
  }
}
@media (min-width: 1025px) {
  .cmp-media__wrapper--no-title .video {
    height: 728px !important;
  }
  .cmp-media__wrapper--no-title .video-container,
  .cmp-media__wrapper--no-title .video-poster,
  .cmp-media__wrapper--no-title .video-container__video {
    height: 728px !important;
    width: 100%;
    object-fit: cover;
    position: absolute;
  }
}

.cmp-media__wrapper--no-title-v1 {
  position: relative;
  overflow-x: hidden;
  width: 100vw;
  max-width: 1192px;
}
@media (max-width: 767px) {
  .cmp-media__wrapper--no-title-v1 {
    padding: 0 !important;
  }
  .cmp-media__wrapper--no-title-v1 .video {
    height: 700px !important;
  }
  .cmp-media__wrapper--no-title-v1 .video-container,
  .cmp-media__wrapper--no-title-v1 .video-poster,
  .cmp-media__wrapper--no-title-v1 .video-container__video {
    width: 100%;
    height: 700px !important;
    object-fit: cover;
    position: absolute;
    border-radius: 0 !important;
  }
}
@media (min-width: 400px) and (max-width: 767px) {
  .cmp-media__wrapper--no-title-v1 {
    padding: 0 !important;
  }
  .cmp-media__wrapper--no-title-v1 .video {
    height: 760px !important;
  }
  .cmp-media__wrapper--no-title-v1 .video-container,
  .cmp-media__wrapper--no-title-v1 .video-poster,
  .cmp-media__wrapper--no-title-v1 .video-container__video {
    width: 100%;
    height: 760px !important;
    object-fit: cover;
    position: absolute;
    border-radius: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cmp-media__wrapper--no-title-v1 {
    padding: 0 !important;
  }
  .cmp-media__wrapper--no-title-v1 .video {
    height: clamp(540px, 16px + 50 * (100vw - 768px) / 256, 590px) !important;
  }
  .cmp-media__wrapper--no-title-v1 .video-container,
  .cmp-media__wrapper--no-title-v1 .video-poster,
  .cmp-media__wrapper--no-title-v1 .video-container__video {
    width: 100%;
    height: clamp(540px, 16px + 50 * (100vw - 768px) / 256, 590px) !important;
    object-fit: cover;
    position: absolute;
    border-radius: 0 !important;
  }
}
@media (min-width: 1025px) {
  .cmp-media__wrapper--no-title-v1 {
    width: 100%;
    padding-block-start: 0 !important;
    padding-inline: var(--grid-padding) !important;
    padding-bottom: clamp(16px, 16px + 16 * (100vw - 375px) / 817, 32px) !important;
  }
  .cmp-media__wrapper--no-title-v1 .video-container,
  .cmp-media__wrapper--no-title-v1 .video-poster,
  .cmp-media__wrapper--no-title-v1 .video-container__video {
    width: 100%;
    object-fit: cover;
    position: relative;
  }
}

.visually-hidden, .video-poster__play-button__text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.video-poster, .video-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.video-poster__video, .video-container__video {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  position: relative;
}
.video-hide {
  display: none;
}
.video-poster__play-button {
  --clickable-element-block-size: clamp(48px, calc(48px + 16 * (100vw - 375px) / 817), 64px);
  background: transparent;
  padding: 0;
  block-size: var(--clickable-element-block-size);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-1);
  z-index: 2;
  will-change: transform;
}
.video-poster__play-button:focus-visible {
  border-radius: 100px;
  outline: 2px solid var(--white);
  outline-offset: 2px;
}
@media (hover: hover) {
  .video-poster__play-button:hover .video-poster__play-button__icon {
    background: transparent;
    border-color: var(--white);
  }
}
.video-poster__play-button.is-entered .video-poster__play-button__icon::before, .video-poster__play-button:hover .video-poster__play-button__icon::before, .video-poster__play-button:focus-visible .video-poster__play-button__icon::before {
  background-color: #ffffff;
  border-color: transparent transparent transparent #ffffff;
}
.video-poster__play-button__icon {
  block-size: var(--clickable-element-block-size);
  inline-size: var(--clickable-element-block-size);
  background: var(--white);
  border: 2px solid var(--clickable-element-border-color, var(--clickable-element-base-border-color, var(--clickable-element-base-background-color)));
  border-radius: 50%;
  transition: background-color 0.4s cubic-bezier(0.34, 1.8, 0.64, 1), border-color 0.4s cubic-bezier(0.34, 1.8, 0.64, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.video-poster__play-button__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 53%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 12px;
  border-color: transparent transparent transparent #1C2633;
  transform: translate(-50%, -50%);
  transition: border-color 0.4s cubic-bezier(0.34, 1.8, 0.64, 1), background-color 0.4s cubic-bezier(0.34, 1.8, 0.64, 1);
}
@supports (-webkit-mask: url("")) or (mask: url("")) {
  .video-poster__play-button__icon::before {
    width: 12px;
    height: 13px;
    border: none;
    background-color: #1C2633;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M11.3648 5.44668L1.4741 0.120894C0.807869 -0.237845 0 0.24469 0 1.00137V11.6529C0 12.4096 0.807868 12.8921 1.4741 12.5334L11.3648 7.20762C12.066 6.83005 12.066 5.82425 11.3648 5.44668Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M11.3648 5.44668L1.4741 0.120894C0.807869 -0.237845 0 0.24469 0 1.00137V11.6529C0 12.4096 0.807868 12.8921 1.4741 12.5334L11.3648 7.20762C12.066 6.83005 12.066 5.82425 11.3648 5.44668Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}
.video-poster__play-button__icon .video-poster__play-button__text-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 150%;
  height: 150%;
  overflow: visible;
  pointer-events: none;
  will-change: opacity, transform;
}
.video-poster__play-button__icon .video-poster__play-button__text-ring__label {
  fill: var(--white);
  text-transform: uppercase;
  font-weight: 600;
}
.video-poster__play-button__icon .video-poster__play-button__text-ring__label textPath {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  fill: inherit;
}
.video-poster__image {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-container.show-controls .video-container__controls {
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all ease 0.13s;
}
.video-container__controls {
  position: absolute;
  width: 100%;
  padding: 16px;
  color: var(--white);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5) 75%);
  z-index: 2;
  bottom: -15px;
  opacity: 0;
  pointer-events: none;
  transition: all ease 0.08s;
  direction: ltr;
}
.video-container__controls__timer {
  position: relative;
  width: 100%;
  block-size: 32px;
  margin-bottom: 16px;
}
.video-container__controls__timer__progress-area {
  width: 100%;
  height: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.video-container__controls__timer__progress-area__progress-bar {
  background-color: var(--white);
  height: 3px;
}
.video-container__controls__timer__progress-area__pointer {
  background: transparent;
  border: 2px solid var(--white);
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
}
.video-container__controls__timer__progress-area__progress-pending {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.302);
  flex: 1;
}
.video-container__controls__timer__current-time {
  left: 0;
}
.video-container__controls__timer__duration {
  right: 0;
}
.video-container__controls__timer__current-time, .video-container__controls__timer__duration {
  position: absolute;
  inset-block-end: 0;
}
.video-container__controls__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.video-container__controls__buttons__icon {
  font-size: 24px;
}
.video-container__controls__buttons--button {
  background-color: var(--tertiary-base);
  color: var(--white);
  border: 2px solid var(--tertiary-base);
  border-radius: 50%;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.video-container__controls__buttons--button:focus-visible {
  outline: 2px solid var(--tertiary-base);
  outline-offset: 2px;
}
.video-container__controls__buttons--button:first-child {
  margin-right: auto;
}
.video-container__controls__buttons--button:hover {
  background-color: var(--white);
  color: var(--tertiary-base);
}

html[dir=rtl] .video-poster__play-button__icon .video-poster__play-button__text-ring {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir=rtl] .video-poster__play-button__icon .video-poster__play-button__text-ring__label {
  direction: ltr;
  unicode-bidi: isolate;
}