: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;
  --en-font-size-map-title-map-title: 26px;
  --en-font-line-height-map-title-map-title: 28px;
  --en-font-weight-map-title-map-title: "semibold";
  --en-font-family-map-title: "Proxima Nova Extra Wide";
  --en-font-family-map-poi: "Proxima Nova Extra Wide";
  --en-font-size-map-poi-map-poi: 18px;
  --en-font-line-height-map-poi-map-poi: 18px;
  --en-font-weight-map-poi-map-poi: "semibold";
  --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: 30px;
  --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: 20px;
  --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-map-title-map-title: 26px;
  --ar-font-line-height-map-title-map-title: 32px;
  --ar-font-weight-map-title-map-title: "wide semibold";
  --ar-font-family-map-title: "29LT Bukra Variable";
  --ar-font-family-map-poi: "29LT Bukra Variable";
  --ar-font-size-map-poi-map-poi: 17px;
  --ar-font-line-height-map-poi-map-poi: 17px;
  --ar-font-weight-map-poi-map-poi: "wide semibold";
  --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: 15px;
  --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: 21px;
  --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;
  --en-font-size-map-title-map-title: 18px;
  --en-font-line-height-map-title-map-title: 20px;
  --ar-font-size-map-title-map-title: 18px;
  --ar-font-line-height-map-title-map-title: 24px;
  --en-font-size-map-poi-map-poi: 16px;
  --en-font-line-height-map-poi-map-poi: 16px;
  --ar-font-size-map-poi-map-poi: 15px;
  --ar-font-line-height-map-poi-map-poi: 15px;
}

@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: 17px;
    --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: 22px;
    --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;
    --en-font-size-map-title-map-title: 20px;
    --en-font-line-height-map-title-map-title: 22px;
    --ar-font-size-map-title-map-title: 22px;
    --ar-font-line-height-map-title-map-title: 26px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
@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: 20px;
    --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: 30px;
    --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;
    --en-font-size-map-title-map-title: 26px;
    --en-font-line-height-map-title-map-title: 28px;
    --ar-font-size-map-title-map-title: 26px;
    --ar-font-line-height-map-title-map-title: 32px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
@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: 20px;
    --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: 30px;
    --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;
    --en-font-size-map-title-map-title: 26px;
    --en-font-line-height-map-title-map-title: 28px;
    --ar-font-size-map-title-map-title: 26px;
    --ar-font-line-height-map-title-map-title: 32px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
.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;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-h1,
.heading-h2,
.related-article .related-article-header,
.heading-h3,
.related-article-filter-dialog__header-title,
.related-article .related-article-search__header,
.heading-h4,
.related-article-tile__title,
.heading-h5,
.heading-h6 {
  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] .related-article .related-article-header,
.related-article [lang=ar] .related-article-header,
[lang=ar] .heading-h3,
[lang=ar] .related-article-filter-dialog__header-title,
[lang=ar] .related-article .related-article-search__header,
.related-article [lang=ar] .related-article-search__header,
[lang=ar] .heading-h4,
[lang=ar] .related-article-tile__title,
[lang=ar] .heading-h5,
[lang=ar] .heading-h6 {
  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,
.related-article .related-article-header {
  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,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
[lang=ar] h2,
[lang=ar] .heading-h2,
[lang=ar] .related-article .related-article-header,
.related-article [lang=ar] .related-article-header {
  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,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}

/* Headings/H3 */
h3,
.heading-h3,
.related-article-filter-dialog__header-title,
.related-article .related-article-search__header {
  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,
  .related-article-filter-dialog__header-title,
  .related-article .related-article-search__header {
    font-size: var(--en-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3,
  .related-article-filter-dialog__header-title,
  .related-article .related-article-search__header {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3,
  .related-article-filter-dialog__header-title,
  .related-article .related-article-search__header {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  h3,
  .heading-h3,
  .related-article-filter-dialog__header-title,
  .related-article .related-article-search__header {
    line-height: var(--en-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3,
  .related-article-filter-dialog__header-title,
  .related-article .related-article-search__header {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3,
  .related-article-filter-dialog__header-title,
  .related-article .related-article-search__header {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
[lang=ar] h3,
[lang=ar] .heading-h3,
[lang=ar] .related-article-filter-dialog__header-title,
[lang=ar] .related-article .related-article-search__header,
.related-article [lang=ar] .related-article-search__header {
  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,
  [lang=ar] .related-article-filter-dialog__header-title,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header {
    font-size: var(--ar-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article-filter-dialog__header-title,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article-filter-dialog__header-title,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article-filter-dialog__header-title,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header {
    line-height: var(--ar-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article-filter-dialog__header-title,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article-filter-dialog__header-title,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}

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

/* 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 {
  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 {
    font-size: var(--en-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
[lang=ar] h6,
[lang=ar] .heading-h6 {
  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 {
    font-size: var(--ar-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}

/* Headings/H7 Eyebrow (SB) */
.heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
  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, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article-filter-dialog__section-title, .related-article .related-article-sort__results {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
[lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
  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, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article-filter-dialog__section-title, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results {
    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, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
  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, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
    font-size: var(--en-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  .body-md, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  .body-md, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  .body-md, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
    line-height: var(--en-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  .body-md, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  .body-md, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count, .related-article .related-article-search__input, .related-article .related-article-sort__label, .related-article .related-article-sort__select-value, .related-article .related-article-error, .related-article .related-article-search__no-results p {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
[lang=ar] .body-md, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
  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, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
    font-size: var(--ar-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-md, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
    line-height: var(--ar-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}

/* Body/lg - regular */
.body-lg, .related-article .related-article-sort__select-option {
  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, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
[lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-lg, 16px);
  line-height: var(--ar-font-line-height-body-lg, 20px);
}
@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}

.body-sm, .related-article-filter-dialog__calendar-error {
  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, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
[lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
  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, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    line-height: var(--ar-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    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, .related-article .related-article-filter__chip--active .related-article-filter__link {
  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, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
[lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
  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, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}

/* Tab/default */
.tab-default, .related-article .related-article-filter__link {
  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, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
[lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
  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, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}

/* Button */
.button, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
  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, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  .button, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more, .related-article .view-all-cta, .related-article .related-article-filter__button-text {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
[lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-button-button, 14px);
  line-height: var(--ar-font-line-height-button-button, 14px);
}
@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text {
    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);
  }
}

/* tag */
.tag-text, .related-article-tile__category-tag {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-tag-tag, 12px);
  line-height: var(--en-font-line-height-tag-tag, 12px);
}
@media (min-width: 768px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
[lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-tag-tag, 12px);
  line-height: var(--ar-font-line-height-tag-tag, 12px);
}
@media (min-width: 768px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}

/* Map Title */
.map-title {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-variant: all-small-caps;
  font-size: var(--en-font-size-map-title-map-title, 18px);
  line-height: var(--en-font-line-height-map-title-map-title, 20px);
}
@media (min-width: 768px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 20px);
  }
}
@media (min-width: 1440px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 1920px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 768px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 22px);
  }
}
@media (min-width: 1440px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 28px);
  }
}
@media (min-width: 1920px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 28px);
  }
}
[lang=ar] .map-title {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-map-title-map-title, 18px);
  line-height: var(--ar-font-line-height-map-title-map-title, 20px);
}
@media (min-width: 768px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 22px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 28px);
  }
}

/* Map POI (Point of Interest) */
.map-poi {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-size: var(--en-font-size-map-poi-map-poi, 16px);
  line-height: var(--en-font-line-height-map-poi-map-poi, 16px);
}
@media (min-width: 768px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 768px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
[lang=ar] .map-poi {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-map-poi-map-poi, 16px);
  line-height: var(--ar-font-line-height-map-poi-map-poi, 16px);
}
@media (min-width: 768px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}

/* 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
}
*/
: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;
  --en-font-size-map-title-map-title: 26px;
  --en-font-line-height-map-title-map-title: 28px;
  --en-font-weight-map-title-map-title: "semibold";
  --en-font-family-map-title: "Proxima Nova Extra Wide";
  --en-font-family-map-poi: "Proxima Nova Extra Wide";
  --en-font-size-map-poi-map-poi: 18px;
  --en-font-line-height-map-poi-map-poi: 18px;
  --en-font-weight-map-poi-map-poi: "semibold";
  --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: 30px;
  --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: 20px;
  --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-map-title-map-title: 26px;
  --ar-font-line-height-map-title-map-title: 32px;
  --ar-font-weight-map-title-map-title: "wide semibold";
  --ar-font-family-map-title: "29LT Bukra Variable";
  --ar-font-family-map-poi: "29LT Bukra Variable";
  --ar-font-size-map-poi-map-poi: 17px;
  --ar-font-line-height-map-poi-map-poi: 17px;
  --ar-font-weight-map-poi-map-poi: "wide semibold";
  --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: 15px;
  --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: 21px;
  --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;
  --en-font-size-map-title-map-title: 18px;
  --en-font-line-height-map-title-map-title: 20px;
  --ar-font-size-map-title-map-title: 18px;
  --ar-font-line-height-map-title-map-title: 24px;
  --en-font-size-map-poi-map-poi: 16px;
  --en-font-line-height-map-poi-map-poi: 16px;
  --ar-font-size-map-poi-map-poi: 15px;
  --ar-font-line-height-map-poi-map-poi: 15px;
}

@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: 17px;
    --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: 22px;
    --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;
    --en-font-size-map-title-map-title: 20px;
    --en-font-line-height-map-title-map-title: 22px;
    --ar-font-size-map-title-map-title: 22px;
    --ar-font-line-height-map-title-map-title: 26px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
@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: 20px;
    --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: 30px;
    --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;
    --en-font-size-map-title-map-title: 26px;
    --en-font-line-height-map-title-map-title: 28px;
    --ar-font-size-map-title-map-title: 26px;
    --ar-font-line-height-map-title-map-title: 32px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
@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: 20px;
    --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: 30px;
    --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;
    --en-font-size-map-title-map-title: 26px;
    --en-font-line-height-map-title-map-title: 28px;
    --ar-font-size-map-title-map-title: 26px;
    --ar-font-line-height-map-title-map-title: 32px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
.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;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-h1,
.heading-h2,
.related-article .related-article-header,
.heading-h3,
.related-article .related-article-search__header,
.related-article-filter-dialog__header-title,
.heading-h4,
.related-article-tile__title,
.heading-h5,
.heading-h6 {
  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] .related-article .related-article-header,
.related-article [lang=ar] .related-article-header,
[lang=ar] .heading-h3,
[lang=ar] .related-article .related-article-search__header,
.related-article [lang=ar] .related-article-search__header,
[lang=ar] .related-article-filter-dialog__header-title,
[lang=ar] .heading-h4,
[lang=ar] .related-article-tile__title,
[lang=ar] .heading-h5,
[lang=ar] .heading-h6 {
  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,
.related-article .related-article-header {
  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,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
[lang=ar] h2,
[lang=ar] .heading-h2,
[lang=ar] .related-article .related-article-header,
.related-article [lang=ar] .related-article-header {
  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,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
/* Headings/H3 */
h3,
.heading-h3,
.related-article .related-article-search__header,
.related-article-filter-dialog__header-title {
  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,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    font-size: var(--en-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    line-height: var(--en-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
[lang=ar] h3,
[lang=ar] .heading-h3,
[lang=ar] .related-article .related-article-search__header,
.related-article [lang=ar] .related-article-search__header,
[lang=ar] .related-article-filter-dialog__header-title {
  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,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    font-size: var(--ar-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    line-height: var(--ar-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}
/* Headings/H4 (all caps) */
h4,
.heading-h4,
.related-article-tile__title {
  font-size: var(--en-font-size-heading-h-4, 16px);
  line-height: var(--en-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
}

@media (min-width: 768px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    font-size: var(--en-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    line-height: var(--en-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
[lang=ar] h4,
[lang=ar] .heading-h4,
[lang=ar] .related-article-tile__title {
  font-size: var(--ar-font-size-heading-h-4, 16px);
  line-height: var(--ar-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
}

@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    font-size: var(--ar-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    line-height: var(--ar-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
/* 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 {
  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 {
    font-size: var(--en-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
[lang=ar] h6,
[lang=ar] .heading-h6 {
  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 {
    font-size: var(--ar-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
/* Headings/H7 Eyebrow (SB) */
.heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
  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, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
[lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
  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, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    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, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
  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, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    font-size: var(--en-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    line-height: var(--en-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
[lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
  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, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    font-size: var(--ar-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    line-height: var(--ar-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
/* Body/lg - regular */
.body-lg, .related-article .related-article-sort__select-option {
  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, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
[lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-lg, 16px);
  line-height: var(--ar-font-line-height-body-lg, 20px);
}

@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
.body-sm, .related-article-filter-dialog__calendar-error {
  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, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
[lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
  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, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    line-height: var(--ar-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    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, .related-article .related-article-filter__chip--active .related-article-filter__link {
  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, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
[lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
  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, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
/* Tab/default */
.tab-default, .related-article .related-article-filter__link {
  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, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
[lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
  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, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
/* Button */
.button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
  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, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-tile a.explore-more, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
[lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-button-button, 14px);
  line-height: var(--ar-font-line-height-button-button, 14px);
}

@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply {
    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);
  }
}
/* tag */
.tag-text, .related-article-tile__category-tag {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-tag-tag, 12px);
  line-height: var(--en-font-line-height-tag-tag, 12px);
}

@media (min-width: 768px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
[lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-tag-tag, 12px);
  line-height: var(--ar-font-line-height-tag-tag, 12px);
}

@media (min-width: 768px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
/* Map Title */
.map-title {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-variant: all-small-caps;
  font-size: var(--en-font-size-map-title-map-title, 18px);
  line-height: var(--en-font-line-height-map-title-map-title, 20px);
}

@media (min-width: 768px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 20px);
  }
}
@media (min-width: 1440px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 1920px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 768px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 22px);
  }
}
@media (min-width: 1440px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 28px);
  }
}
@media (min-width: 1920px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 28px);
  }
}
[lang=ar] .map-title {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-map-title-map-title, 18px);
  line-height: var(--ar-font-line-height-map-title-map-title, 20px);
}

@media (min-width: 768px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 22px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 28px);
  }
}
/* Map POI (Point of Interest) */
.map-poi {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-size: var(--en-font-size-map-poi-map-poi, 16px);
  line-height: var(--en-font-line-height-map-poi-map-poi, 16px);
}

@media (min-width: 768px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 768px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
[lang=ar] .map-poi {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-map-poi-map-poi, 16px);
  line-height: var(--ar-font-line-height-map-poi-map-poi, 16px);
}

@media (min-width: 768px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
/* 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
}
*/
.related-article-filter-dialog__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(5, 5, 5, 0.7);
  display: none;
  z-index: 10;
}
.related-article-filter-dialog__content {
  position: fixed;
  z-index: 11;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 320px;
  max-width: 35.75rem;
  width: 100%;
  padding: 24px;
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  display: none;
  flex-direction: column;
  gap: 2rem;
  background: linear-gradient(180deg, #F4E4FF -16.59%, #FFF 34.9%);
}
@media (max-width: 767px) {
  .related-article-filter-dialog__content {
    min-width: 100%;
    max-width: 100%;
    height: 80vh;
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px 20px 120px 20px;
    gap: 1.5rem;
    border-radius: 1rem 1rem 0 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    transform: none;
    margin: 0;
    animation: related-article-filter-dialog-slideUp 0.3s ease-out;
    background: linear-gradient(180deg, #F4E4FF -11.75%, #FFF 26.39%);
  }
}
@keyframes related-article-filter-dialog-slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.related-article-filter-dialog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.related-article-filter-dialog__header-title {
  font-weight: 600 !important;
  margin: 0;
  color: var(--on-secondary-base, #1c2633);
  text-transform: capitalize;
}
.related-article-filter-dialog__header-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  line-height: 1;
  border: none;
  background: transparent;
  transition: all 0.2s ease;
}
.related-article-filter-dialog__header-close .qd-icon {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.related-article-filter-dialog__header-close .qd-icon svg {
  width: 100%;
  height: 100%;
  stroke: var(--New-DS-Neutrals-Jet-Black, #2a2a2a);
  stroke-width: 2px;
  stroke-linecap: round;
}
.related-article-filter-dialog__header-close:hover .qd-icon svg {
  stroke: #1a1a1a;
}
.related-article-filter-dialog__header-close:focus-visible {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article-filter-dialog__body {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .related-article-filter-dialog__body {
    flex-direction: column;
    gap: 40px;
    flex: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .related-article-filter-dialog__body {
    gap: 1.25rem;
  }
}
.related-article-filter-dialog__section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
}
@media (max-width: 767px) {
  .related-article-filter-dialog__section {
    width: 100%;
    flex-shrink: 0;
  }
}
.related-article-filter-dialog__section-title {
  flex: 1;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--on-secondary-base, #1c2633);
  margin: 0;
}
.related-article-filter-dialog__section-titlebox {
  display: flex;
  align-items: center;
  width: 100%;
}
.related-article-filter-dialog__section-titlebox .related-article-filter-dialog__section-title {
  flex: none;
}
.related-article-filter-dialog__calendar-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .related-article-filter-dialog__calendar-box {
    flex-direction: row;
    gap: 32px;
    display: flex;
  }
}
.related-article-filter-dialog__calendar-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.related-article-filter-dialog__calendar-label {
  color: #2A2A2A;
  margin: 0;
}
.related-article-filter-dialog__calendar-error {
  color: #DC4747;
  margin: 0;
  display: none;
}
.related-article-filter-dialog__calendar-error--visible {
  display: block;
}
.related-article-filter-dialog__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.related-article-filter-dialog__input-wrapper .date-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.related-article-filter-dialog__input-wrapper .calendar-icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  pointer-events: auto;
  cursor: pointer;
  z-index: 2;
  fill: #000;
  transition: fill 0.15s ease;
}
.related-article-filter-dialog__input-wrapper .calendar-icon:hover {
  fill: var(--dark-mint, #054021);
}
.related-article-filter-dialog__calendar-input {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border: 1px solid rgba(119, 119, 119, 0.2);
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #374151;
  background: #fff;
  transition: all 0.15s ease;
  cursor: text;
}
:dir(rtl) .related-article-filter-dialog__calendar-input {
  direction: ltr;
  text-align: left;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
}
.related-article-filter-dialog__calendar-input:focus {
  outline: none;
  border-color: var(--dark-mint, #054021);
  box-shadow: 0 0 0 0.1875rem rgba(5, 64, 33, 0.1);
}
.related-article-filter-dialog__calendar-input::placeholder {
  color: #6d757d;
  opacity: 1;
}
.related-article-filter-dialog__calendar-input--error {
  border: 1px solid #F56161;
}
.related-article-filter-dialog__calendar-input--error:focus {
  border-color: #F56161;
  box-shadow: 0 0 0 0.1875rem rgba(245, 97, 97, 0.15);
}
.related-article-filter-dialog__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .related-article-filter-dialog__actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    gap: 8px;
    padding: 24px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 12;
    margin-top: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .related-article-filter-dialog__actions {
    gap: 1.5rem;
  }
}
.related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
  display: flex;
  height: 48px;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 2px solid var(--dark-mint, #054021);
  background-color: transparent;
  color: var(--dark-mint, #054021);
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply {
    width: 100%;
    min-width: unset;
  }
}
.related-article-filter-dialog__btn-reset:hover, .related-article-filter-dialog__btn-apply:hover {
  background-color: var(--dark-mint, #054021);
  color: #fff;
}
.related-article-filter-dialog__btn-reset:focus-visible, .related-article-filter-dialog__btn-apply:focus-visible {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article-filter-dialog__btn-reset:disabled, .related-article-filter-dialog__btn-apply:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.related-article-filter-dialog__btn-apply--active {
  background-color: var(--dark-mint, #054021);
  color: #fff;
}
.related-article-filter-dialog__btn-apply--active:hover {
  background-color: transparent;
  color: var(--dark-mint, #054021);
}
.related-article-filter-dialog__btn-apply--active:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.related-article-filter-dialog__btn-apply--active .show-news-cta__prefix,
.related-article-filter-dialog__btn-apply--active .show-news-cta__text {
  margin-right: 4px;
}
:dir(rtl) .related-article-filter-dialog__btn-apply--active .show-news-cta__prefix,
:dir(rtl) .related-article-filter-dialog__btn-apply--active .show-news-cta__text {
  margin-right: 0;
  margin-left: 4px;
}
.related-article-filter-dialog__filter-item {
  display: flex;
  padding: 8px 0;
  align-items: center;
  cursor: pointer;
}
.related-article-filter-dialog__filter-checkbox {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  cursor: pointer;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #777;
  border-radius: 5px;
  background-color: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.related-article-filter-dialog__filter-checkbox:hover {
  border-color: #555;
}
.related-article-filter-dialog__filter-checkbox:checked {
  background-color: #fff;
  border-color: #777;
}
.related-article-filter-dialog__filter-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.25rem;
  height: 0.5rem;
  border: solid #2a2a2a;
  border-width: 0 0.125rem 0.125rem 0;
  transform: translate(-40%, -65%) rotate(45deg);
}
.related-article-filter-dialog__filter-checkbox:focus-visible {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
:dir(rtl) .related-article-filter-dialog__filter-checkbox {
  margin: 0 0 0 12px;
}
.related-article-filter-dialog__filter-label {
  color: #2D2D2D;
  flex: 1;
}
.related-article-filter-dialog__filter-count {
  color: #6d757d;
  padding: 0 4px;
  border-radius: 12px;
  flex-shrink: 0;
}

: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;
  --en-font-size-map-title-map-title: 26px;
  --en-font-line-height-map-title-map-title: 28px;
  --en-font-weight-map-title-map-title: "semibold";
  --en-font-family-map-title: "Proxima Nova Extra Wide";
  --en-font-family-map-poi: "Proxima Nova Extra Wide";
  --en-font-size-map-poi-map-poi: 18px;
  --en-font-line-height-map-poi-map-poi: 18px;
  --en-font-weight-map-poi-map-poi: "semibold";
  --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: 30px;
  --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: 20px;
  --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-map-title-map-title: 26px;
  --ar-font-line-height-map-title-map-title: 32px;
  --ar-font-weight-map-title-map-title: "wide semibold";
  --ar-font-family-map-title: "29LT Bukra Variable";
  --ar-font-family-map-poi: "29LT Bukra Variable";
  --ar-font-size-map-poi-map-poi: 17px;
  --ar-font-line-height-map-poi-map-poi: 17px;
  --ar-font-weight-map-poi-map-poi: "wide semibold";
  --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: 15px;
  --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: 21px;
  --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;
  --en-font-size-map-title-map-title: 18px;
  --en-font-line-height-map-title-map-title: 20px;
  --ar-font-size-map-title-map-title: 18px;
  --ar-font-line-height-map-title-map-title: 24px;
  --en-font-size-map-poi-map-poi: 16px;
  --en-font-line-height-map-poi-map-poi: 16px;
  --ar-font-size-map-poi-map-poi: 15px;
  --ar-font-line-height-map-poi-map-poi: 15px;
}

@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: 17px;
    --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: 22px;
    --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;
    --en-font-size-map-title-map-title: 20px;
    --en-font-line-height-map-title-map-title: 22px;
    --ar-font-size-map-title-map-title: 22px;
    --ar-font-line-height-map-title-map-title: 26px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
@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: 20px;
    --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: 30px;
    --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;
    --en-font-size-map-title-map-title: 26px;
    --en-font-line-height-map-title-map-title: 28px;
    --ar-font-size-map-title-map-title: 26px;
    --ar-font-line-height-map-title-map-title: 32px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
@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: 20px;
    --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: 30px;
    --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;
    --en-font-size-map-title-map-title: 26px;
    --en-font-line-height-map-title-map-title: 28px;
    --ar-font-size-map-title-map-title: 26px;
    --ar-font-line-height-map-title-map-title: 32px;
    --en-font-size-map-poi-map-poi: 18px;
    --en-font-line-height-map-poi-map-poi: 18px;
    --ar-font-size-map-poi-map-poi: 17px;
    --ar-font-line-height-map-poi-map-poi: 17px;
  }
}
.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;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-h1,
.heading-h2,
.related-article .related-article-header,
.heading-h3,
.related-article .related-article-search__header,
.related-article-filter-dialog__header-title,
.heading-h4,
.related-article-tile__title,
.heading-h5,
.heading-h6 {
  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] .related-article .related-article-header,
.related-article [lang=ar] .related-article-header,
[lang=ar] .heading-h3,
[lang=ar] .related-article .related-article-search__header,
.related-article [lang=ar] .related-article-search__header,
[lang=ar] .related-article-filter-dialog__header-title,
[lang=ar] .heading-h4,
[lang=ar] .related-article-tile__title,
[lang=ar] .heading-h5,
[lang=ar] .heading-h6 {
  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,
.related-article .related-article-header {
  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,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2,
  .related-article .related-article-header {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
[lang=ar] h2,
[lang=ar] .heading-h2,
[lang=ar] .related-article .related-article-header,
.related-article [lang=ar] .related-article-header {
  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,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2,
  [lang=ar] .related-article .related-article-header,
  .related-article [lang=ar] .related-article-header {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
/* Headings/H3 */
h3,
.heading-h3,
.related-article .related-article-search__header,
.related-article-filter-dialog__header-title {
  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,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    font-size: var(--en-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    font-size: var(--en-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    line-height: var(--en-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  h3,
  .heading-h3,
  .related-article .related-article-search__header,
  .related-article-filter-dialog__header-title {
    line-height: var(--en-font-line-height-heading-h-3, 38px);
  }
}
[lang=ar] h3,
[lang=ar] .heading-h3,
[lang=ar] .related-article .related-article-search__header,
.related-article [lang=ar] .related-article-search__header,
[lang=ar] .related-article-filter-dialog__header-title {
  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,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    font-size: var(--ar-font-size-heading-h-3, 28px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    font-size: var(--ar-font-size-heading-h-3, 32px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    line-height: var(--ar-font-line-height-heading-h-3, 34px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h3,
  [lang=ar] .heading-h3,
  [lang=ar] .related-article .related-article-search__header,
  .related-article [lang=ar] .related-article-search__header,
  [lang=ar] .related-article-filter-dialog__header-title {
    line-height: var(--ar-font-line-height-heading-h-3, 38px);
  }
}
/* Headings/H4 (all caps) */
h4,
.heading-h4,
.related-article-tile__title {
  font-size: var(--en-font-size-heading-h-4, 16px);
  line-height: var(--en-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
}

@media (min-width: 768px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    font-size: var(--en-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    line-height: var(--en-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4,
  .related-article-tile__title {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
[lang=ar] h4,
[lang=ar] .heading-h4,
[lang=ar] .related-article-tile__title {
  font-size: var(--ar-font-size-heading-h-4, 16px);
  line-height: var(--ar-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
}

@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    font-size: var(--ar-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    line-height: var(--ar-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4,
  [lang=ar] .related-article-tile__title {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
/* 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 {
  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 {
    font-size: var(--en-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6 {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
[lang=ar] h6,
[lang=ar] .heading-h6 {
  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 {
    font-size: var(--ar-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6 {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
/* Headings/H7 Eyebrow (SB) */
.heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
  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, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow, .related-article .related-article-sort__results, .related-article-filter-dialog__section-title {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
[lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
  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, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow, [lang=ar] .related-article .related-article-sort__results, .related-article [lang=ar] .related-article-sort__results, [lang=ar] .related-article-filter-dialog__section-title {
    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, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
  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, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    font-size: var(--en-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    line-height: var(--en-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  .body-md, .related-article .related-article-search__no-results p, .related-article .related-article-error, .related-article .related-article-sort__select-value, .related-article .related-article-sort__label, .related-article .related-article-search__input, .related-article-filter-dialog__calendar-label, .related-article-filter-dialog__filter-label, .related-article-filter-dialog__filter-count {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
[lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
  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, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    font-size: var(--ar-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    line-height: var(--ar-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .related-article .related-article-search__no-results p, .related-article .related-article-search__no-results [lang=ar] p, [lang=ar] .related-article .related-article-error, .related-article [lang=ar] .related-article-error, [lang=ar] .related-article .related-article-sort__select-value, .related-article [lang=ar] .related-article-sort__select-value, [lang=ar] .related-article .related-article-sort__label, .related-article [lang=ar] .related-article-sort__label, [lang=ar] .related-article .related-article-search__input, .related-article [lang=ar] .related-article-search__input, [lang=ar] .related-article-filter-dialog__calendar-label, [lang=ar] .related-article-filter-dialog__filter-label, [lang=ar] .related-article-filter-dialog__filter-count {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
/* Body/lg - regular */
.body-lg, .related-article .related-article-sort__select-option {
  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, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .related-article .related-article-sort__select-option {
    font-size: var(--en-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  .body-lg, .related-article .related-article-sort__select-option {
    line-height: var(--en-font-line-height-body-lg, 24px);
  }
}
[lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-lg, 16px);
  line-height: var(--ar-font-line-height-body-lg, 20px);
}

@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    font-size: var(--ar-font-size-body-lg, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-lg, [lang=ar] .related-article .related-article-sort__select-option, .related-article [lang=ar] .related-article-sort__select-option {
    line-height: var(--ar-font-line-height-body-lg, 24px);
  }
}
.body-sm, .related-article-filter-dialog__calendar-error {
  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, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .related-article-filter-dialog__calendar-error {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
[lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
  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, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    line-height: var(--ar-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .related-article-filter-dialog__calendar-error {
    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, .related-article .related-article-filter__chip--active .related-article-filter__link {
  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, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    font-size: var(--en-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-selected, .related-article .related-article-filter__chip--active .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-selected, 16px);
  }
}
[lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
  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, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-selected, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-selected, [lang=ar] .related-article .related-article-filter__chip--active .related-article-filter__link, .related-article .related-article-filter__chip--active [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-selected, 16px);
  }
}
/* Tab/default */
.tab-default, .related-article .related-article-filter__link {
  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, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default, .related-article .related-article-filter__link {
    font-size: var(--en-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  .tab-default, .related-article .related-article-filter__link {
    line-height: var(--en-font-line-height-tab-default, 16px);
  }
}
[lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
  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, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    font-size: var(--ar-font-size-tab-default, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tab-default, [lang=ar] .related-article .related-article-filter__link, .related-article [lang=ar] .related-article-filter__link {
    line-height: var(--ar-font-line-height-tab-default, 16px);
  }
}
/* Button */
.button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
  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, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
    font-size: var(--en-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  .button, .related-article .related-article-filter__button-text, .related-article .view-all-cta, .related-article-filter-dialog__btn-reset, .related-article-filter-dialog__btn-apply, .related-article-tile a.explore-more {
    line-height: var(--en-font-line-height-button-button, 14px);
  }
}
[lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-button-button, 14px);
  line-height: var(--ar-font-line-height-button-button, 14px);
}

@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
    font-size: var(--ar-font-size-button-button, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
    line-height: var(--ar-font-line-height-button-button, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .button, [lang=ar] .related-article .related-article-filter__button-text, .related-article [lang=ar] .related-article-filter__button-text, [lang=ar] .related-article .view-all-cta, .related-article [lang=ar] .view-all-cta, [lang=ar] .related-article-filter-dialog__btn-reset, [lang=ar] .related-article-filter-dialog__btn-apply, [lang=ar] .related-article-tile a.explore-more, .related-article-tile [lang=ar] a.explore-more {
    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);
  }
}
/* tag */
.tag-text, .related-article-tile__category-tag {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-size: var(--en-font-size-tag-tag, 12px);
  line-height: var(--en-font-line-height-tag-tag, 12px);
}

@media (min-width: 768px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text, .related-article-tile__category-tag {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text, .related-article-tile__category-tag {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
[lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-tag-tag, 12px);
  line-height: var(--ar-font-line-height-tag-tag, 12px);
}

@media (min-width: 768px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text, [lang=ar] .related-article-tile__category-tag {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
/* Map Title */
.map-title {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-variant: all-small-caps;
  font-size: var(--en-font-size-map-title-map-title, 18px);
  line-height: var(--en-font-line-height-map-title-map-title, 20px);
}

@media (min-width: 768px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 20px);
  }
}
@media (min-width: 1440px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 1920px) {
  .map-title {
    font-size: var(--en-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 768px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 22px);
  }
}
@media (min-width: 1440px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 28px);
  }
}
@media (min-width: 1920px) {
  .map-title {
    line-height: var(--en-font-line-height-map-title-map-title, 28px);
  }
}
[lang=ar] .map-title {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-map-title-map-title, 18px);
  line-height: var(--ar-font-line-height-map-title-map-title, 20px);
}

@media (min-width: 768px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-title {
    font-size: var(--ar-font-size-map-title-map-title, 26px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 22px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-title {
    line-height: var(--ar-font-line-height-map-title-map-title, 28px);
  }
}
/* Map POI (Point of Interest) */
.map-poi {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 600;
  font-size: var(--en-font-size-map-poi-map-poi, 16px);
  line-height: var(--en-font-line-height-map-poi-map-poi, 16px);
}

@media (min-width: 768px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  .map-poi {
    font-size: var(--en-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 768px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  .map-poi {
    line-height: var(--en-font-line-height-map-poi-map-poi, 18px);
  }
}
[lang=ar] .map-poi {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-map-poi-map-poi, 16px);
  line-height: var(--ar-font-line-height-map-poi-map-poi, 16px);
}

@media (min-width: 768px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-poi {
    font-size: var(--ar-font-size-map-poi-map-poi, 18px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .map-poi {
    line-height: var(--ar-font-line-height-map-poi-map-poi, 18px);
  }
}
/* 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
}
*/
.related-article-tile {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.related-article-tile:hover {
  transform: translateY(-2px);
}
.related-article-tile--vertical {
  flex-direction: column;
}
.related-article-tile--vertical .related-article-tile__image {
  width: 100%;
  height: 220px;
}
.related-article-tile--vertical .related-article-tile__content {
  padding: 20px;
}
.related-article-tile--horizontal-left {
  flex-direction: row;
}
.related-article-tile--horizontal-left .related-article-tile__image {
  width: 40%;
  min-width: 180px;
  height: auto;
}
.related-article-tile--horizontal-left .related-article-tile__content {
  flex: 1;
  padding: 20px;
}
.related-article-tile--horizontal-right {
  flex-direction: row-reverse;
}
.related-article-tile--horizontal-right .related-article-tile__image {
  width: 40%;
  min-width: 180px;
  height: auto;
}
.related-article-tile--horizontal-right .related-article-tile__content {
  flex: 1;
}
.related-article-tile__image {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.related-article-tile__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.related-article-tile__category-tag {
  display: inline-flex;
  margin-bottom: 8px;
  color: #2A2A2A;
}
.related-article-tile__title {
  font-weight: 600 !important;
  margin: 0;
  color: var(--on-secondary-base, #1c2633);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 24px;
  font-variant: unset;
  text-align: left;
  align-self: stretch;
}
.related-article-tile:first-child .related-article-tile__title {
  -webkit-line-clamp: 3;
}
.related-article-tile:nth-child(3) .related-article-tile__title {
  text-align: right;
}
.related-article-tile a.explore-more {
  margin-top: auto;
  color: #0A0A0A;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: gap 0.2s ease;
}
.related-article-tile a.explore-more .qd-icon {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 100px;
  background: rgba(66, 15, 41, 0.1);
  color: var(--dark-mint, #054021);
  font-size: 16px;
  border: 0px solid currentColor;
  will-change: transform, border-width;
}
.related-article-tile a.explore-more:focus-visible {
  border: 2px solid currentColor;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .related-article-tile--horizontal-left,
  .related-article-tile--horizontal-right {
    flex-direction: column;
  }
  .related-article-tile--horizontal-left .related-article-tile__image,
  .related-article-tile--horizontal-right .related-article-tile__image {
    width: 100%;
    height: 220px;
  }
  .related-article-tile__title {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .related-article-tile {
    cursor: pointer;
  }
  .related-article-tile a.explore-more {
    display: none;
  }
}
[dir=rtl] .view-all-cta .qd-icon {
  transform: rotate(180deg);
}
[dir=rtl] .related-article-tile--horizontal-left {
  flex-direction: row-reverse;
}
[dir=rtl] .related-article-tile--horizontal-right {
  flex-direction: row;
}
[dir=rtl] .related-article-tile__category-tag {
  margin-right: 0;
}
[dir=rtl] .related-article-tile a.explore-more .qd-icon {
  transform: rotate(180deg);
}
[dir=rtl] .related-article-tile:first-child a.explore-more, [dir=rtl] .related-article-tile:nth-child(2) a.explore-more {
  direction: rtl;
  align-self: baseline;
}
[dir=rtl] .related-article-tile:nth-child(3) a.explore-more {
  direction: rtl;
}
@media (max-width: 767px) {
  [dir=rtl] .related-article-tile--horizontal-left,
  [dir=rtl] .related-article-tile--horizontal-right {
    flex-direction: column;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  border-style: solid;
  border-color: #2A2A2A;
  border-width: 0;
  background: rgba(42, 42, 42, 0.06);
  color: #2A2A2A;
  cursor: pointer;
  transition: color 200ms ease, background-color 200ms ease;
  outline-offset: 2px;
  will-change: border-width, background-color;
}
.pagination__btn:focus-visible {
  background: rgba(42, 42, 42, 0.1);
  outline: 3px solid var(--dark-mint, #054021);
}
@media (hover: hover) {
  .pagination__btn:hover:not(:disabled) {
    background: rgba(42, 42, 42, 0.12);
  }
}
.pagination__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: rgba(42, 42, 42, 0.04);
  color: #2A2A2A;
}
.pagination__btn--prev .qd-icon, .pagination__btn--next .qd-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: currentColor;
  font-weight: 900;
  line-height: 1;
  will-change: transform;
  -webkit-text-stroke: 0.5px currentColor;
}

.pagination__numbers {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pagination__number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  color: var(--dark-mint, #054021);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 200ms ease;
  outline-offset: 2px;
  background: #FFFFFF;
}
.pagination__number:hover {
  background: var(--dark-mint, #054021);
  border-color: var(--dark-mint, #054021);
  color: #FFF;
}
.pagination__number:focus-visible {
  outline: 3px solid var(--dark-mint, #054021);
}
.pagination__number--active {
  background: var(--dark-mint, #054021);
  border-color: var(--dark-mint, #054021);
  color: #FFF;
}

@media (max-width: 767px) {
  .pagination {
    gap: 16px;
  }
  .pagination__btn {
    width: 40px;
    height: 40px;
  }
  .pagination__number {
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    font-size: 14px;
  }
}
.related-article {
  max-width: 960px;
  margin: 0 auto;
  padding: 88px 0 40px 0;
  width: 100%;
  /* Search, Filter and Sort animation styles */
}
@media screen and (min-width: 1440px) {
  .related-article {
    max-width: 1200px;
  }
}
.related-article .related-article-header {
  color: var(--on-secondary-base, #1c2633);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  opacity: 0;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .related-article .related-article-header {
    opacity: 1 !important;
    transform: none !important;
  }
}
.related-article .related-article-search,
.related-article .related-article-filter,
.related-article .related-article-sort {
  opacity: 0;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .related-article .related-article-search,
  .related-article .related-article-filter,
  .related-article .related-article-sort {
    opacity: 1 !important;
    transform: none !important;
  }
}
.related-article .related-article-search {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #777;
  border-radius: 60px;
  padding: 0 16px;
  height: 48px;
  background: #fff;
  transition: border-color 200ms ease;
}
.related-article .related-article-search:focus-within {
  border-color: var(--on-secondary-base, #2A2A2A);
}
.related-article .related-article-search__input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #2D2D2D;
}
.related-article .related-article-search__input::placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .related-article .related-article-search__input {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  [dir=rtl] .related-article .related-article-search__input {
    font-size: 16px;
  }
}
.related-article .related-article-search__icon {
  color: var(--New-DS-Neutrals-Jet-Black, #2A2A2A);
  font-size: 20px;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 0;
  position: relative;
  transition: opacity 200ms ease;
}
.related-article .related-article-search__icon:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.related-article .related-article-search__icon .related-article-search__icon-svg {
  width: 17.49px;
  height: 17.49px;
  fill: currentColor;
  display: block;
}
.related-article .related-article-search__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.49px;
  height: 17.49px;
}
.related-article .related-article-search__loader-svg {
  width: 100%;
  height: 100%;
  animation: rotate-loader 1s linear infinite;
}
.related-article .related-article-search__loader-circle {
  stroke-dasharray: 40;
  stroke-dashoffset: 10;
  animation: dash-loader 1.5s ease-in-out infinite;
}
@keyframes rotate-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash-loader {
  0% {
    stroke-dashoffset: 40;
  }
  50% {
    stroke-dashoffset: 10;
  }
  100% {
    stroke-dashoffset: 40;
  }
}
.related-article .related-article-search__header {
  font-weight: 600 !important;
  font-variant: normal;
  padding: 8px 0 0 0;
}
@media screen and (min-width: 1024px) {
  .related-article .related-article-search__header {
    padding: 16px 0;
  }
}
.related-article .related-article-search__featured-articles .related-article-tile {
  /* animation styles */
  opacity: 0;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .related-article .related-article-search__featured-articles .related-article-tile {
    opacity: 1 !important;
    transform: none !important;
  }
}
.related-article .related-article-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.related-article .related-article-sort__results {
  color: var(--on-secondary-base, #1c2633);
  font-weight: 600;
}
.related-article .related-article-sort__wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .related-article .related-article-sort__wrapper {
    gap: 8px;
  }
}
.related-article .related-article-sort__label {
  color: var(--on-secondary-base, #1c2633);
  font-weight: 600 !important;
}
.related-article .related-article-sort__custom-select {
  position: relative;
  width: 170px;
}
.related-article .related-article-sort__select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid rgba(119, 119, 119, 0.1);
  background: var(--New-DS-Neutrals-White, #FFF);
  font-size: 16px;
  color: var(--on-secondary-base, #1c2633);
  cursor: pointer;
  outline: none;
  transition: border-color 200ms ease;
}
.related-article .related-article-sort__select-trigger:hover {
  border-color: var(--dark-mint, #054021);
}
.related-article .related-article-sort__select-trigger:focus {
  border-color: var(--dark-mint, #054021);
  outline: none;
}
.related-article .related-article-sort__select-trigger:focus:not(:focus-visible) {
  border-color: rgba(119, 119, 119, 0.1);
}
.related-article .related-article-sort__select-trigger:focus-visible {
  border-color: var(--dark-mint, #054021);
}
.related-article .related-article-sort__select-trigger[aria-expanded=true] {
  border-color: var(--dark-mint, #054021);
}
.related-article .related-article-sort__select-trigger[aria-expanded=true] .related-article-sort__select-icon {
  transform: rotate(180deg);
}
.related-article .related-article-sort__select-value {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir=rtl] .related-article .related-article-sort__select-value {
  text-align: right;
}
.related-article .related-article-sort__select-icon {
  transform: rotate(90deg);
}
[dir=rtl] .related-article .related-article-sort__select-icon {
  margin-left: 0;
  margin-right: 8px;
}
.related-article .related-article-sort [aria-expanded=true] .related-article-sort__select-icon {
  transform: rotate(270deg);
}
.related-article .related-article-sort__select-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 100;
  list-style: none;
  margin: 0;
  background: var(--New-DS-Neutrals-White, #FFF);
  border: 1px solid rgba(119, 119, 119, 0.1);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 200ms ease, transform 200ms ease, visibility 200ms ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  padding: 16px;
}
.related-article .related-article-sort__select-dropdown[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
  transform: translateY(-45%);
}
@media (min-width: 768px) {
  [dir=rtl] .related-article .related-article-sort__select-dropdown {
    height: 85px;
  }
}
@media (max-width: 767px) {
  .related-article .related-article-sort__select-dropdown {
    height: 75px;
  }
}
.related-article .related-article-sort__select-option {
  padding: 0;
  color: var(--on-secondary-base, #1c2633);
  background: var(--New-DS-Neutrals-White, #FFF);
  cursor: pointer;
  transition: color 200ms ease;
}
.related-article .related-article-sort__select-option:hover {
  color: var(--dark-mint, #054021);
}
.related-article .related-article-sort__select-option--active {
  color: var(--dark-mint, #054021);
  font-weight: 600;
}
.related-article .view-all-cta {
  display: flex;
  height: 48px;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 100px;
  background: var(--dark-mint, #054021);
  color: #FFF;
  text-decoration: none;
  text-transform: none !important;
  transition: all 200ms ease;
  font-variant: none;
  border: 0 solid var(--dark-mint, #054021);
  transform-origin: center;
  will-change: transform, background-color, border-width, gap;
}
.related-article .view-all-cta:hover {
  background: #FFF;
  color: var(--dark-mint, #054021);
  border: 2px solid var(--dark-mint, #054021);
}
.related-article .view-all-cta:focus-visible {
  border: 2px solid var(--dark-mint, #054021);
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article .view-all-cta.mi-cta-v2 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: none;
}
.related-article .view-all-cta.mi-cta-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: var(--cta-fill-color, var(--dark-mint, #054021));
  opacity: var(--cta-fill-opacity, 1);
  pointer-events: none;
  z-index: -1;
  will-change: opacity;
  transform: translateZ(0);
}
.related-article .view-all-cta.mi-cta-v2:hover {
  background: transparent;
  color: inherit;
  border-color: inherit;
}
.related-article .related-article-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
  margin: 0 0 40px 0;
  opacity: 0;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .related-article .related-article-filter {
    opacity: 1 !important;
    transform: none !important;
  }
}
.related-article .related-article-filter__controls {
  display: flex;
  align-items: center;
  padding: 4px 4px;
  gap: 8px;
  border-radius: 100px;
  background: var(--neutrals-jet-white, #e6ece9);
  flex-wrap: nowrap;
  overflow-x: auto;
  position: relative;
}
.related-article .related-article-filter__controls .related-article-filter__active-pill {
  position: absolute;
  top: 4px;
  left: 0;
  height: calc(100% - 8px);
  border-radius: 100px;
  background: var(--dark-mint, #054021);
  pointer-events: none;
  z-index: 0;
  will-change: transform, width;
  width: 0;
  opacity: 0;
}
.related-article .related-article-filter__chip {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 2px solid transparent;
  background: transparent;
  position: relative;
  z-index: 1;
  transition: border-color 200ms ease;
}
.related-article .related-article-filter__chip:hover, .related-article .related-article-filter__chip:focus-within {
  border-color: var(--dark-mint, #054021);
}
.related-article .related-article-filter__chip--active {
  background: transparent;
  border-color: transparent;
}
.related-article .related-article-filter__chip--active .related-article-filter__link {
  color: #F2F2F2;
}
.related-article .related-article-filter__chip--active:hover, .related-article .related-article-filter__chip--active:focus-within {
  border-color: transparent;
}
.related-article .related-article-filter__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  white-space: nowrap;
  text-decoration: none;
  color: var(--dark-mint, #054021);
  transition: color 200ms ease;
  border-radius: 100px;
  outline: none;
}
.related-article .related-article-filter__link:focus {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article .related-article-filter__link:focus:not(:focus-visible) {
  outline: none;
}
.related-article .related-article-filter__link:focus-visible {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article .related-article-filter__chip--active .related-article-filter__link {
  color: #F2F2F2;
}
.related-article .related-article-filter__button {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background: var(--neutrals-jet-white, #e6ece9);
  color: var(--dark-mint, #054021);
  border: none;
  padding: 16px 20px;
  border-radius: 100px;
  cursor: pointer;
  position: relative;
  transition: background-color 200ms ease, outline 200ms ease;
}
.related-article .related-article-filter__button:hover {
  background: rgb(215.5113636364, 224.9886363636, 220.25);
}
.related-article .related-article-filter__button:focus {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article .related-article-filter__button:focus:not(:focus-visible) {
  outline: none;
}
.related-article .related-article-filter__button:focus-visible {
  outline: 2px solid var(--dark-mint, #054021);
  outline-offset: 2px;
}
.related-article .related-article-filter__button .related-article-filter__icon-svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  display: block;
  flex-shrink: 0;
}
.related-article .related-article-filter__badge {
  position: absolute;
  top: -1px;
  right: -2px;
  background: var(--dark-mint, #054021);
  color: #fff;
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  line-height: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1023px) {
  .related-article .related-article-filter {
    gap: 16px;
    margin: 0 0 24px 0;
  }
  .related-article .related-article-filter__button-text {
    display: none;
  }
  .related-article .related-article-filter__badge {
    top: 0px;
    right: -2px;
  }
  .related-article .related-article-filter__controls {
    order: 2;
    min-width: unset;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 100px 0 0 100px;
  }
  .related-article .related-article-filter__controls::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 767px) {
  .related-article .related-article-filter__controls {
    width: calc(100% + 32px);
    margin-right: -32px;
    padding-right: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .related-article .related-article-filter__controls {
    width: calc(100% + 64px);
    margin-right: -95px;
    padding-right: 64px;
  }
}
.related-article .related-article-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 56px;
  align-items: stretch;
}
.related-article .related-article-container .related-article-tile {
  opacity: 0;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .related-article .related-article-container .related-article-tile {
    opacity: 1 !important;
    transform: none !important;
  }
}
.related-article .related-article-container .related-article-tile:first-child {
  grid-row: 1/span 2;
  flex-direction: column;
  gap: 24px;
}
.related-article .related-article-container .related-article-tile:first-child .related-article-tile__image {
  height: 457.6px;
  width: 100%;
}
.related-article .related-article-container .related-article-tile:nth-child(2),
.related-article .related-article-container .related-article-tile:nth-child(3) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
}
.related-article .related-article-container .related-article-tile:nth-child(2) .related-article-tile__image,
.related-article .related-article-container .related-article-tile:nth-child(3) .related-article-tile__image {
  flex: 1;
  height: 274px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.related-article .related-article-container .related-article-tile:nth-child(2) .related-article-tile__content,
.related-article .related-article-container .related-article-tile:nth-child(3) .related-article-tile__content {
  flex: 1;
}
.related-article .related-article-container .related-article-tile:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  align-items: center;
}
.related-article .related-article-container .related-article-tile:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  flex-direction: row-reverse;
  align-items: center;
}
.related-article .related-article-container .related-article-tile:nth-child(3) .related-article-tile__content {
  align-items: flex-end;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .related-article {
    padding: 80px 64px;
  }
  .related-article .related-article-header {
    margin-bottom: 64px;
  }
  .related-article .related-article-container {
    gap: 40px;
  }
  .related-article .related-article-container .related-article-tile:first-child .related-article-tile__image {
    height: 240px;
    width: 300px;
  }
  .related-article .related-article-container .related-article-tile:nth-child(2) .related-article-tile__image,
  .related-article .related-article-container .related-article-tile:nth-child(3) .related-article-tile__image {
    height: 154px;
    width: 138px;
  }
}
@media (max-width: 767px) {
  .related-article {
    padding: 48px 32px;
  }
  .related-article .related-article-header {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    margin-bottom: 48px;
  }
  .related-article .related-article-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 40px;
  }
  .related-article .related-article-container .related-article-tile:first-child {
    flex-direction: column !important;
    gap: 16px;
  }
  .related-article .related-article-container .related-article-tile:first-child,
  .related-article .related-article-container .related-article-tile:nth-child(2),
  .related-article .related-article-container .related-article-tile:nth-child(3) {
    grid-column: 1;
    grid-row: auto;
    gap: 16px;
  }
  .related-article .related-article-container .related-article-tile:first-child .related-article-tile__image {
    width: 100% !important;
    height: 236.8px !important;
    min-width: unset !important;
  }
  .related-article .related-article-container .related-article-tile:nth-child(2) .related-article-tile__image,
  .related-article .related-article-container .related-article-tile:nth-child(3) .related-article-tile__image {
    width: 140px !important;
    height: 180px !important;
    min-width: unset !important;
  }
  .related-article .related-article-tile--horizontal-left,
  .related-article .related-article-tile--horizontal-right {
    flex-direction: column;
  }
  .related-article .related-article-tile--horizontal-left .related-article-tile__image,
  .related-article .related-article-tile--horizontal-right .related-article-tile__image {
    width: 100%;
    height: 220px;
  }
}
.related-article .related-article-container.loading {
  opacity: 0.5;
  pointer-events: none;
  position: relative;
  min-height: 200px;
}
.related-article .related-article-container.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid var(--dark-mint, #054021);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.related-article .related-article-error {
  text-align: center;
  padding: 60px 20px;
  color: var(--dark-mint, #054021);
  grid-column: 1/-1;
}
[dir=rtl] .related-article .related-article-container {
  direction: ltr;
}
[dir=rtl] .related-article .related-article-tile__category-tag {
  margin-right: 0;
}
[dir=rtl] .related-article .related-article-filter {
  flex-direction: row-reverse;
}
@media (max-width: 1023px) {
  [dir=rtl] .related-article .related-article-filter {
    flex-direction: row-reverse;
  }
  [dir=rtl] .related-article .related-article-filter__controls {
    margin-right: 0;
    margin-left: -95px;
    border-radius: 0 100px 100px 0;
    padding-right: 0;
    padding-left: 32px;
  }
  [dir=rtl] .related-article .related-article-tile:first-child .related-article-tile__content {
    direction: rtl;
  }
  [dir=rtl] .related-article .related-article-tile:first-child .related-article-tile__title {
    text-align: right;
  }
  [dir=rtl] .related-article .related-article-tile--horizontal-left,
  [dir=rtl] .related-article .related-article-tile--horizontal-right {
    flex-direction: column;
  }
}
.related-article.featured-articles {
  padding-bottom: 88px;
}
.related-article.featured-articles .related-article-header {
  color: var(--dark-mint, #054021);
  margin-bottom: 88px;
}
.related-article.featured-articles .view-all-cta {
  gap: unset;
}
.related-article.featured-articles .view-all-cta .qd-icon {
  margin-right: 12px;
  font-size: 16px;
}
.related-article.featured-articles .view-all-cta__prefix, .related-article.featured-articles .view-all-cta__text {
  margin-right: 4px;
}
[dir=rtl] .related-article.featured-articles .related-article-filter__controls {
  order: 2;
}
[dir=rtl] .related-article.featured-articles .view-all-cta {
  order: 1;
}
[dir=rtl] .related-article.featured-articles .view-all-cta .qd-icon {
  margin-right: 0;
  margin-left: 12px;
}
[dir=rtl] .related-article.featured-articles .view-all-cta__prefix, [dir=rtl] .related-article.featured-articles .view-all-cta__text {
  margin-right: 0;
  margin-left: 4px;
}
@media (max-width: 767px) {
  [dir=rtl] .related-article.featured-articles .related-article-filter__controls {
    border-radius: 0px 100px 100px 0px;
    margin-right: 0px;
    padding-right: 0;
    padding-left: 64px;
  }
}
@media (max-width: 768px) {
  .related-article.featured-articles {
    padding-bottom: 48px;
  }
  .related-article.featured-articles .related-article-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }
  .related-article.featured-articles .related-article-header {
    order: 1;
    margin-bottom: 48px;
  }
  .related-article.featured-articles .related-article-filter {
    order: 2;
    display: contents;
  }
  .related-article.featured-articles .related-article-filter__controls {
    order: 2;
    margin-bottom: 24px;
    width: calc(100% + 64px);
    border-radius: 100px 0px 0px 100px;
  }
  [dir=rtl] .related-article.featured-articles .related-article-filter__controls {
    border-radius: 0px 100px 100px 0px;
  }
  .related-article.featured-articles .related-article-filter .view-all-cta {
    order: 4;
    margin: 48px auto 0 auto;
    width: fit-content;
  }
  .related-article.featured-articles .related-article-container {
    order: 3;
  }
}
.related-article .related-article-search__results-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px;
  margin-top: 40px;
  grid-auto-rows: 1fr;
}
@media (max-width: 1023px) {
  .related-article .related-article-search__results-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .related-article .related-article-search__results-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.related-article .related-article-search__results-wrapper .related-article-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  /* animation styles */
  opacity: 0;
  will-change: transform, opacity;
}
.related-article .related-article-search__results-wrapper .related-article-tile__image {
  height: 290.133px;
}
@media (max-width: 767px) {
  .related-article .related-article-search__results-wrapper .related-article-tile__image {
    height: 236.8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .related-article .related-article-search__results-wrapper .related-article-tile__image {
    height: 240px;
  }
}
.related-article .related-article-search__results-wrapper .related-article-tile__title {
  text-align: left;
}
:dir(rtl) .related-article .related-article-search__results-wrapper .related-article-tile__title {
  text-align: right;
}
@media (prefers-reduced-motion: reduce) {
  .related-article .related-article-search__results-wrapper .related-article-tile {
    opacity: 1 !important;
    transform: none !important;
  }
}
.related-article .related-article-search__no-results {
  text-align: center;
  padding: 60px 20px;
  grid-column: 1/-1;
}
.related-article .related-article-search__no-results p {
  margin: 16px 0 8px 0;
}
@media screen and (min-width: 768px) {
  .related-article .related-article-search__no-results p {
    margin: 24px 0 8px 0;
  }
}
.related-article .related-article-search__pagination {
  margin-top: 40px;
  padding: 20px 0;
}
.related-article.search-listing {
  padding-top: 32px;
}
@media screen and (max-width: 767px) {
  .related-article.search-listing {
    padding-top: 24px;
  }
}
.related-article.search-listing .related-article-search {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .related-article.search-listing .related-article-search {
    margin-bottom: 16px;
  }
}
.related-article.search-listing .related-article-sort {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .related-article.search-listing .related-article-sort {
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .related-article.search-listing .related-article-sort {
    margin-bottom: 64px;
  }
}
.related-article.search-listing .cmp-separator {
  margin: 56px 0;
}
.related-article.search-listing .cmp-separator hr {
  color: #D9D9D9;
}
@media screen and (max-width: 767px) {
  .related-article.search-listing .cmp-separator {
    margin: 40px 0;
  }
}
:dir(rtl) .related-article.search-listing .related-article-filter {
  flex-direction: row;
}
@media (max-width: 768px) {
  :dir(rtl) .related-article.search-listing .related-article-filter__controls {
    padding-left: 64px;
  }
}
:dir(rtl) .related-article.search-listing .related-article-filter__button {
  flex-direction: row-reverse;
}