: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,
.heading-h3,
.heading-h4,
.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] .heading-h3,
[lang=ar] .heading-h4,
[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 {
  font-size: var(--en-font-size-heading-h-2, 32px);
  line-height: var(--en-font-line-height-heading-h-2, 38px);
}
@media (min-width: 768px) {
  h2,
  .heading-h2 {
    font-size: var(--en-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2 {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2 {
    font-size: var(--en-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  h2,
  .heading-h2 {
    line-height: var(--en-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  h2,
  .heading-h2 {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  h2,
  .heading-h2 {
    line-height: var(--en-font-line-height-heading-h-2, 58px);
  }
}
[lang=ar] h2,
[lang=ar] .heading-h2 {
  font-size: var(--ar-font-size-heading-h-2, 32px);
  line-height: var(--ar-font-line-height-heading-h-2, 38px);
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    font-size: var(--ar-font-size-heading-h-2, 36px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    font-size: var(--ar-font-size-heading-h-2, 48px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    line-height: var(--ar-font-line-height-heading-h-2, 44px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h2,
  [lang=ar] .heading-h2 {
    line-height: var(--ar-font-line-height-heading-h-2, 58px);
  }
}

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

/* Headings/H4 (all caps) */
h4,
.heading-h4 {
  font-size: var(--en-font-size-heading-h-4, 16px);
  line-height: var(--en-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
}
@media (min-width: 768px) {
  h4,
  .heading-h4 {
    font-size: var(--en-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4 {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4 {
    font-size: var(--en-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4 {
    line-height: var(--en-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4 {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4 {
    line-height: var(--en-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 768px) {
  h4,
  .heading-h4 {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1440px) {
  h4,
  .heading-h4 {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1920px) {
  h4,
  .heading-h4 {
    letter-spacing: var(--en-font-spacing-heading-h-4, 0.2399999946);
  }
}
[lang=ar] h4,
[lang=ar] .heading-h4 {
  font-size: var(--ar-font-size-heading-h-4, 16px);
  line-height: var(--ar-font-line-height-heading-h-4, 20px);
  letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    font-size: var(--ar-font-size-heading-h-4, 20px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    font-size: var(--ar-font-size-heading-h-4, 24px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    line-height: var(--ar-font-line-height-heading-h-4, 24px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    line-height: var(--ar-font-line-height-heading-h-4, 28px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    letter-spacing: var(--ar-font-spacing-heading-h-4, 0.2399999946);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h4,
  [lang=ar] .heading-h4 {
    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 {
  font-family: var(--font-family-body);
  font-style: normal;
  font-weight: 600;
  font-variant: all-small-caps;
  font-size: var(--en-font-size-heading-h-7-eyebrow, 12px);
  line-height: var(--en-font-line-height-heading-h-7-eyebrow, 14px);
  letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
}
@media (min-width: 768px) {
  .heading-h7-eyebrow {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow {
    font-size: var(--en-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow {
    line-height: var(--en-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  .heading-h7-eyebrow {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  .heading-h7-eyebrow {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  .heading-h7-eyebrow {
    letter-spacing: var(--en-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
[lang=ar] .heading-h7-eyebrow {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-heading-h-7-eyebrow, 12px);
  line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 14px);
  letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow {
    font-size: var(--ar-font-size-heading-h-7-eyebrow, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow {
    line-height: var(--ar-font-line-height-heading-h-7-eyebrow, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .heading-h7-eyebrow {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .heading-h7-eyebrow {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .heading-h7-eyebrow {
    letter-spacing: var(--ar-font-spacing-heading-h-7-eyebrow, 1.3999999762);
  }
}

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

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

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

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

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

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

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

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

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

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

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

/* tag */
.tag-text {
  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 {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text {
    font-size: var(--en-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  .tag-text {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  .tag-text {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  .tag-text {
    line-height: var(--en-font-line-height-tag-tag, 14px);
  }
}
[lang=ar] .tag-text {
  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 {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text {
    font-size: var(--ar-font-size-tag-tag, 14px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .tag-text {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .tag-text {
    line-height: var(--ar-font-line-height-tag-tag, 14px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .tag-text {
    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
}
*/
.cmp-list {
  --block-size: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1919px) {
  .cmp-list {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (min-width: 1920px) {
  .cmp-list {
    padding-left: 360px;
    padding-right: 360px;
  }
}
.cmp-list__container-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  block-size: var(--block-size, 0);
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.cmp-list__container-bg::after {
  background: radial-gradient(75.73% 47.45% at 0 -0.26%, transparent 0, rgba(197, 215, 206, 0.2) 100%), radial-gradient(51.83% 92.71% at 75.18% 24.92%, hsla(0, 0%, 100%, 0.7) 0, hsla(0, 0%, 100%, 0) 100%), linear-gradient(180deg, #cbf9e3 100%, #e5fcf1 0, #fff 0), #fff;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
.cmp-list__container-bg.--loaded {
  opacity: 1;
}
.cmp-list__content {
  padding-inline: clamp(32px, 32px + 68 * (100vw - 375px) / 817, 100px);
  padding-block-start: var(--padding-block-start);
  padding-block-end: var(--padding-block-end);
  margin: auto;
  max-width: var(--max-width-content);
}
@media (max-width: 1919px) {
  .cmp-list__content {
    padding-top: 88px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1920px) {
  .cmp-list__content {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 1025px) {
  .cmp-list__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.cmp-list__content__heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .cmp-list__content__heading {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .cmp-list__content__heading {
    margin-bottom: 80px;
  }
}
.cmp-list__content__heading__txt {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .cmp-list__content__heading__txt {
    gap: 52px;
    width: 60%;
  }
}
.cmp-list__content__heading__txt__pretitle *,
.cmp-list__content__heading__txt__pretitle b {
  color: var(--on-secondary-base);
  font-family: var(--default-font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: var(--heading-4-font-weight);
  line-height: 120%;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .cmp-list__content__heading__txt__pretitle *,
  .cmp-list__content__heading__txt__pretitle b {
    font-size: 28px;
  }
}
.cmp-list__content__heading__txt__pretitle b {
  font-weight: var(--heading-5-font-weight);
}
.cmp-list__content__heading__txt__pretitle .semi-bold {
  font-weight: 700 !important;
}
.cmp-list__content__heading__cta {
  align-self: flex-end;
  width: max-content;
}
.cmp-list__content__heading__cta .cta {
  width: max-content;
}
@media (max-width: 1024px) {
  .cmp-list__content .cmp-tabs {
    margin-top: 32px;
  }
}
@media (min-width: 1024px) {
  .cmp-list__content .cmp-tabs {
    margin-top: 48px;
  }
}
.cmp-list__content .cmp-tabs__container-tablist {
  overflow-y: hidden;
}
.cmp-list__content .cmp-tabs__container-tablist .cmp-tabs__tablist-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cmp-list__content .cmp-tabs__container-tablist .cmp-tabs__tablist-wrapper::-webkit-scrollbar {
  display: none;
}
.cmp-list__content .cmp-tabs .cmp-tabs__tablist {
  gap: 8px;
  border-radius: 100px;
  background: rgba(5, 64, 33, 0.1);
  padding: 4px;
  width: fit-content;
  flex-wrap: nowrap;
  position: relative;
}
.cmp-list__content .cmp-tabs .cmp-tabs__tablist .cmp-tabs__active-pill {
  position: absolute;
  top: 4px;
  left: 0;
  height: calc(100% - 4px * 2);
  border-radius: 100px;
  background-color: var(--dark-mint);
  pointer-events: none;
  z-index: 0;
  will-change: transform, width;
  width: 33.333%;
}
@media (max-width: 400px) {
  .cmp-list__content .cmp-tabs .cmp-tabs__tablist {
    gap: 0;
    justify-content: space-between;
  }
}
.cmp-list__content .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab {
  border: 2px solid transparent;
  border-radius: 100px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .cmp-list__content .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab {
    padding: 8px;
  }
}
.cmp-list__content .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active {
  background-color: transparent;
  color: var(--grey-50);
}
@media not all and (hover: none) {
  .cmp-list__content .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:hover {
    background-color: transparent;
    color: var(--neutrals-jet-black);
    border-color: var(--dark-mint, #054021);
  }
}
.cmp-list__content__wrap-cards {
  margin-top: 72px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: calc(clamp(24px, 24px + 32 * (100vw - 375px) / 817, 56px) + 10px);
}
@media screen and (min-width: 832px) {
  .cmp-list__content__wrap-cards {
    gap: clamp(24px, 24px + 32 * (100vw - 375px) / 817, 56px);
    margin-top: 65px;
    flex-direction: row;
  }
}
@media screen and (min-width: 832px) {
  .cmp-list__content__wrap-cards .cmp-card {
    width: calc(50% - clamp(24px, 24px + 32 * (100vw - 375px) / 817, 56px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  .cmp-list__content__wrap-cards .cmp-card {
    width: calc(33.333% - clamp(24px, 24px + 32 * (100vw - 375px) / 817, 56px) / 1.5);
  }
}
.cmp-list__content__cta {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}
.cmp-list.layout--tab .cmp-list__container-bg::after {
  background: var(--secondary-base);
}
.cmp-list.layout--tab .cmp-list__content__heading__txt {
  width: 100%;
}
.cmp-list.layout--article .cmp-list__container-bg::after {
  background: var(--secondary-base) radial-gradient(circle at var(--content-offset-start) 0, hsla(0, 0%, 100%, 0.8), transparent 100cqh);
}
.cmp-list.layout--training .cmp-list__container-bg::after {
  background: #dee8c7 radial-gradient(circle at var(--content-offset-end) 33.333cqh, hsla(0, 0%, 100%, 0.5), transparent 100cqh);
}
.cmp-list.layout--training .cmp-list__content__wrap-cards {
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .cmp-list__content__heading,
  .cmp-list .cmp-card {
    opacity: 1;
    transform: translateY(0);
    transition: none;
  }
}

.cmp-list__content__wrap-cards {
  position: relative;
  overflow: hidden;
}

.cmp-list__content__heading__txt__title {
  color: #1C2633;
}
@media (min-width: 1024px) {
  .cmp-list__content__heading__txt__title {
    width: 65%;
  }
}

@media screen and (min-width: 1280px) {
  body[data-pageid=qiddiya-city-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    width: 45%;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  body[data-pageid=qiddiya-city-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    width: 550px;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  body[data-pageid=qiddiya-city-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    width: 530px;
  }
}
@media screen and (max-width: 767px) {
  body[data-pageid=qiddiya-city-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    width: 245px;
  }
}

.cmp-card__txt__pretitle {
  text-transform: uppercase;
}

/* --- Pagination Container --- */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: opacity 0.3s ease;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .pagination {
    margin-top: 15px;
  }
}

/* --- Pagination Buttons --- */
.pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: transparent;
  color: #000;
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease;
  border-style: solid;
  border-color: #000;
  border-width: 0;
}

.pagination__btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.pagination__btn .qd-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 1;
  will-change: transform;
}

.pagination__number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination__number:hover {
  background-color: #eee;
}

.pagination__number--active {
  background-color: #000;
  color: #fff;
}

body[data-pageid=qiddiya-city-assest-page] {
  /* --- Pagination Styles for qiddiya-city-assest-page --- */
}
@media (min-width: 1024px) {
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    width: 80%;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list .cmp-list__content__heading.header-visible .cmp-list__content__heading__cta {
    align-self: flex-end;
    width: max-content;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list .cmp-list__content__heading.header-visible .cmp-list__content__heading__cta .cta {
    width: max-content;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__heading {
    flex-wrap: unset;
  }
}
@media (max-width: 1024px) {
  body[data-pageid=qiddiya-city-assest-page] .cmp-list .cmp-list__content__heading.header-visible {
    flex-direction: column !important;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list .cmp-list__content__heading.header-visible .cmp-list__content__heading__cta {
    align-self: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content {
    padding-top: 80px;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list .cmp-list__content__heading.header-visible {
    max-width: 660px;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__heading__txt {
    width: 100%;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    font-size: 28px;
    width: 88%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content {
    padding-top: 60px;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__heading__txt {
    width: 99%;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__heading__txt__title.qd-font-style--heading-2 {
    font-size: 28px;
    width: 90%;
  }
  body[data-pageid=qiddiya-city-assest-page] .cmp-list__content__wrap-cards {
    margin-top: 48px;
  }
}
body[data-pageid=qiddiya-city-assest-page] .pagination button:not(.arrow) + button:not(.arrow) {
  margin-left: -8px;
}
body[data-pageid=qiddiya-city-assest-page] .pagination button:not(.arrow) {
  color: #054021;
}
body[data-pageid=qiddiya-city-assest-page] .pagination button:not(.arrow).active {
  background-color: #054021;
  color: #fff;
  transform: scale(1);
}
body[data-pageid=qiddiya-city-assest-page] .pagination .arrow {
  color: #054021;
}
body[data-pageid=qiddiya-city-assest-page] .pagination .arrow:disabled {
  opacity: 0.4;
}