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

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

b {
  font-weight: 900;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
.heading-h1,
.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6,
.cmp-text-and-media--content__boardMemberName * {
  font-family: var(--font-family-heading);
  font-style: normal;
  font-weight: 400;
  font-variant: all-small-caps;
}
[lang=ar] h1,
[lang=ar] h2,
[lang=ar] h3,
[lang=ar] h4,
[lang=ar] h5,
[lang=ar] h6,
[lang=ar] .heading-h1,
[lang=ar] .heading-h2,
[lang=ar] .heading-h3,
[lang=ar] .heading-h4,
[lang=ar] .heading-h5,
[lang=ar] .heading-h6,
[lang=ar] .cmp-text-and-media--content__boardMemberName *,
.cmp-text-and-media--content__boardMemberName [lang=ar] * {
  font-family: var(--font-family-global-ar);
}

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

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

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

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

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

/* Headings/H6 Labels (SB) */
h6,
.heading-h6,
.cmp-text-and-media--content__boardMemberName * {
  font-size: var(--en-font-size-heading-h-6-label, 12px);
  line-height: var(--en-font-line-height-heading-h-6-label, 14px);
  letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    font-size: var(--en-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    font-size: var(--en-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    line-height: var(--en-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    line-height: var(--en-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  h6,
  .heading-h6,
  .cmp-text-and-media--content__boardMemberName * {
    letter-spacing: var(--en-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
[lang=ar] h6,
[lang=ar] .heading-h6,
[lang=ar] .cmp-text-and-media--content__boardMemberName *,
.cmp-text-and-media--content__boardMemberName [lang=ar] * {
  font-size: var(--ar-font-size-heading-h-6-label, 12px);
  line-height: var(--ar-font-line-height-heading-h-6-label, 14px);
  letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    font-size: var(--ar-font-size-heading-h-6-label, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    font-size: var(--ar-font-size-heading-h-6-label, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    line-height: var(--ar-font-line-height-heading-h-6-label, 16px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    line-height: var(--ar-font-line-height-heading-h-6-label, 20px);
  }
}
@media (min-width: 768px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1440px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    letter-spacing: var(--ar-font-spacing-heading-h-6-label, 1.3999999762);
  }
}
@media (min-width: 1920px) {
  [lang=ar] h6,
  [lang=ar] .heading-h6,
  [lang=ar] .cmp-text-and-media--content__boardMemberName *,
  .cmp-text-and-media--content__boardMemberName [lang=ar] * {
    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, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
  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, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
    font-size: var(--en-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  .body-md, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  .body-md, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
    font-size: var(--en-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  .body-md, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
    line-height: var(--en-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  .body-md, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  .body-md, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description * {
    line-height: var(--en-font-line-height-body-md, 20px);
  }
}
[lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-md, 14px);
  line-height: var(--ar-font-line-height-body-md, 18px);
}
@media (min-width: 768px) {
  [lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
    font-size: var(--ar-font-size-body-md, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
    font-size: var(--ar-font-size-body-md, 16px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
    line-height: var(--ar-font-line-height-body-md, 18px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
    line-height: var(--ar-font-line-height-body-md, 20px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-md, [lang=ar] .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description *, .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description [lang=ar] * {
    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, .cmp-text-and-media--content__description * {
  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, .cmp-text-and-media--content__description * {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .cmp-text-and-media--content__description * {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .cmp-text-and-media--content__description * {
    font-size: var(--en-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  .body-sm, .cmp-text-and-media--content__description * {
    line-height: var(--en-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  .body-sm, .cmp-text-and-media--content__description * {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  .body-sm, .cmp-text-and-media--content__description * {
    line-height: var(--en-font-line-height-body-sm, 16px);
  }
}
[lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
  font-family: var(--font-family-global-ar);
  font-size: var(--ar-font-size-body-sm, 12px);
  line-height: var(--ar-font-line-height-body-sm, 14px);
}
@media (min-width: 768px) {
  [lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
    font-size: var(--ar-font-size-body-sm, 12px);
  }
}
@media (min-width: 768px) {
  [lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
    line-height: var(--ar-font-line-height-body-sm, 14px);
  }
}
@media (min-width: 1440px) {
  [lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}
@media (min-width: 1920px) {
  [lang=ar] .body-sm, [lang=ar] .cmp-text-and-media--content__description *, .cmp-text-and-media--content__description [lang=ar] * {
    line-height: var(--ar-font-line-height-body-sm, 16px);
  }
}

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

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

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

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

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

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

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

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


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

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

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

// Desktop Large(
@include breakpoint.breakpoint("desktop-large") {
    font-size: $desktop-large-font-ar-main-size-body-md; // 16px
}
*/
:root {
  --section-heading-font-size: 40px;
  --dark-purple: #150238;
  --description-line-height: 14px;
  --new-dark-blue: #1C2633;
}

.cmp-text-and-media-wrapper {
  position: relative;
  margin-top: -10px;
  min-height: 470px;
  background-color: var(--white);
}
@media screen and (min-width: 1025px) and (max-width: 1919px) {
  .cmp-text-and-media-wrapper {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (min-width: 1920px) {
  .cmp-text-and-media-wrapper {
    padding-left: 360px;
    padding-right: 360px;
  }
}

.cmp-text-and-media {
  --text-and-media-spacing: var(--component-spacing-medium);
  background-color: var(--white);
  inline-size: min(100%, var(--grid-max-width));
  padding-inline: var(--grid-padding);
  margin-inline: auto;
  display: grid;
  grid-template: auto/repeat(var(--available-columns, var(--grid-columns, 12)), 1fr);
  grid-column-gap: var(--grid-gap);
  position: relative;
  grid-row-gap: var(--basic-card-layout-row-gap);
  row-gap: var(--basic-card-layout-row-gap);
  padding-top: 80px;
  padding-bottom: 80px;
  margin: 0 auto;
}
@media (min-width: 1025px) and (max-width: 1920px) {
  .cmp-text-and-media {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1025px) {
  .cmp-text-and-media {
    padding-top: 80px !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .cmp-text-and-media {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media screen and (min-width: 832px) {
  .cmp-text-and-media {
    grid-template-rows: 1fr;
    grid-auto-flow: column;
  }
}
@media screen and (min-width: 1920px) {
  .cmp-text-and-media {
    padding-right: 0;
    padding-left: 0;
  }
}
.cmp-text-and-media.large-spacing {
  --text-and-media-spacing: calc(var(--component-spacing-medium) * 2);
}
@media screen and (min-width: 768px) {
  .cmp-text-and-media.large-spacing {
    --text-and-media-spacing: calc(var(--component-spacing-medium) * 2.5);
  }
}
@media screen and (min-width: 1280px) {
  .cmp-text-and-media.large-spacing {
    --text-and-media-spacing: calc(var(--component-spacing-medium) * 3);
  }
}
.cmp-text-and-media--image-container {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: flex-end;
  grid-column: 1/-1;
  order: 2;
  overflow: hidden;
  border-radius: 12px;
}
.cmp-text-and-media--image-container.palette-1 {
  background: radial-gradient(ellipse at top left, #d0f5fd, transparent 80%), radial-gradient(ellipse at top right, #01bffd, transparent 80%), radial-gradient(ellipse at bottom right, #2cd202, transparent 80%), radial-gradient(ellipse at bottom left, #00ea89, transparent 80%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cmp-text-and-media--image-container.palette-2 {
  background: radial-gradient(ellipse at top left, #fab300, transparent 80%), radial-gradient(ellipse at top right, #fe019c, transparent 80%), radial-gradient(ellipse at bottom right, #bdfdfd, transparent 80%), radial-gradient(ellipse at bottom left, #ff6900, transparent 80%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cmp-text-and-media--image-container.palette-3 {
  background: radial-gradient(ellipse at top left, #f7d3df, transparent 80%), radial-gradient(ellipse at top right, #cee3ba, transparent 80%), radial-gradient(ellipse at bottom right, #fe6400, transparent 80%), radial-gradient(ellipse at bottom left, #ead0ff, transparent 80%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cmp-text-and-media--image-container.palette-4 {
  background: radial-gradient(ellipse at top left, #6B1EDD, transparent 80%), radial-gradient(ellipse at top right, #20294B, transparent 80%), radial-gradient(ellipse at bottom right, #0B2882, transparent 80%), radial-gradient(ellipse at bottom left, #63A0F0, transparent 80%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cmp-text-and-media--image-container.palette-home {
  background: linear-gradient(138deg, #95f0ae -2.17%, #8df1d7 35.28%, #8de9ec 67.8%, #aeebfe 100.72%);
}
@media screen and (max-width: 481px) {
  .cmp-text-and-media--image-container {
    padding: 42.689px 0 0 100px;
  }
}
@media screen and (min-width: 481px) {
  .cmp-text-and-media--image-container {
    padding: 42.689px 0 0 100px;
  }
}
@media screen and (min-width: 768px) {
  .cmp-text-and-media--image-container {
    padding: 101px 0 0 213px;
  }
}
@media screen and (min-width: 832px) {
  .cmp-text-and-media--image-container {
    order: unset;
    grid-column: 1/span 6;
    align-self: center;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-text-and-media--image-container {
    padding: 0 0 0 117px;
  }
}
@media screen and (min-width: 1280px) {
  .cmp-text-and-media--image-container {
    grid-column: 1/span 5;
  }
}
.cmp-text-and-media--image-container__picture {
  display: block;
  block-size: 100%;
  inline-size: 100%;
}
.cmp-text-and-media--image-container__image {
  margin-top: 74px;
  inset-inline-start: 0;
  overflow: hidden;
  position: absolute;
  display: block;
  object-fit: cover;
  max-height: 646px;
  overflow: hidden;
  border-top-right-radius: 12px;
  bottom: 0;
  top: auto;
}
.cmp-text-and-media--image-container__image.layout-portrait {
  inline-size: 75%;
  block-size: calc(100% - clamp(32px, 32px + 16 * (100vw - 375px) / 817, 48px));
}
.cmp-text-and-media--image-container__image.layout-landscape {
  inline-size: calc(100% - clamp(24px, 24px + 24 * (100vw - 375px) / 817, 48px));
  block-size: 70%;
}
.cmp-text-and-media--content {
  grid-column: 1/-1;
  order: 1;
  margin-block-end: var(--spacing-3);
  color: var(--on-secondary-base);
  font-family: var(--default-font-family);
  font-style: normal;
}
@media screen and (min-width: 832px) {
  .cmp-text-and-media--content {
    order: unset;
    grid-column: 7/span 5;
    padding-inline-start: 0;
    margin-block-end: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 1280px) {
  .cmp-text-and-media--content {
    grid-column: 7/span 5;
  }
}
.cmp-text-and-media--content__pretitle {
  margin-block-end: var(--spacing-3);
  display: block;
  font-family: var(--default-font-family);
  font-weight: var(--heading-5-font-weight);
  font-size: var(--heading-5-font-size);
  line-height: var(--heading-5-line-height);
  letter-spacing: var(--heading-5-letter-spacing);
}
.cmp-text-and-media--content__title {
  margin: 0;
  color: #1C2633;
}
.cmp-text-and-media--content__boardMemberName {
  text-transform: uppercase;
  margin-top: var(--spacing-3);
  color: #150238;
}
.cmp-text-and-media--content__description {
  margin-top: var(--spacing-1);
  padding-right: 10%;
  color: #150238;
}
.cmp-text-and-media--content__cta {
  margin-top: var(--spacing-3);
}
@media screen and (min-width: 832px) {
  .cmp-text-and-media--content {
    grid-column: 8/span 5;
  }
}
.cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--image-container.palette-4 {
  background: radial-gradient(ellipse at top left, #6B1EDD, transparent 80%), radial-gradient(ellipse at top right, #20294B, transparent 80%), radial-gradient(ellipse at bottom right, #0B2882, transparent 80%), radial-gradient(ellipse at bottom left, #63A0F0, transparent 80%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--image-container__image {
  inset-inline: auto 0;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 0;
  bottom: 0;
  top: auto;
}
[dir=rtl] .cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--image-container__image {
  border-bottom-right-radius: 0;
  border-top-right-radius: 12px;
  border-top-left-radius: 0;
}
@media screen and (min-width: 832px) {
  .cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--image-container {
    grid-column: 7/span 5;
  }
}
@media screen and (min-width: 1280px) {
  .cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--image-container {
    grid-column: 7/span 5;
  }
}
@media screen and (min-width: 832px) {
  .cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--content {
    grid-column: 1/span 5;
    padding-inline-start: 0;
    padding-inline-end: clamp(16px, 1.6rem + 16 * (100vw - var(--min-viewport-width-px) * 1px) / (var(--max-viewport-width-px) - var(--min-viewport-width-px)), 32px);
  }
}
@media screen and (min-width: 1280px) {
  .cmp-text-and-media[data-is-reverse=true] .cmp-text-and-media--content {
    grid-column: 1/span 5;
  }
}
.cmp-text-and-media__scarp {
  display: none;
  width: auto;
  left: 0;
  height: 605px;
}
.cmp-text-and-media__scarp[data-is-reverse=true] {
  left: auto;
  right: 0;
}
.cmp-text-and-media__scarp[is-animated=true] {
  display: block;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .cmp-text-and-media__scarp {
    height: 280px;
    bottom: 0;
    right: 0;
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-text-and-media__scarp {
    height: 470px;
  }
}
.cmp-text-and-media[is-animated=true] {
  display: flex;
  font-family: var(--default-font-family);
  padding-top: 0;
}
.cmp-text-and-media[is-animated=true][data-is-reverse=true] {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  .cmp-text-and-media[is-animated=true] {
    flex-direction: column;
    padding-bottom: 20px;
  }
  .cmp-text-and-media[is-animated=true][data-is-reverse=true] {
    flex-direction: column-reverse;
  }
  .cmp-text-and-media[is-animated=true] .cmp-text-and-media--image-container {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .cmp-text-and-media[is-animated=true] {
    padding-bottom: 60px;
  }
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--image-container {
  aspect-ratio: auto;
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--image-container__picture {
  display: none;
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content {
  width: 100%;
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__title {
  text-transform: uppercase;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__title {
    width: 561px;
  }
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__title * {
  color: #420F29;
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description {
  color: #1C2633;
  align-self: stretch;
  padding-right: 0;
}
@media screen and (max-width: 1023px) {
  .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__description {
    margin-top: var(--spacing-3);
  }
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta {
  background-color: #3D0327;
  color: var(--grey-50);
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta.cta {
  border: 2px solid var(--primary-base);
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta.cta .cta__icon::before {
  font-size: 16px !important;
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta.cta:hover {
  background-color: transparent;
  color: var(--primary-base);
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta.cta:hover .cta__icon {
  transform: translateX(0.2em);
}
@media screen and (max-width: 1023px) {
  .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta {
    margin-top: var(--spacing-3);
  }
}
@media screen and (min-width: 1024px) {
  .cmp-text-and-media[is-animated=true] .cmp-text-and-media--content__cta {
    margin-top: 24px;
  }
}

@media (max-width: 360px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    inset-inline: 0% !important;
    margin-left: calc(80vw - 150px);
    margin-bottom: -95px;
    height: 210px;
  }
}
@media (min-width: 361px) and (max-width: 481px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    inset-inline: 10% !important;
    margin-left: calc(80vw - 179px);
    margin-bottom: -75px;
    height: 200px;
  }
}
@media screen and (min-width: 481px) and (max-width: 575px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    bottom: 0;
    right: 0;
    left: auto;
    right: 0;
    height: 258px;
    bottom: -75px;
  }
}
@media screen and (min-width: 575px) and (max-width: 768px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    bottom: 0;
    right: 0;
    left: auto;
    right: 0;
    height: 275px;
    bottom: -55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    right: 0;
    left: auto;
    right: 0;
    height: 310px;
    bottom: -55px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1145px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 450px;
    bottom: -52px;
  }
}
@media screen and (min-width: 1145px) and (max-width: 1439px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 500px;
    bottom: -52px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 660px;
    bottom: -110px;
    transform: rotate(4.444deg);
  }
}
@media screen and (min-width: 1920px) {
  [dir=ltr] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 660px;
    bottom: -115px;
    transform: rotate(5.444deg);
  }
}

@media (max-width: 360px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    inset-inline: 17% !important;
    margin-left: calc(80vw - 150px);
    margin-bottom: -158px;
  }
}
@media (min-width: 361px) and (max-width: 500px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    inset-inline: 36% !important;
    margin-left: calc(80vw - 179px);
    margin-bottom: -156px;
  }
}
@media (min-width: 500px) and (max-width: 650px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    inset-inline: 45% !important;
    bottom: -150px;
  }
}
@media (min-width: 650px) and (max-width: 768px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    inset-inline: 51% !important;
    bottom: -118px;
  }
}
@media (min-width: 768px) and (max-width: 832px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    margin-bottom: -120px;
  }
}
@media screen and (min-width: 1920px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 630px;
    top: -70px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 580px;
    top: -40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    height: 495px !important;
    top: 39px !important;
  }
}
@media screen and (min-width: 832px) and (max-width: 1024px) {
  [dir=rtl] .cmp-text-and-media-wrapper .cmp-text-and-media__scarp[is-animated=true] {
    margin-bottom: -83px;
  }
}

@media screen and (max-width: 1023px) {
  .cmp-text-and-media[is-animated=true][data-is-reverse=true] {
    flex-direction: column-reverse !important;
  }
}
.cmp-text-and-media[is-animated=true] {
  transform: translateY(100px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.cmp-text-and-media[is-animated=true].is-visible {
  transform: translateY(0);
  opacity: 1;
}
.cmp-text-and-media[is-animated=true] .cmp-text-and-media-card.is-visible .cmp-text-and-media-card--content {
  animation: fadeDown 10s ease-out forwards;
}

@media screen and (max-width: 481px) {
  html[dir=rtl] .cmp-text-and-media--image-container {
    padding: 42.689px 100px 0 0;
  }
}
@media screen and (min-width: 481px) {
  html[dir=rtl] .cmp-text-and-media--image-container {
    padding: 42.689px 100px 0 0;
  }
}
@media screen and (min-width: 768px) {
  html[dir=rtl] .cmp-text-and-media--image-container {
    padding: 101px 213px 0 0;
  }
}
@media screen and (min-width: 1024px) {
  html[dir=rtl] .cmp-text-and-media--image-container {
    padding: 74px 117px 0 0;
  }
}
html[dir=rtl] .cmp-text-and-media--image-container__image {
  inset-inline: auto 0;
  bottom: 0;
  top: auto;
}
html[dir=rtl] .cmp-text-and-media--content__cta {
  background-color: var(--primary-base);
  color: var(--white);
}
html[dir=rtl] .cmp-text-and-media--content__cta {
  background-color: var(--primary-base);
  color: var(--white);
}
html[dir=rtl] .cmp-text-and-media--content__cta.cta:hover {
  color: var(--primary-base);
  background-color: transparent;
}
html[dir=rtl] .cmp-text-and-media--content__cta.cta:hover .cta__icon {
  transform: translateX(0.2em);
}

[dir=rtl] .cmp-text-and-media__scarp {
  left: auto;
  right: 0;
}
[dir=rtl] .cmp-text-and-media__scarp[data-is-reverse=true] {
  right: auto;
  left: 0;
}
@media screen and (max-width: 1024px) {
  [dir=rtl] .cmp-text-and-media__scarp {
    right: auto;
    left: 0;
  }
}

.animate-image-container-up-fade {
  opacity: 1;
}
.animate-image-container-up-fade.in-viewport {
  animation: upFadeIn 0.8s ease-out 0.2s forwards;
}

.animate-image-zoom-out {
  visibility: visible;
  transform: scale(0.8);
  transform-origin: left bottom !important;
}
.animate-image-zoom-out.in-viewport {
  animation: zoomOutScale 0.8s ease-out 0.15s forwards;
}

[dir=rtl] .animate-image-zoom-out {
  transform-origin: right bottom !important;
}
[dir=rtl] .animate-image-zoom-out.in-viewport {
  animation: zoomOutScaleRTL 0.8s ease-out 0.15s forwards;
}

[data-is-reverse=true] .animate-image-zoom-out {
  transform-origin: right bottom !important;
}
[data-is-reverse=true] .animate-image-zoom-out.in-viewport {
  animation: zoomOutScaleRTL 0.8s ease-out 0.15s forwards;
}

[dir=rtl][data-is-reverse=true] .animate-image-zoom-out,
[dir=rtl] [data-is-reverse=true] .animate-image-zoom-out {
  transform-origin: left bottom !important;
}
[dir=rtl][data-is-reverse=true] .animate-image-zoom-out.in-viewport,
[dir=rtl] [data-is-reverse=true] .animate-image-zoom-out.in-viewport {
  animation: zoomOutScale 0.8s ease-out 0.15s forwards;
}

@keyframes upFadeIn {
  from {
    transform: scaleY(0.1);
    transform-origin: bottom;
  }
  to {
    transform: scaleY(1);
    transform-origin: bottom;
  }
}
@keyframes zoomOutScale {
  from {
    visibility: visible;
    transform: scale(0.8);
  }
  to {
    visibility: visible;
    transform: scale(1);
  }
}
@keyframes zoomOutScaleRTL {
  from {
    visibility: visible;
    transform: scale(0.8);
  }
  to {
    visibility: visible;
    transform: scale(1);
  }
}
.cmp-text-and-media-overflow-fix {
  position: absolute;
  width: 100%;
  background-color: white;
  bottom: -10px;
  height: 70px;
}

[is-animated=true] .cmp-text-and-media-overflow-fix {
  display: none;
}