@font-face {
  font-family: 'loopicon';
  src:  url('../../../../../../etc.clientlibs/worldbankgroup/clientlibs/clientlib-site/resources/fonts/loopicon.eot?dq81zb');
  src:  url('../../../../../../etc.clientlibs/worldbankgroup/clientlibs/clientlib-site/resources/fonts/loopicon.eot?dq81zb#iefix') format('embedded-opentype'),
    url('../../../../../../etc.clientlibs/worldbankgroup/clientlibs/clientlib-site/resources/fonts/loopicon.ttf?dq81zb') format('truetype'),
    url('../../../../../../etc.clientlibs/worldbankgroup/clientlibs/clientlib-site/resources/fonts/loopicon.woff?dq81zb') format('woff'),
    url('../../../../../../etc.clientlibs/worldbankgroup/clientlibs/clientlib-site/resources/fonts/loopicon.svg?dq81zb#loopicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lp{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'loopicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

 :root {
  /* Colors: Primitive */
  --black: #000;
  --transparent: #fff0;
  --white: #fff;
  --wireframe: var(--neutral-solid-70-s);
  --accent-indigo-10: #f5f6ff;
  --accent-indigo-20: #e3e6fc;
  --accent-indigo-30: #ced4fd;
  --accent-indigo-40: #9fa9f7;
  --accent-indigo-50: #a8b2ff;
  --accent-indigo-60: #586af3;
  --accent-indigo-70: #2e43e0;
  --accent-indigo-80: #2132b0;
  --accent-indigo-90: #0a1885;
  --accent-magenta-10: #ffe6f6;
  --accent-magenta-20: #feaee1;
  --accent-magenta-30: #fe7cce;
  --accent-magenta-40: #fd49bb;
  --accent-magenta-50: #fd1caa;
  --accent-magenta-60: #de028d;
  --accent-magenta-70: #ac016d;
  --accent-magenta-80: #79014d;
  --accent-magenta-90: #47012d;
  --accent-orange-10: #fdebe8;
  --accent-orange-20: #facfc7;
  --accent-orange-30: #f5a799;
  --accent-orange-40: #f17f6a;
  --accent-orange-50: #ec553a;
  --accent-orange-60: #df3416;
  --accent-orange-70: #b12911;
  --accent-orange-80: #821e0d;
  --accent-orange-90: #541408;
  --accent-pale-green-10: #e1f4eb;
  --accent-pale-green-20: #b5e3ce;
  --accent-pale-green-30: #59c090;
  --accent-pale-green-40: #4cbb88;
  --accent-pale-green-50: #3b9b6f;
  --accent-pale-green-60: #2d7655;
  --accent-pale-green-70: #296b4d;
  --accent-pale-green-80: #235c42;
  --accent-pale-green-90: #1f513a;
  --accent-teal-10: #e6fcff;
  --accent-teal-20: #a9f4fe;
  --accent-teal-30: #03d7f2;
  --accent-teal-40: #02aac0;
  --accent-teal-50: #0298ac;
  --accent-teal-60: #017d8d;
  --accent-teal-70: #01707e;
  --accent-teal-80: #015e6a;
  --accent-teal-90: #01505b;
  --annotations-magenta: #bd10e0;
  --blue-05: #f6fcff;
  --blue-10: #e9f7fd; /* --accent-blue-primary-10 */
  --blue-100: #002035;
  --blue-120: #001c2d;
  --blue-20: #cde7f9;
  --blue-30: #a3daff;
  --blue-40: #169af3;
  --blue-50-base: #0071bc;
  --blue-60: #00538a;
  --blue-70: #004370;
  --blue-80: #053657;
  --blue-90: #012740;
  --blue-60-alpha-60-a: #00538a99;
  --brand-blue: #009fda;
  --brand-dark-blue: #024;
  --dviz-bright-cyan: #09a2db;
  --dviz-bright-dark-green: #006068;
  --dviz-bright-deep-blue: #3175ca;
  --dviz-bright-orange: #f9a453;
  --dviz-bright-orange-red: #f3734f;
  --dviz-bright-purple: #9f55a6;
  --dviz-bright-teal: #66c4ca;
  --dviz-bright-violet: #645db5;
  --dviz-bright-yellow: #e3b836;
  --dviz-bright-deep-teal: #009ca7;
  --gray-alpha-black-08-a: #00000014;
  --gray-alpha-black-16-a: #00000029;
  --gray-alpha-black-24-a: #0000003d;
  --gray-alpha-black-48-a: #0000007a;
  --gray-alpha-black-60-a: #0009;
  --gray-alpha-white-16-a: #ffffff29;
  --gray-alpha-white-24-a: #ffffff3d;
  --gray-alpha-white-48-a: #ffffff7a;
  --gray-alpha-white-60-a: #fff9;
  --gray-alpha-white-75-a: #ffffffbf;
  --gray-alpha-white-90-a: #ffffffe5;
  --green-10: #f6fef0;
  --green-20: #edfee2;
  --green-30: #b8ec93;
  --green-40: #56c606;
  --green-50-base: #459e05;
  --green-60: #388004;
  --green-70: #234f03;
  --green-80: #1e4602;
  --green-90: #163102;
  --neutral-alpha-02-a: #00396b08;
  --neutral-alpha-04-a: #00396b0d;
  --neutral-alpha-08-a: #00396b14;
  --neutral-alpha-16-a: #00396b29;
  --neutral-alpha-24-a: #00396b3d;
  --neutral-alpha-42-a: #00294d6b;
  --neutral-alpha-57-a: #000d1a91;
  --neutral-alpha-65-a: #000d1aa6;
  --neutral-alpha-70-a: #000d1ab2;
  --neutral-alpha-95-a: #000d1af5;
  --neutral-solid-05-s: #f5f7f9;
  --neutral-solid-10-s: #e7edf3;
  --neutral-solid-15-s: #dae3eb;
  --neutral-solid-20-s: #d4dee8;
  --neutral-solid-30-s: #bdccdb;
  --neutral-solid-40-s: #8a9db1; /* --neutrals-50 */
  --neutral-solid-50-s: #586e84;
  --neutral-solid-60-s: #4b5e71;
  --neutral-solid-70-s: #3d4c5c;
  --neutral-solid-80-s: #252e37;
  --neutral-solid-90-s: #181f25;
  --neutral-solid-95-s: #181f25;
  --priorities-blue-cross-cutting: #004972;
  --priorities-gray-digital: #5d6472;
  --priorities-green-planet: #07ab50;
  --priorities-magenta-infrastructure: #91302f;
  --priorities-purple-prosperity: #872c8f;
  --priorities-yellow-people: #f7b841;
  --priorities-turquoise-planet-marine: #009CA7;
  --purple-10: #f1e1ff;
  --purple-20: #e5c7ff;
  --purple-30: #cd95fe;
  --purple-40: #c17cfe;
  --purple-50: #b25dfe;
  --purple-60: #7702df;
  --purple-70: #5c01ac;
  --purple-80: #410179;
  --purple-90: #260147;
  --red-10: #fdf2f2;
  --red-20: #f6bcbf;
  --red-30: #ec747a;
  --red-40: #e64750;
  --red-50: #da1e28;
  --red-60: #c91c25;
  --red-70: #9d161d;
  --red-80: #861319;
  --red-90: #550c10;
  --yellow-10: #fff7e6;
  --yellow-20: #fef3d7;
  --yellow-30: #ffecc2;
  --yellow-40: #fed881;
  --yellow-50: #e19d00;
  --yellow-60: #ca8d02;
  --yellow-70: #b27c00;
  --yellow-80: #896001;
  --yellow-90: #473201;

  /* Colors: Semantic */
  --accent-blue-primary-05: var(--blue-05);
  --accent-blue-primary-10: var(--blue-10);
  --accent-blue-primary-100: var(--blue-100);
  --accent-blue-primary-120: var(--blue-120);
  --accent-blue-primary-20: var(--blue-20);
  --accent-blue-primary-30: var(--blue-30);
  --accent-blue-primary-40: var(--blue-40);
  --accent-blue-primary-50: var(--blue-50-base);
  --accent-blue-primary-60: var(--blue-60);
  --accent-blue-primary-70: var(--blue-70);
  --accent-blue-primary-80: var(--blue-80);
  --accent-blue-primary-90: var(--blue-90);
  --background-black: var(--black);
  --background-white: var(--white);
  --background-container-primary: var(--global-primary);
  --background-container-secondary: var(--global-secondary);
  --background-container-on-dark-high: var(--global-elevations-dark-high);
  --background-container-on-dark-low: var(--global-elevations-dark-low);
  --background-container-on-dark-low-alpha: var(--gray-alpha-white-16-a);
  --background-container-on-dark-lowest: var(--global-elevations-dark-lowest);
  --background-container-on-dark-medium: var(--global-elevations-dark-medium);
  --background-container-on-dark-medium-alpha: var(--gray-alpha-white-48-a);
  --background-container-on-dark-regular: var(--global-elevations-dark-regular);
  --background-container-on-dark-regular-alpha: var(--gray-alpha-white-24-a);
  --background-container-on-dark-link-disabled: var(--global-interactive-on-dark-disabled);
  --background-container-on-dark-link-enabled: var(--white);
  --background-container-on-dark-link-hover: var(--global-interactive-on-dark-hover);
  --background-container-on-dark-link-pressed: var(--global-interactive-on-dark-pressed);
  --background-container-on-light-high: var(--global-elevations-light-high);
  --background-container-on-light-low: var(--global-elevations-light-low);
  --background-container-on-light-low-alpha: var(--neutral-alpha-08-a);
  --background-container-on-light-lowest: var(--background-white);
  --background-container-on-light-medium: var(--global-elevations-light-medium);
  --background-container-on-light-medium-alpha: var(--neutral-alpha-24-a);
  --background-container-on-light-regular: var(--global-elevations-light-regular);
  --background-container-on-light-regular-alpha: var(--neutral-alpha-16-a);
  --background-container-on-light-link-primary-disabled: var(--global-interactive-on-light-disabled);
  --background-container-on-light-link-primary-enabled: var(--global-interactive-on-light-enabeled-primary);
  --background-container-on-light-link-primary-hover: var(--global-interactive-on-light-hover);
  --background-container-on-light-link-primary-pressed: var(--global-interactive-on-light-pressed);
  --background-container-on-light-link-primary-visited: var(--global-interactive-on-light-visited);
  --background-container-on-light-link-secondary-disabled: var(--background-white);
  --background-container-on-light-link-secondary-enabled: var(--background-white);
  --background-container-on-light-link-secondary-hover: var(--blue-05);
  --background-container-on-light-link-secondary-pressed: var(--blue-10);
  --background-container-on-light-link-secondary-visited: var(--global-interactive-on-light-visited);
  --background-container-on-light-state-disabled-default: var(--global-states-disable-low);
  --background-container-on-light-state-error-high: var(--global-states-negative-high);
  --background-container-on-light-state-error-low: var(--global-states-negative-low);
  --background-container-on-light-state-information-high: var(--global-states-informational-high);
  --background-container-on-light-state-information-low: var(--global-states-informational-low);
  --background-container-on-light-state-success-high: var(--global-states-positive-high);
  --background-container-on-light-state-success-low: var(--global-states-positive-low);
  --background-container-on-light-state-suggestional-high: var(--global-states-suggestional-high);
  --background-container-on-light-state-suggestional-low: var(--global-states-suggestional-low);
  --background-container-on-light-state-warning-high: var(--global-states-warning-high);
  --background-container-on-light-state-warning-low: var(--global-states-warning-low);
  --background-container-on-light-state-warning-medium: var(--global-states-warning-medium);
  --background-container-on-light-state-warning-regular: var(--global-states-warning-regular);
  --dataviz-cyan: var(--dviz-bright-cyan);
  --dataviz-dark-green: var(--dviz-bright-dark-green);
  --dataviz-deep-blue: var(--dviz-bright-deep-blue);
  --dataviz-deep-teal: var(--dviz-bright-deep-teal);
  --dataviz-orange: var(--dviz-bright-orange);
  --dataviz-orange-red: var(--dviz-bright-orange-red);
  --dataviz-purple: var(--dviz-bright-purple);
  --dataviz-teal: var(--dviz-bright-teal);
  --dataviz-violet: var(--dviz-bright-violet);
  --dataviz-yellow: var(--dviz-bright-yellow);
  --divider-on-dark-default: var(--blue-60-alpha-60-a);
  --divider-on-dark-emphasis: var(--gray-alpha-white-60-a);
  --divider-on-dark-highlight: var(--accent-blue-primary-40);
  --divider-on-dark-subdued: var(--gray-alpha-white-24-a);
  --divider-on-light-default: var(--neutral-alpha-16-a);
  --divider-on-light-emphasis: var(--neutral-alpha-24-a);
  --divider-on-light-subdued: var(--neutral-alpha-08-a);
  --global-primary: var(--blue-70);
  --global-secondary: var(--blue-40);
  --global-elevations-dark-high: var(--neutral-solid-70-s);
  --global-elevations-dark-low: var(--neutral-solid-95-s);
  --global-elevations-dark-lowest: var(--black);
  --global-elevations-dark-medium: var(--neutral-solid-80-s);
  --global-elevations-dark-regular: var(--neutral-solid-90-s);
  --global-elevations-light-high: var(--blue-30);
  --global-elevations-light-low: var(--blue-05);
  --global-elevations-light-lowest: var(--background-white);
  --global-elevations-light-medium: var(--blue-20);
  --global-elevations-light-regular: var(--blue-10);
  --global-interactive-on-dark-disabled: var(--gray-alpha-white-48-a);
  --global-interactive-on-dark-enabeled-primary: var(--gray-alpha-white-90-a);
  --global-interactive-on-dark-enabeled-secondary: var(--neutral-solid-05-s);
  --global-interactive-on-dark-focused: var(--blue-50-base);
  --global-interactive-on-dark-hover: var(--blue-40);
  --global-interactive-on-dark-pressed: var(--background-white);
  --global-interactive-on-dark-visited: var(--purple-40);
  --global-interactive-on-light-disabled: var(--neutral-solid-30-s);
  --global-interactive-on-light-enabeled-primary: var(--global-primary);
  --global-interactive-on-light-enabeled-secondary: var(--neutral-solid-95-s);
  --global-interactive-on-light-focused: var(--blue-30);
  --global-interactive-on-light-hover: var(--global-secondary);
  --global-interactive-on-light-pressed: var(--blue-90);
  --global-interactive-on-light-visited: var(--purple-70);
  --global-states-disable-high: var(--neutral-solid-60-s);
  --global-states-disable-highest: var(--neutral-solid-70-s);
  --global-states-disable-low: var(--neutral-solid-15-s);
  --global-states-disable-medium: var(--neutral-solid-40-s);
  --global-states-disable-regular: var(--neutral-solid-20-s);
  --global-states-informational-high: var(--blue-60);
  --global-states-informational-low: var(--blue-05);
  --global-states-informational-regular: var(--blue-40);
  --global-states-negative-high: var(--red-60);
  --global-states-negative-low: var(--red-10);
  --global-states-negative-regular: var(--red-40);
  --global-states-positive-high: var(--green-60);
  --global-states-positive-low: var(--green-10);
  --global-states-positive-regular: var(--green-40);
  --global-states-suggestional-high: var(--purple-70);
  --global-states-suggestional-low: var(--purple-10);
  --global-states-suggestional-regular: var(--purple-40);
  --global-states-warning-high: var(--yellow-90);
  --global-states-warning-low: var(--yellow-20);
  --global-states-warning-medium: var(--yellow-60);
  --global-states-warning-regular: var(--yellow-40);
  --icon-primary: var(--global-primary);
  --icon-secondary: var(--global-secondary);
  --icon-on-dark-default: var(--neutral-solid-05-s);
  --icon-on-dark-disabled: var(--neutral-solid-15-s);
  --icon-on-dark-emphasis: var(--white);
  --icon-on-dark-primary: var(--blue-40);
  --icon-on-dark-alpha-default: var(--gray-alpha-white-75-a);
  --icon-on-dark-alpha-disabled: var(--gray-alpha-white-48-a);
  --icon-on-dark-alpha-emphasis: var(--white);
  --icon-on-dark-link-enabled: var(--blue-40);
  --icon-on-dark-link-hover: var(--blue-50-base);
  --icon-on-dark-link-visited: var(--purple-50);
  --icon-on-dark-state-error: var(--red-30);
  --icon-on-dark-state-success: var(--green-40);
  --icon-on-dark-state-warning: var(--yellow-30);
  --icon-on-light-default: var(--neutral-solid-60-s);
  --icon-on-light-emphasis: var(--neutral-solid-80-s);
  --icon-on-light-alpha-default: var(--neutral-alpha-57-a);
  --icon-on-light-alpha-disabled: var(--neutral-alpha-42-a);
  --icon-on-light-alpha-emphasis: var(--neutral-alpha-70-a);
  --icon-on-light-link-enabled: var(--background-container-on-light-link-primary-enabled);
  --icon-on-light-link-hover: var(--background-container-on-light-link-primary-hover);
  --icon-on-light-link-visited: var(--background-container-on-light-link-primary-visited);
  --icon-on-light-state-disabled: var(--global-states-disable-medium);
  --icon-on-light-state-error: var(--global-states-negative-regular);
  --icon-on-light-state-informational: var(--global-states-informational-high);
  --icon-on-light-state-success: var(--global-states-positive-high);
  --icon-on-light-state-suggestional: var(--global-states-suggestional-high);
  --icon-on-light-state-warning-high: var(--global-states-warning-high);
  --icon-on-light-state-warning-regular: var(--global-states-warning-medium);
  --outline-primary: var(--global-primary);
  --outline-transparent: var(--transparent);
  --outline-white: var(--white);
  --outline-on-dark-default: var(--neutral-solid-40-s);
  --outline-on-dark-dimmed: var(--neutral-solid-80-s);
  --outline-on-dark-emphasis: var(--neutral-solid-15-s);
  --outline-on-dark-subdued: var(--neutral-solid-70-s);
  --outline-on-dark-link-enabled: var(--global-interactive-on-dark-enabeled-primary);
  --outline-on-dark-link-focused: var(--global-interactive-on-light-focused);
  --outline-on-dark-link-hover: var(--global-interactive-on-dark-hover);
  --outline-on-dark-link-visited: var(--global-interactive-on-dark-visited);
  --outline-on-dark-state-disable: var(--global-states-disable-regular);
  --outline-on-dark-state-tip: var(--accent-magenta-70);
  --outline-on-dark-state-error-high: var(--global-states-negative-low);
  --outline-on-dark-state-error-low: var(--global-states-negative-high);
  --outline-on-dark-state-informational-high: var(--global-states-informational-low);
  --outline-on-dark-state-informational-low: var(--global-states-informational-high);
  --outline-on-dark-state-success-high: var(--global-states-positive-low);
  --outline-on-dark-state-success-low: var(--global-states-positive-high);
  --outline-on-dark-state-suggestional-high: var(--global-states-suggestional-low);
  --outline-on-dark-state-suggestional-low: var(--global-states-suggestional-high);
  --outline-on-dark-state-warning-high: var(--global-states-warning-low);
  --outline-on-dark-state-warning-low: var(--global-states-warning-regular);
  --outline-on-light-default: var(--neutral-alpha-24-a);
  --outline-on-light-dimmed: var(--neutral-alpha-08-a);
  --outline-on-light-emphasis: var(--neutral-alpha-42-a);
  --outline-on-light-subdued: var(--neutral-alpha-16-a);
  --outline-on-light-link-enabled: var(--global-interactive-on-light-enabeled-primary);
  --outline-on-light-link-focused: var(--global-interactive-on-light-focused);
  --outline-on-light-link-hover: var(--global-interactive-on-light-hover);
  --outline-on-light-link-visited: var(--global-interactive-on-light-visited);
  --outline-on-light-state-disable-default: var(--global-states-disable-regular);
  --outline-on-light-state-error-high: var(--global-states-negative-high);
  --outline-on-light-state-error-low: var(--global-states-negative-low);
  --outline-on-light-state-info-high: var(--global-states-informational-high);
  --outline-on-light-state-info-low: var(--global-states-informational-regular);
  --outline-on-light-state-success-high: var(--global-states-positive-high);
  --outline-on-light-state-success-low: var(--global-states-positive-low);
  --outline-on-light-state-suggest-high: var(--global-states-suggestional-high);
  --outline-on-light-state-suggest-low: var(--global-states-suggestional-regular);
  --outline-on-light-state-warning-high: var(--global-states-warning-regular);
  --outline-on-light-state-warning-low: var(--global-states-warning-low);
  --text-on-dark-default: var(--gray-alpha-white-75-a);
  --text-on-dark-emphasis: var(--gray-alpha-white-90-a);
  --text-on-dark-subdued: var(--gray-alpha-white-60-a);
  --text-on-dark-link-hover: var(--global-interactive-on-dark-hover);
  --text-on-dark-link-primary-enabled: var(--global-interactive-on-dark-enabeled-primary);
  --text-on-dark-link-secondary: var(--global-interactive-on-dark-enabeled-secondary);
  --text-on-dark-link-visited: var(--global-interactive-on-dark-visited);
  --text-on-dark-state-disabled: var(--gray-alpha-white-48-a);
  --text-on-dark-state-error: var(--global-states-negative-regular);
  --text-on-dark-state-info: var(--global-states-informational-regular);
  --text-on-dark-state-success: var(--global-states-positive-regular);
  --text-on-dark-state-suggest: var(--global-states-suggestional-regular);
  --text-on-dark-state-warning: var(--global-states-warning-regular);
  --text-on-light-default: var(--neutral-alpha-70-a);
  --text-on-light-emphasis: var(--neutral-alpha-95-a);
  --text-on-light-highlight: var(--blue-90);
  --text-on-light-subdued: var(--neutral-alpha-57-a);
  --text-on-light-link-disabled: var(--global-interactive-on-light-disabled);
  --text-on-light-link-hover: var(--global-interactive-on-light-enabeled-primary);
  --text-on-light-link-primary-enabled: var(--global-interactive-on-light-enabeled-primary);
  --text-on-light-link-secondary-enabled: var(--global-interactive-on-light-pressed);
  --text-on-light-link-visited: var(--global-interactive-on-light-visited);
  --text-on-light-state-disabled: var(--neutral-alpha-42-a);
  --text-on-light-state-error: var(--global-states-negative-high);
  --text-on-light-state-info: var(--global-states-informational-high);
  --text-on-light-state-success: var(--global-states-positive-high);
  --text-on-light-state-suggest: var(--global-states-suggestional-high);
  --text-on-light-state-warning: var(--global-states-warning-high);
  --text-on-primary-default: var(--blue-05);
  --text-on-primary-disabled: var(--blue-20);
  --text-on-primary-empasis: var(--white);
  --text-on-primary-subdued: var(--blue-10);
  --text-on-state-error-default: var(--red-10);
  --text-on-state-error-emphasis: var(--red-10);
  --text-on-state-info-default: var(--global-states-informational-regular);
  --text-on-state-info-emphasis: var(--global-states-informational-high);
  --text-on-state-success-default: var(--green-20);
  --text-on-state-success-emphasis: var(--green-10);
  --text-on-state-warning-default: var(--yellow-20);
  --text-on-state-warning-emphasys: var(--yellow-10);
  --button-primary-outline-enabled: var(--background-white);
  --button-primary-background-enabled: var(--accent-blue-primary-70);
  --button-secondary-outline-enabled: var(--accent-blue-primary-70);
  --button-primary-label-default: var(--background-white);
  --button-secondary-background-enabled: var(--background-white);
  --button-secondary-label-enabled: var(--accent-blue-primary-70);
  --links-focus-color: #DA570E; /* Custom variable, not available in figma */

  /* number */
  --border-radius-none: 0rem;
  --border-radius-small: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-medium: 0.5rem;
  --border-radius-large: 1rem;
  --border-radius-x-large: 2rem;
  --global-gutter: 1.5rem;
  --global-section-padding: 5rem;
  --grid-margin: 1.75rem;
  --spacing-none: 0rem;
  --spacing-xtiny: 0.125rem;
  --spacing-tiny: 0.25rem;
  --spacing-xsmall: 0.25rem;
  --spacing-xxsmall: 0.25rem;
  --spacing-small: 0.5rem;
  --spacing-regular: 1rem;
  --spacing-medium: 1.25rem;
  --spacing-large: 1.5rem;
  --spacing-xlarge: 1.75rem;
  --spacing-xxlarge: 2rem;
  --spacing-huge: 2.5rem;
  --spacing-xhuge: 3rem;
  --size-icon-small: 0.875rem;
  --size-icon-regular: 1rem;
  --size-icon-large: 1.25rem;
  --size-icon-xxlarge: 4rem;
  --padding-margins-sp1: 0.75rem;

  /* typography */
  --font-size-100: 0.75rem;
  --font-size-200: 0.875rem;
  --font-size-300: 1rem;
  --font-size-400: 1rem;
  --font-size-500: 1rem;
  --font-size-600: 1.125rem;
  --font-size-700: 1.25rem;
  --font-size-800: 1.5rem;
  --font-size-1000: 1.75rem;
  --font-size-1100: 1.75rem;
  --font-size-900: 1.75rem;
  --font-size-1200: 2.25rem;

  /* string */
  --body-font-weight-bold: bold;
  --body-font-weight-italic: italic;
  --body-font-weight-regular: regular;
  --global-font-familly: 'Open Sans';
  --heading-font-weight: var(--body-font-weight-bold);
  --label-font-weight: var(--body-font-weight-bold);

  /* neutrals - alpha */
  --neutrals-a-90: #000d1ab3;

  /** Measuring impact card paragraph varibales **/
  --body-indicator-paragraph: 12px;
  --body-description-paragraph: 16px;
  --body-title-paragraph: 28px;
  --body-indicator-paragraph-spacing: 12px;

  /* fonts */
  --body-font-family: 'Open Sans', roboto, roboto-fallback;
  --heading-font-family: var(--body-font-family);
  --fixed-font-family: 'Roboto Mono', menlo, consolas, 'Liberation Mono', monospace;

  /* Custom variables */
  --light-color: #eee;
  --dark-color: #ccc;
  --text-color: var(--neutral-solid-90-s);

  /* Navigation Menu */
  --input-background-color:#002337;
  --nav-menu-placeholder-color:#FFFFFF76;
  --search-input-container-border: #004972;
  --nav-menu-footer-color: #99b6C7;

  /* body sizes */
  --body-font-size: var(--font-size-500);
  --body-font-size-citation: 12px;

  /* main-heading styles */
  --main-heading-font-size: 28px;
  --main-heading-spacing: 0 0 36px;
  --main-heading-line-height: 112%;

  /* eyebrow styles */
  --eyebrow-font-size-l: 14px;
  --eyebrow-font-size-m: 14px;
  --eyebrow-font-size-s: 12px;

  /* Screen variables */
  --screen-width: 1456px;
  --nav-height: 34px;
  --nav-padding: 25px;
  --nav-menu-overlay-height: 961px;

  /* shadows & elevations */
  --section-shadow: 0 2px 4px rgba(0 0 0 10%);
  --cards-shadow: 0 2px 6px rgba(0 0 0 8%);
  --modals-shadow: 0 4px 12px rgba(0 0 0 32%);
  --dropdown-shadow: 0 4px 12px rgba(0 0 0 32%);
  --map-elements-shadow: 0 2px 4px rgba(0 0 0 32%);
  --dashboard-cards-shadow: 5px 5px 12px rgba(0 0 0 25%);
  --overlay-color:rgba(255 255 255 / 50%);

  /* Gutter space */
  --section-gutter-space: 28px;
  --section-container-space: var(--spacing-xxlarge); 

  /* Block specific */
  --signup-padding: 28px;

  /** Button Padding **/
  --button-vertical-padding: 12px;
  --button-horizontal-padding: 32px;

  /** Button Padding Secondary **/
  --button-vertical-padding-secondary: 8px;
  --button-horizontal-padding-secondary: 24px;

  /* Font weight 700 */
  --font-weight-700: 700;
}

html[lang="ar"] {
  --font-weight-700: 700; 
}

/*
  Desktop: >= 1024px
  Tab: 768px - 1023px
  Mobile: <= 767px
*/
@media (width >= 768px) {
  :root {
    /** Measuring impact card paragraph varibales **/
  --body-indicator-paragraph: 12px;
  --body-description-paragraph: 18px;
  --body-title-paragraph: 28px;
  --body-indicator-paragraph-spacing: 8px;

    /* body styles */
    --body-font-size: var(--font-size-500);
    --body-font-size-citation: 12px;

    /* main-heading styles */
    --main-heading-font-size: 32px;
    
    /* eyebrow styles */
    --eyebrow-font-size-l: 16px;
    --eyebrow-font-size-m: 14px;
    --eyebrow-font-size-s: 12px;
  
    /* Gutter space */
    --section-gutter-space: 48px;
  
    /* Screen variables */
    --nav-height: 34px;
  
    /* Block specific */
    --signup-padding: 32px;

    /* number */
    --border-radius-none: 0rem;
    --border-radius-small: 0.125rem;
    --border-radius-base: 0.25rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 1rem;
    --border-radius-x-large: 2rem;
    --global-gutter: 1.5rem;
    --global-section-padding: 5rem;
    --grid-margin: 3rem;
    --spacing-none: 0rem;
    --spacing-xtiny: 0.125rem;
    --spacing-tiny: 0.25rem;
    --spacing-xxsmall: 0.25rem;
    --spacing-xsmall: 0.5rem;
    --spacing-small: 0.75rem;
    --spacing-regular: 1.25rem;
    --spacing-medium: 1.5rem;
    --spacing-large: 1.75rem;
    --spacing-xlarge: 2rem;
    --spacing-xxlarge: 2.5rem;
    --spacing-huge: 3.5rem;
    --spacing-xhuge: 4rem;
    --size-icon-small: 0.875rem;
    --size-icon-regular: 1rem;
    --size-icon-large: 1.25rem;
    --size-icon-xxlarge: 6rem;

    /* Typography */
    --font-size-100: 0.75rem;
    --font-size-200: 0.875rem;
    --font-size-300: 1rem;
    --font-size-400: 1.125rem;
    --font-size-500: 1.125rem;
    --font-size-600: 1.25rem;
    --font-size-700: 1.5rem;
    --font-size-800: 1.75rem;
    --font-size-900: 1.75rem;
    --font-size-1000: 2rem;
    --font-size-1100: 2.25rem;
    --font-size-1200: 2.75rem;

    /* string */
    --body-font-weight-bold: bold;
    --body-font-weight-italic: italic;
    --body-font-weight-regular: regular;
    --global-font-familly: 'Open Sans';
    --heading-font-weight: var(--body-font-weight-bold);
    --label-font-weight: var(--body-font-weight-bold);
  }
}

@media (width >= 1024px) {
  :root {
    /** Measuring impact card paragraph varibales **/
  --body-indicator-paragraph: 12px;
  --body-description-paragraph: 20px;
  --body-title-paragraph: 36px;
  --body-indicator-paragraph-spacing: 12px;
    
    /* body styles */
    --body-font-size: var(--font-size-500);

    /* Gutter space */
    --section-gutter-space: 72px;
    --section-reduced-space: 320px;
  
    /* Screen variables */
    --nav-height: 44px;
    --nav-padding: 35px;
  
    /* main-heading styles */
    --main-heading-font-size: 40px;
    --main-heading-spacing: 0 0 48px;

    /* Block specific */
    --signup-padding: 52px;

    /* numbers */
    --border-radius-none: 0rem;
    --border-radius-small: 0.125rem;
    --border-radius-base: 0.25rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 1rem;
    --border-radius-x-large: 2rem;
    --global-gutter: 1.5rem;
    --global-section-padding: 5rem;
    --grid-margin: 4.5rem;
    --spacing-none: 0rem;
    --spacing-xtiny: 0.125rem;
    --spacing-tiny: 0.25rem;
    --spacing-xxsmall: 0.5rem;
    --spacing-xsmall: 0.75rem;
    --spacing-small: 1rem;
    --spacing-regular: 1.5rem;
    --spacing-medium: 2rem;
    --spacing-large: 2.5rem;
    --spacing-xlarge: 3rem;
    --spacing-xxlarge: 4rem;
    --spacing-huge: 5rem;
    --spacing-xhuge: 6rem;
    --size-icon-small: 0.875rem;
    --size-icon-regular: 1rem;
    --size-icon-large: 1.25rem;
    --size-icon-xxlarge: 6rem;

    /* Typography */
    --font-size-100: 0.75rem;
    --font-size-200: 0.875rem;
    --font-size-300: 1rem;
    --font-size-400: 1.125rem;
    --font-size-500: 1.25rem;
    --font-size-600: 1.5rem;
    --font-size-700: 1.75rem;
    --font-size-800: 2rem;
    --font-size-900: 2.25rem;
    --font-size-1000: 2.5rem;
    --font-size-1100: 3rem;
    --font-size-1200: 3.75rem;

    /* string */
    --body-font-weight-bold: bold;
    --body-font-weight-italic: italic;
    --body-font-weight-regular: regular;
    --global-font-familly: 'Open Sans';
    --heading-font-weight: var(--body-font-weight-bold);
    --label-font-weight: var(--body-font-weight-bold);
    --button-vertical-padding: 16px;

    /** Button Padding Secondary **/
  --button-vertical-padding-secondary: 12px;
  --button-horizontal-padding-secondary: 32px;
  }
}

@font-face {
  font-family: roboto-fallback;
  size-adjust: 100.06%;
  ascent-override: 95%;
  src: local('Arial');
}
.lp__navbar {
  position: relative;
  border: 0px;
                    min-height: auto;
  margin-bottom: 0px;}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px; }

  @media (min-width: 768px) {
    .container {
      padding-left: 8px;
      padding-right: 8px; } }
  @media (min-width: 992px) {
    .container {
      padding-left: 12px;
      padding-right: 12px; } }
  @media (min-width: 1200px) {
    .container {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 950px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }
html:lang(ar) {
  direction: rtl;
}

body {
  font-size: var(--body-font-size);
  margin: 0;
  font-family: var(--body-font-family);
  line-height: 1.4;
  color: var(--text-color);
  background-color: var(--white);
}

header {
 /*height: var(--nav-height);*/
 padding: 24px 0;
}

/*p,
dl,
ol,
ul,
pre,
blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
}*/

code,
pre {
  font-family: var(--fixed-font-family);
  font-size: var(--font-size-200);
}

code {
  padding: 0.125em;
}

pre {
  overflow: scroll;
}

strong {
  font-weight: var(--font-weight-700);
}

main pre {
  background-color: var(--light-color);
  padding: 1em;
  border-radius: 0.25em;
  overflow-x: auto;
  white-space: pre;
}

/* links */
header a:any-link {
  color: var(--neutral-solid-90-s);
  text-decoration: underline;
  text-decoration-color: var(--black);
  font-size: var(--body-font-size);
  font-weight: 400;
  line-height: 25px;
  text-align: left;
}

/*a:focus-visible,
div[role="button"]:focus-visible,
span[role="button"]:focus-visible {
  outline: 2px solid var(--links-focus-color);
}*/

html[lang="ar"] a {
  text-align: right;
}

.cookie-tooltip p a {
  font-size: var(--font-size-200);
  color: var(--white);
  border-bottom: 1px solid var(--white);
  text-decoration: none;
}

p strong > em > a:any-link {
  background-color: transparent;
  color: var(--accent-blue-primary-70);
  font-family: var(--body-font-family);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  line-height: 24px;
  letter-spacing: 0.25px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 16px 0 8px;
  font-style: normal;
  cursor: pointer;
  margin: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  border: 0 none;
  border-bottom: 2px solid rgb(0 73 114 / 30%)
}

/*a:any-link:hover {
  color: rgb(0 13 26 / 96%);
  text-decoration-color: var(--accent-blue-primary-40);
}

a:any-link:focus,
a:any-link:active {
  color: var(--accent-blue-primary-90);
  text-decoration-color: var(--accent-blue-primary-90);
}*/

/*a:any-link:visited {
  color: var(--purple-70);
  text-decoration-color: var(--purple-70);
}*/

html[lang="ar"] a:any-link {
  text-align: right;
}

a:any-link.disabled {
  color: rgb(0 41 77 / 42%);
  cursor: unset;
}

.cookie-tooltip p > a:visited,
.cookie-tooltip p > a:hover {
  color: var(--white);
}

p strong > em > a:any-link:hover {
  color: var(--accent-blue-primary-70);
  border-bottom: 2px solid rgb(22 154 243 / 100%);
}

p strong > em > a:any-link:active,
p strong > em > a:any-link:focus {
  color: var(--accent-blue-primary-90);
  border-bottom: 2px solid transparent;
}

p strong > em > a:any-link.disabled {
  color: rgb(0 41 77 / 42%);
  border-bottom: 2px solid transparent;
}

p strong > em > a:any-link:visited {
  border-bottom: 2px solid transparent;
}

html[lang="ar"] p strong > em > a:any-link {
  text-align: center;
}

header nav .nav-hamburger button, 
a.button:any-link {
  font-family: var(--body-font-family);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  line-height: 150%;
  letter-spacing: 0.25px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid var(--button-primary-outline-enabled);
  padding: var(--button-vertical-padding) var(--button-horizontal-padding);
  font-style: normal;
  cursor: pointer;
  color: var(--button-primary-label-default);
  background-color: var(--button-primary-background-enabled);
  margin: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--border-radius-x-large);
}

a.button.secondary,
button.secondary {
  background-color: unset;
  border: 2px solid var(--button-secondary-outline-enabled);
  color: var(--button-secondary-label-enabled);
}

a.button:hover,
button:hover {
  background-color: var(--accent-blue-primary-40);
  color: var(--accent-blue-primary-70);
  cursor: pointer;
}

a.button:focus-visible,
button:focus-visible,
a.button.secondary:focus-visible,
button.secondary:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

a.button.disabled,
a.button.disabled:hover,
button:disabled,
button:disabled:hover {
  background-color: var(--neutral-solid-30-s);
  color: rgb(0 41 77 / 42%);
  cursor: unset;
}

a.button.secondary:hover,
button.secondary:hover {
  background-color: var(--accent-blue-primary-40);
  border: 2px solid var(--accent-blue-primary-40);
  color: var(--accent-blue-primary-70);
}

a.button.secondary.disabled,
a.button.secondary.disabled:hover,
button.secondary:disabled,
button.secondary:disabled:hover {
  background-color: unset;
  border: 2px solid var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s);
  cursor: unset;
}

a.button:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-90);
  color: var(--white);
}

a.button.secondary:focus:not(:focus-visible),
button.secondary:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  border: 2px solid var(--accent-blue-primary-70);
  color: var(--accent-blue-primary-70);
}

a.button.ghost,
button.ghost {
  background-color: transparent;
  color: var(--accent-blue-primary-70);
}

a.button.ghost:hover,
button.ghost:hover {
  background-color: var(--accent-blue-primary-05);
  color: var(--accent-blue-primary-70);
}

a.button.ghost.disabled,
a.button.ghost.disabled:hover,
button.ghost:disabled,
button.ghost:disabled:hover {
  background-color: transparent;
  color: rgb(0 41 77 / 42%);
  cursor: unset;
}

a.button.ghost:focus:not(:focus-visible),
button.ghost:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
}

p.button-container {
  margin: 0;
}

/* Links and buttons in dark theme */
.section[class*='bg-primary-blue'] a:any-link {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*='bg-primary-blue'] p strong > em > a:any-link {
  background-color: transparent;
  color: var(--white);
  border-bottom: 2px solid rgb(255 255 255 / 30%)
}

.section[class*='bg-primary-blue'] a:any-link:hover {
  color: var(--white);
  text-decoration-color: var(--accent-blue-primary-40);
}

.section[class*='bg-primary-blue'] a:any-link:visited {
  color: var(--purple-40);
  text-decoration-color: var(--purple-40);
}

.section[class*='bg-primary-blue'] a:any-link:active {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*='bg-primary-blue'] p strong > em > a:any-link:hover {
  border-bottom: 2px solid rgb(22 154 243 / 100%)
}

.section[class*='bg-primary-blue'] p strong > em > a:any-link:active {
  color: var(--white);
  border-bottom: 2px solid transparent;
}

.section[class*='bg-primary-blue'] a:any-link:focus:not(:focus-visible) {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*='bg-primary-blue'] p strong > em > a:any-link:focus:not(:focus-visible) {
  color: var(--white);
  border-bottom: 2px solid transparent;
}

.section[class*='bg-primary-blue'] a:any-link.disabled {
  color: rgb(255 255 255 / 48%);
  text-decoration-color: rgb(255 255 255 / 48%);
  cursor: unset;
}

.section[class*='bg-primary-blue'] p strong > em > a:any-link.disabled {
  background-color: transparent;
  color: rgb(0 41 77 / 42%);
  border-bottom: 2px solid transparent;
}

.section[class*='bg-primary-blue'] a.button:any-link,
.section[class*='bg-primary-blue'] button {
  color: var(--accent-blue-primary-70);
  background-color: var(--white);
  border: 2px solid transparent;
}

.section[class*='bg-primary-blue'] a.button:hover,
.section[class*='bg-primary-blue'] button:hover {
  background-color: var(--accent-blue-primary-40);
}

.section[class*='bg-primary-blue'] a.button:any-link:focus-visible, 
.section[class*='bg-primary-blue'] button:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

.section[class*='bg-primary-blue'] a.button.disabled,
.section[class*='bg-primary-blue'] a.button.disabled:hover,
.section[class*='bg-primary-blue'] button:disabled,
.section[class*='bg-primary-blue'] button:disabled:hover {
  background-color: var(--white);
  color: var(--global-states-disable-medium);
  border-color: var(--global-states-disable-regular);
}

.section[class*='bg-primary-blue'] a.button:focus:not(:focus-visible),
.section[class*='bg-primary-blue'] button:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
}

.section[class*='bg-primary-blue'] a.button.secondary,
.section[class*='bg-primary-blue'] button.secondary {
  background-color: transparent;
  border: 2px solid var(--white);
  color: var(--white);
}

.section[class*='bg-primary-blue'] a.button.secondary:hover,
.section[class*='bg-primary-blue'] button.secondary:hover {
  background-color: var(--accent-blue-primary-40);
  border-color: var(--accent-blue-primary-40);
  color: var(--accent-blue-primary-70);
}

.section[class*='bg-primary-blue'] a.button.secondary.disabled,
.section[class*='bg-primary-blue'] a.button.secondary.disabled:hover,
.section[class*='bg-primary-blue'] button.secondary:disabled,
.section[class*='bg-primary-blue'] button.secondary:disabled:hover {
  background-color: unset;
  border-color: var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s);
}

.section[class*='bg-primary-blue'] a.button.secondary:focus:not(:focus-visible),
.section[class*='bg-primary-blue'] button.secondary:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
  border-color: var(--white);
}

/* ghost on dark */
.section[class*='bg-primary-blue'] a.button.ghost,
.section[class*='bg-primary-blue'] button.ghost {
  background-color: transparent;
  color: var(--white);
}

.section[class*='bg-primary-blue'] a.button.ghost:hover,
.section[class*='bg-primary-blue'] button.ghost:hover {
  background-color: var(--accent-blue-primary-05);
  color: var(--accent-blue-primary-70);
}

.section[class*='bg-primary-blue'] a.button.ghost.disabled,
.section[class*='bg-primary-blue'] a.button.ghost.disabled:hover,
.section[class*='bg-primary-blue'] button.ghost:disabled,
.section[class*='bg-primary-blue'] button.ghost:disabled:hover {
  background-color: transparent;
  color: rgb(0 41 77 / 42%);
  cursor: unset;
}

.section[class*='bg-primary-blue'] a.button.ghost:focus:not(:focus-visible),
.section[class*='bg-primary-blue'] button.ghost:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
}

/*main img {
  max-width: 100%;
  width: auto;
  height: auto;
}*/

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.icon img {
  height: 100%;
  width: 100%;
}

/* sections
main .section {
  margin: 0;
  padding: 32px 0;
  position: relative;
  z-index: 0;
}

main .section > div {
  padding: 0 var(--section-gutter-space);
}*/

@media (width >= 1024px) {
 /* main .section > div {
    max-width: var(--screen-width);
    margin: auto;
  }*/

  main .section[data-sec-width="true"] > div {
    max-width: calc(var(--screen-width) + (var(--section-gutter-space)*2) - (var(--section-reduced-space) * 2));
  }
}

.section[class*='bg-primary-blue'] {
  color: var(--white);
}

.section[class*='bg-primary-blue'] h1,
.section[class*='bg-primary-blue'] h2,
.section[class*='bg-primary-blue'] h3,
.section[class*='bg-primary-blue'] h4,
.section[class*='bg-primary-blue'] h5,
.section[class*='bg-primary-blue'] h6 {
  color: var(--white);
}

.section[class*='bg-neutrals'] {
  color: var(--neutral-solid-90-s);
}

main .section.bg-primary-blue-90,
main .section.bg-primary-blue-90[data-sec-inside-container="true"] > div {
  background-color: var(--accent-blue-primary-90);
}

main .section.bg-primary-blue-70,
main .section.bg-primary-blue-70[data-sec-inside-container="true"] > div {
  background-color: var(--accent-blue-primary-70);
}

main .section.bg-neutrals-10,
main .section.bg-neutrals-10[data-sec-inside-container="true"] > div {
  background-color: var(--neutral-solid-05-s);
}

main .section.bg-neutrals-20,
main .section.bg-neutrals-20[data-sec-inside-container="true"] > div {
  background-color: var(--neutral-solid-10-s);
}

main .section[class*='bg-'][data-sec-inside-container="true"] {
  background-color: transparent;
  margin: 0 var(--section-gutter-space);
  overflow: hidden;
}

main .section[class*='bg-'][data-sec-inside-container="true"] > div {
  max-width: calc(var(--screen-width) - var(--section-container-space) - var(--section-container-space));
  padding: var(--section-container-space);
  border-radius: var(--border-radius-medium);
  position: relative;
}

main .section[class*='bg-'][data-sec-inside-container="true"] > div.breadcrumb-wrapper {
  padding: 0 0 0 28px;
  border-radius: 10px 10px 0 0;
  max-width: calc(var(--screen-width) - 28px);
}

html[lang="ar"] main .section[class*='bg-'][data-sec-inside-container="true"] > div.breadcrumb-wrapper {
  padding: 0 28px 0 0;
  border-radius: 10px 10px 0 0;
}

main .section[class*='bg-'][data-sec-inside-container="true"] > div.breadcrumb-wrapper + div {
  border-radius: 0 0 10px 10px;
}

/* Section background image */
main .section.bg-image {
  overflow: hidden;
}

main .section.bg-image .sec-img {
  width: 100%;
  position: absolute;
  z-index: -1;
  height: 100%;
}

@media (width >= 1024px) {
  main .section.bg-image .sec-img {
    top: 0;
    object-fit: cover;
  }

  main .section[data-sec-width="true"][data-sec-inside-container="true"] > div {
    max-width: calc(var(--screen-width) + (var(--section-gutter-space)*2) - (var(--section-reduced-space) * 2));
  }
}

main .section[data-sec-spacing="section-none"] { padding-top: var(--spacing-none); }
main .section[data-sec-spacing="section-xtiny"] { padding-top: var(--spacing-xtiny); }
main .section[data-sec-spacing="section-tiny"] { padding-top: var(--spacing-tiny); }
main .section[data-sec-spacing="section-xxsmall"] { padding-top: var(--spacing-xxsmall); }
main .section[data-sec-spacing="section-xsmall"] { padding-top: var(--spacing-xsmall); }
main .section[data-sec-spacing="section-regular"] { padding-top: var(--spacing-regular); }
main .section[data-sec-spacing="section-small"] { padding-top: var(--spacing-small); }
main .section[data-sec-spacing="section-medium"] { padding-top: var(--spacing-medium); }
main .section[data-sec-spacing="section-large"] { padding-top: var(--spacing-large); }
main .section[data-sec-spacing="section-xlarge"] { padding-top: var(--spacing-xlarge); }
main .section[data-sec-spacing="section-xxlarge"] { padding-top: var(--spacing-xxlarge); }
main .section[data-sec-spacing="section-huge"] { padding-top: var(--spacing-huge); }
main .section[data-sec-spacing="section-xhuge"] { padding-top: var(--spacing-xhuge); }


main .section[data-sec-spacing-bottom="section-none"] { padding-bottom: var(--spacing-none); }
main .section[data-sec-spacing-bottom="section-tiny"] { padding-bottom: var(--spacing-tiny); }
main .section[data-sec-spacing-bottom="section-xxsmall"] { padding-bottom: var(--spacing-xxsmall); }
main .section[data-sec-spacing-bottom="section-xtiny"] { padding-bottom: var(--spacing-xtiny); }
main .section[data-sec-spacing-bottom="section-xsmall"] { padding-bottom: var(--spacing-xsmall); }
main .section[data-sec-spacing-bottom="section-regular"] { padding-bottom: var(--spacing-regular); }
main .section[data-sec-spacing-bottom="section-small"] { padding-bottom: var(--spacing-small); }
main .section[data-sec-spacing-bottom="section-medium"] { padding-bottom: var(--spacing-medium); }
main .section[data-sec-spacing-bottom="section-large"] { padding-bottom: var(--spacing-large); }
main .section[data-sec-spacing-bottom="section-xlarge"] { padding-bottom: var(--spacing-xlarge); }
main .section[data-sec-spacing-bottom="section-xxlarge"] { padding-bottom: var(--spacing-xxlarge); }
main .section[data-sec-spacing-bottom="section-huge"] { padding-bottom: var(--spacing-huge); }
main .section[data-sec-spacing-bottom="section-xhuge"] { padding-bottom: var(--spacing-xhuge); }

body.no-scroll {
  overflow-y: hidden; /* Prevent scrolling */
}

#skip-to-main-content {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

#skip-to-main-content:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  word-wrap: normal;
  z-index: 1000;
}

.auto-image-container {
  padding:0;
  margin:0;
}


/* Cookie Pop Up Styles */
.cookie-tooltip {
  background: rgb(0 0 0 / 87%);
  padding: 16px 20px;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 0;
}

.cookie-tooltip, .cookie-tooltip .close {
  animation-duration: .6s;
  animation-name: slideUp;
}

.cookie-tooltip .container {
  margin: auto;
}

.cookie-tooltip p {
  line-height: 18px;
  color: var(--white);
  margin: 0 auto;
  font-size: var(--font-size-200);
  animation-duration: .6s;
  animation-name: slideUp;
}

.cookie-tooltip .close {
  height: 32px;
  width: 32px;
  color: var(--white);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.cookie-tooltip .close:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

.cookie-tooltip > .container > button > span {
  font-size: var(--body-font-size);
}

@media (width >= 1024px) {
  .cookie-tooltip .container {
      max-width: calc(var(--screen-width) + (var(--section-gutter-space)*2) - (var(--section-reduced-space) * 2));
  }
}

@media (width < 768px) {
  .cookie-tooltip p > a {
      line-height: 14px;
  }

  .cookie-tooltip > .container > button > span {
      font-size: var(--font-size-200);
  }
}

/* End of Cookie Pop Up Styles */

.main-heading p {
  font-size: var(--main-heading-font-size);
  text-transform: uppercase;
  margin: var(--main-heading-spacing);
  color: var(--accent-blue-primary-90);
  line-height: var(--main-heading-line-height);
}

.section[class*='bg-primary-blue'] .main-heading p {
  color: var(--white);
}
/* Global Footer  */
footer {
  background-color: var(--accent-blue-primary-90);
}

footer .block {
  max-width: var(--screen-width);
  margin: auto;
  padding: 0 var(--section-gutter-space);
}

footer a {
  color: var(--white);
}

.ft-social a {
  text-decoration: none;
}

footer a:any-link {
  color: var(--white);
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
  padding-left: 24px;
  text-decoration: none;
}

footer a:visited {
  color: var(--white);
}

footer a:hover {
  text-decoration: underline;
}

footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ft-social {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px var(--divider-on-dark-default) solid;
  padding: 44px 0 42px;
  gap: 32px;
}

.ft-social a:any-link {
  padding-left: 0;
}

.ft-social .ft-social-list {
  display: inline-block;
}

.ft-social .ft-social-list a {
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 22px;
  display: block;
}

.ft-social .ft-social-list:first-child {
  padding-right: 40px;
  border-right: 2px solid var(--divider-on-dark-default);
  border-left: 0;
}

.ft-legal .ft-legal-list li a {
  opacity: 0.75;
}

.ft-social .ft-social-list:first-child a {
  padding: 0;
}

.ft-legal .ft-legal-list li a:any-link:hover {
  color: var(--white);
  text-decoration-color: var(--white);
  text-underline-offset: 2px;
}

.ft-social .ft-social-list:nth-child(2) {
  padding: 13px 0 0;
  margin-right: auto;
  opacity: 0.9;
}

html[lang="ar"] .ft-social-list:first-child {
  border-right: 0;
  border-left: 1px solid var(--accent-blue-primary-60);
  padding-right: 0;
  padding-left: 26px;
}

html[lang="ar"] .ft-social .ft-social-list:nth-child(2) {
  margin-left: auto;
  margin-right: 0;
}
html[lang="ar"] .ft-social .ft-social-list a {
        font-size: 14px;

        }
html[lang="ar"] .ft-social .ft-social-list:nth-child(2)>ul {
        gap: 12px;
            }
.ft-main .ft-main-item ul {
  line-height: 0;
}

.ft-main .ft-main-item ul li {
  line-height: 0;
}

/* stylelint-disable-next-line no-descending-specificity */
.ft-main .ft-main-item:not(:last-child) ul li a {
  opacity: 0.75;
}

.ft-social .ft-social-list:nth-child(2)>ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* stylelint-disable-next-line no-descending-specificity */
.ft-social .ft-social-list:last-child {
  margin: auto 0;
}

.ft-legal .ft-legal-list:last-child ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 10px;
}

.ft-social .ft-social-list:last-child ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  vertical-align: top;
}

.ft-social .ft-social-list:last-child ul li:not(:last-child) {
  padding: 0 12px 0 0;
}

.ft-social .ft-social-list:last-child ul span.icon:hover svg path {
  fill: var(--icon-on-light-link-enabled);
}

.ft-social .ft-social-list:last-child ul span.icon {
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-primary-background-enabled);
  height: 50px;
}

.ft-social .ft-social-list:last-child ul span.icon:hover {
  background-color: var(--background-container-on-light-link-primary-hover);
}

.ft-social .ft-social-list:dir(rtl) ul li.ft-main-item:not(:last-child) {
  padding: 0 0 0 12px;
}

.ft-main .ft-main-item:not(:last-child) ul li:not(:last-child) {
  padding: 0 0 20px;
}

html[lang="ar"] .ft-social .ft-social-list:last-child ul li:not(:last-child) {
  padding: 0 0 0 12px;
}

html[lang="ar"] .ft-social .ft-social-list:dir(rtl) ul li.ft-main-item:not(:last-child) {
  padding: 0 12px 0 0;
}

.ft-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.45fr;
  justify-content: space-between;
  padding: 64px 0 76px;
}

.ft-main .ft-main-item {
  padding-right: 28px;
  min-width: 20%;
}

/* stylelint-disable-next-line no-descending-specificity */
.ft-main .ft-main-item a:not(.button) {
  display: inline-block;
  font-size: 16px;
  white-space: normal;
  line-height: 22px;
  padding-left: 0;
}

.ft-main .ft-main-item ul li a.button {

     font-family: var(--body-font-family);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  line-height: 150%;
  letter-spacing: 0.25px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid var(--button-primary-outline-enabled);
  padding: var(--button-vertical-padding) var(--button-horizontal-padding);
  font-style: normal;
  cursor: pointer;
  color: var(--button-primary-label-default);
  background-color: var(--button-primary-background-enabled);
  margin: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--border-radius-x-large);
      margin: 0;
  padding: 16px 32px;
}

.ft-main .ft-main-item p {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 36px;
  margin: 0 0 20px;
}

.ft-main .ft-main-item p strong {
  font-weight: var(--font-weight-700);
}

.ft-main .ft-main-item:last-child {
  border-left: 2px solid var(--divider-on-dark-default);
  margin: 0 0 0 20px;
  min-width: 40%;
  padding: 0 0 0 48px;
  opacity: 0.9;
}

footer .section.bg-primary-blue-90 a:any-link:hover {
  color: var(--white);
  text-decoration-color: var(--white);
  text-underline-offset: 2px;
  opacity: 1;
}

footer .section.bg-primary-blue-90 a:any-link:visited:not(.button) {
  color: var(--white);
  text-decoration-color: var(--white);
}

html[lang="ar"] .ft-main-item:last-child {
  border-left: 0;
  border-right: 1px solid var(--accent-blue-primary-60);
  padding: 0 48px 0 0;
}

html[lang="ar"] .ft-main-item:not(:last-child) {
  padding-right: 0;
}

.ft-legal {
  display: grid;
  grid-template-columns: repeat(2, minmax(100px, auto));
  justify-content: space-between;
  border-top: 2px var(--accent-blue-primary-60) solid;
  padding: 42px 0 72px;
  margin: auto;
  font-size: 14px;
  line-height: 17px;
}

.ft-legal .ft-legal-list p {
  margin: 0;
  padding: 0;
  opacity: 0.75;
}

@media (width <=1024px) {
  .ft-social {
    padding: 40px 0 32px;
  }

  .ft-legal .ft-legal-list:last-child ul li {
    margin: 8px 20px 8px 0;
  }

  .ft-social .ft-social-list:last-child ul li:not(:last-child) {
    padding: 0 32px 0 0;
  }

  .ft-social .ft-social-list:first-child {
    padding-right: 40px;
  }

  .ft-social .ft-social-list:last-child {
    width: 100%;
  }

  .ft-social .ft-social-list:last-child ul {
    justify-content: center;
    padding: 32px 0 0;
    border-top: 2px solid var(--divider-on-dark-default);
  }

  .ft-main .ft-main-item ul li a.button {
    padding: 12px 32px;
  }

  .ft-main .ft-main-item:last-child ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
  }

  .ft-legal .ft-legal-list:last-child ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  html[lang="ar"] .ft-social .ft-social-list:last-child ul {
    padding-top: 32px;
  }

  html[lang="ar"] .ft-legal .ft-legal-list:last-child ul li {
    margin: 8px 0 8px 20px;
  }

  html[lang="ar"] .ft-social .ft-social-list:last-child ul li:not(:last-child) {
    padding: 0 0 0 32px;
  }

  .ft-main {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0;
    padding: 32px 0;
  }

  .ft-main .ft-main-item {
    padding-bottom: 32px;
  }

  .ft-main .ft-main-item:last-child {
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    border: 0;
    border-top: 1px solid var(--accent-blue-primary-60);
    padding: 32px 0 0;
    margin: 0;
    width: 100%;
  }

  .ft-main a {
    margin: 0;
  }

  .ft-main .ft-main-item:last-child ul li a {
    font-size: 14px;
  }

  .ft-main .ft-main-item:last-child p {
    margin: 0 130px 0 0;
  }

  html[lang="ar"] .ft-main-item:last-child {
    border-left: 0;
    border-right: 0;
    padding: 32px 0 0;
  }

  html[lang="ar"] .ft-main-item:last-child p {
    margin: 0 0 0 130px;
  }

  html[lang="ar"] .ft-main-item:first-child {
    padding-right: 0;
  }

  .ft-legal {
    grid-template-columns: 1fr;
    text-align: center;
    grid-template-rows: 1fr;
    grid-row-gap: 32px;
    padding: 32px 0 60px;
  }

  .ft-legal .ft-legal-list:first-child {
    text-align: center;
  }

  .ft-legal .ft-legal-list:last-child ul li a {
    margin: 0;
    padding: 0;
  }
}

@media (width < 768px) {
  .ft-social {
    display: block;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 0;
    padding: 28px 0 32px;
  }

  .ft-social-list {
    width: 100%;
  }

  .ft-social .ft-social-list:first-child {
    border-right: 0;
    border-left: 0;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--accent-blue-primary-60);
    padding-right: 0;
  }

  .ft-social .ft-social-list:nth-child(2) {
    padding-top: 0;
    margin: 0;
  }

  .ft-social .ft-social-list:nth-child(2) ul {
    justify-content: center;
    padding: 24px 0;
    width: 100%;
  }

  .ft-main .ft-main-item:last-child ul li {
    text-align: center;
    width: 100%;
  }

  .ft-main .ft-main-item:not(:last-child) ul li:not(:last-child) {
    padding: 0;
  }

  .ft-social .ft-social-list:last-child ul li:not(:last-child) {
    padding-right: 12px;
    padding-left: 0;
  }

  html[lang="ar"] .ft-social .ft-social-list:nth-child(2)>ul>li:not(:first-child) {
    padding: 0 35px 0 0;
  }

  .ft-social .ft-social-list:last-child {
    grid-column: 1 / 3;
    grid-row: 3 / 3;
  }

  .ft-social .ft-social-list:last-child ul {
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px 0 0;
    border-top: 1px solid var(--accent-blue-primary-60);
    margin: 0;
  }

  html[lang="ar"] .ft-social .ft-social-list:last-child ul li:not(:last-child) {
    padding-left: 12px;
    padding-right: 0;
  }

  html[lang="ar"] .ft-social-list:first-child {
    border-right: 0;
    border-left: 0;
    padding-left: 0;
  }

  .ft-main .ft-main-item {
    border-bottom: 1px solid var(--accent-blue-primary-60);
    padding-bottom: 2rem;
  }

  .ft-main .ft-main-item:first-child {
    grid-column: 1 / 4;
    grid-row: 1 / 1;
    border: 0;
    padding: 0;
  }

  .ft-main .ft-main-item:first-child ul {
    justify-content: space-evenly;
    padding: 0;
  }

  .ft-main .ft-main-item:nth-child(2) {
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    border: 0;
    padding: 0;
  }

  .ft-main .ft-main-item:nth-child(2) ul {
    justify-content: space-evenly;
    padding: 0;
  }

  .ft-main .ft-main-item:nth-child(3) {
    grid-column: 1 / 4;
    grid-row: 3 / 3;
    border: 0;
    padding: 0;
  }

  .ft-main .ft-main-item:nth-child(3) ul {
    justify-content: space-evenly;
    padding: 0;
  }

  .ft-main .ft-main-item a {
    padding: 0 0 16px;
  }

  .ft-main .ft-main-item:last-child {
    grid-column: 1 / 4;
    grid-row: 4 / 4;
    border-top: 1px solid var(--accent-blue-primary-60);
    margin-top: 32px;
    width: 100%;
  }

  .ft-main .ft-main-item:last-child ul {
    flex-direction: column;
    align-items: center;
  }

  .ft-main .ft-main-item:last-child ul li a {
    width: 100%;
    padding: 12px 0;
    font-size: 14px;
    text-align: center;
  }

  .ft-main .ft-main-item:last-child p {
    margin: 0 0 20px;
  }


  html[lang="ar"] .ft-main-item:last-child p {
    margin: 0 0 20px;
  }

  html[lang="ar"] .ft-main-item:last-child {
    border-left: 0;
    border-right: 0;
    padding: 32px 0 0;
  }

  .ft-legal {
    padding: 32px 0 60px;
  }

  footer .section.bg-primary-blue-90 {
    margin: 0;
  }
}

@media (width < 420px) {
  [lang="ru"] .ft-social-list img {
    max-width: 250px;
    height: auto;
  }
}

/*==== Begin Header ====*/
header {
  --hamburger-right-space: 20px;
  --logo-width: 170px;
  --search-wrapper-height: 125px;
  --search-text-size: 20px;

  @media (width >= 768px) {
    --hamburger-right-space: 28px;
    --logo-width: 220px;
    --search-wrapper-height: 196px;
    --search-text-size: 30px;
  }

  @media (width >= 1024px) {
    --hamburger-right-space: 32px;
  }
}

/* header and nav layout */
header .nav-wrapper {
  z-index: 2;
  margin: auto;
 /* max-width: var(--screen-width);
   padding: 0 var(--section-gutter-space);
                    position: relative;*/
  height: var(--nav-height);

}

header:has(.nav-menu-overlay.open) {
  padding: 0;
}

header nav {
  height: var(--nav-height);
  display: flex;
  align-items: center;

  gap: 20px;
 /* position: relative;
                    padding: 0 0 calc(var(--nav-padding) - 2px);
  border-bottom: 2px solid var(--neutral-solid-10-s);*/
}

header nav p {
  margin: 0;
  line-height: 1;
}

header nav a:any-link {
  color: currentcolor;
}

.section.nav-brand .default-content-wrapper picture {
  display: flex;
}

header .nav-menu-overlay {
  position: fixed;
  top: 0;
  z-index: 105;
  width: 100%;
  height: 100%;
  overflow: hidden scroll;
  scroll-behavior: smooth;
  left: 0;
 /* display: none;*/
}

header .nav-menu-overlay.open {
  display: block;
}

header .nav-menu-overlay::-webkit-scrollbar {
  display: none;
}

header .nav-menu-overlay .nav-menu {
  background-color: var(--accent-blue-primary-90);
  background-image: url("site/resources/img/default-d.svg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top left;
  background-size: 90%;
  overflow: hidden scroll;
  padding: 100px 30px;
  max-width: 1456px;
  height: calc(100% - 200px);
  color: var(--text-on-dark-default);
}

/** Lanaguge Selector CSS **/
.language-container {
  font-family: var(--body-font-family);
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  opacity: 1;
  right: 25px;
  top: -5px;
  border: 1px solid transparent;
  position: absolute;
  min-width: 100px;
  padding: 13px var(--spacing-regular) 13px 18px;
}

html[lang="ar"] .language-container{
  left: 28px;
  right: auto;
  text-align: end;
}

.nav-item-expanded-active {
  border: 1px solid var(--neutral-solid-15-s);
  border-radius: 5px;
  background: var(--white);
}

/* Dropdown Text */
.language-toggle {
  padding-bottom: 8px;
  color: var(--text-on-light-link-primary-enabled);
  font-size: 16px;
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  cursor: pointer;
  height: 26px;
  min-width: 69px;
  gap: 6px;
}

.language-text {
  color: var(--text-on-light-link-primary-enabled);
  font-size: 16px;
  line-height: 22px;
}

/* Dropdown Arrow */
.language-toggle::after {
  width: 4px;
  height: 4px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  content: "";
  transform: rotateZ(45deg);
  margin-left: 6px;
}

html[lang="ar"] .language-toggle::after{
  margin-right: 6px;
}

.language-toggle-border {
  border-bottom: 1px solid #d9d9d9;
}

.language-toggle[aria-expanded="false"]::after {
  margin-top: 8px;
}

.language-toggle[aria-expanded="true"]::after {
  transform: rotateZ(-135deg);
  margin-top: 9px;
}

/* Dropdown Menu */
.language-content {
 /* display: none;*/
  position: relative;
  margin-left: 5px;
}

header .nav-menu-overlay .nav-menu a {
  text-decoration: none;
}

.header .nav-item-content-expanded > ul > li a {
  color: var(--text-on-light-link-primary-enabled);
  display: block;
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
}

header .nav-sections .default-content-wrapper > p ~ a {
  text-decoration: none;
}

/*header .nav-menu-overlay .nav-menu a:visited {
  color: var(--text-on-dark-default);
}*/

.header .nav-item-content-expanded > ul > li a:hover {
  text-decoration: underline;
}

header .nav-menu-overlay .nav-menu-column.left ul a {
  font-family: var(--body-font-family);
  font-size: var(--font-size-1100);
  cursor: not-allowed;
  pointer-events: none;
  font-weight: var(--font-weight-700);
  line-height: 38.13px;
}

header .nav-menu-overlay .nav-menu-column ul a:focus-visible{
  color: unset;
}

header .nav-menu-overlay .nav-menu-column.right > ul > li > ul a {
  font-size: var(--font-size-300);
}

header .nav-menu-overlay .nav-menu .submenu a:hover {
  color: var(--white);
  border-bottom: 1px solid var(--white);
}

header .nav-menu-overlay .nav-menu-column.right .highlight-link a {
  color: white;
  font-weight: var(--font-weight-700);
}

header .nav-menu-overlay .nav-menu-column.right .submenu-main-title a {
  color: var(--white);
  font-size: var(--font-size-600);
  font-weight: var(--font-weight-700);
}

header .nav-menu-overlay .nav-menu-column.left ul a:hover {
  color: var(--black);
  border-bottom: 1px solid
    var(--background-container-on-light-link-primary-hover);
}

header .nav-menu-overlay .nav-menu-column.right > .submenu > li > ul > li > a {
  font-size: var(--font-size-300);
}

/*header .nav-menu-overlay .nav-menu .nav-menu-column.right a:visited,
header .nav-menu-overlay .nav-menu .nav-menu-column.right .footer a:visited,
header .nav-menu-overlay .nav-menu .nav-menu-column.right .browse-country a:visited {
  color: unset;
}

header .nav-menu-overlay .nav-menu .nav-menu-column.right .browse-country a:focus-visible,
header .nav-menu-overlay .nav-menu .nav-menu-column.right .footer a:focus-visible
 {
  color: unset;
}
*/
.header .nav-item-content-expanded {
  /* display: block; */
  padding-top: 10px;
}

header .nav-menu-overlay .nav-menu .nav-menu-column.right .footer a:hover,
header .nav-menu-overlay .nav-menu .nav-menu-column.right .browse-country a:hover {
  color: var(--white);
}

.header .nav-item-content-expanded > ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.cancel-container {
  background: var(--accent-blue-primary-40);
  height: 44px;
  display: flex;
  width: 44px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: -10px;
}

.overlay {
  background-color: var(--overlay-color);
  position: fixed;
  height: 100%;
  width: 100vw;
  top: 0;
}

@media (width < 768px) {
  header nav {
    gap: 10px;
  }

  .language-container {
    top: -10px;
    right: 28px;
  }

  .language-toggle {
    text-transform: uppercase;
    min-width: 26px;
  }

  .language-text {
    text-transform: uppercase;
  }
}

/* End of language selector styles */

header .nav-menu-overlay .nav-menu::-webkit-scrollbar {
  display: none;
}

header .nav-menu-overlay ul li {
  list-style-type: none;
}

header .nav-menu-overlay .nav-menu-column.left > ul {
  padding: 0;
  cursor: pointer;
}

header .nav-menu-overlay .nav-menu-column.left ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 90%;
}

header .nav-menu-overlay .nav-menu-column.left li:focus-visible {
outline: 2px solid var(--links-focus-color);
}


header .nav-menu-overlay .nav-menu-column.right .nav-menu-overlay-back {
  position: fixed;
  left: var(--section-gutter-space);
  padding: 0;
  margin: 0;
  z-index: 6;
  top: 28px;
  background-color: white;
  height: 44px;
  width: 44px;
  border-radius: 50%;
    border:0px;
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .nav-menu-overlay-back {
  right: var(--section-gutter-space);
}

header .nav-menu-overlay .nav-menu-column.left ul li span::before {
  content: "";
  width: 7px;
  height: 2px;
  top: 16px;
  border-radius: 20px;
  position: absolute;
  left: 15px;
  background-color: var(--accent-blue-primary-40);
  transform: rotate(45deg);
  border: 2px;
}

header .nav-menu-overlay .nav-menu-column.left ul li span {
  display: inline-block;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  position: relative;
  margin-right: 15px;
  margin-bottom: -8px;
  background-color: var(--accent-blue-primary-120);
}

header .nav-menu-overlay .nav-menu-column.right .browse-country span {
  margin-top: 20px;
}

.section.nav-sections .default-content-wrapper p > span:first-child {
  text-decoration: none;
  color: var(--accent-blue-primary-90);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--font-weight-700);
  border-right: 2px solid var(--accent-blue-primary-40);
  padding-right: 14px;
  margin-right: var(--spacing-small);
  cursor: default;
        line-height: 24px;
}


.section.nav-sections .default-content-wrapper p > span:last-child {
  text-decoration: underline;
  cursor: pointer;
}

header .nav-menu-overlay .nav-menu-column.right .highlight-link a span {
  text-align: center;
  vertical-align: middle;
}

header .nav-menu-overlay .nav-menu-column.right .highlight-link a span::before {
  content: "";
  width: 11px;
  display: inline-block;
  height: 2px;
  margin-bottom: 6px;
  margin-left: 8px;
  border-radius: 10px;
  background-color: var(--neutral-solid-30-s);
  border: 1px;
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.left ul li span::before {
  transform: rotate(135deg);
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.left ul li span {
  margin-left: 15px;
}

html[dir = 'rtl'] header .nav-menu-overlay .nav-menu-column.right .highlight-link a span::before {
  margin-right: 8px;
}

html[lang="ar"] .section.nav-sections .default-content-wrapper p > span:first-child {
  border: unset;
  padding: unset;
  margin: unset;
  border-left: 2px solid var(--accent-blue-primary-40);
  padding-left: 14px;
  margin-left: var(--spacing-small);
}

header .nav-menu-overlay .nav-menu-column.left ul li span::after {
  content: "";
  width: 8px;
  height: 2px;
  top: 20px;
  left: 15px;
  position: absolute;
  background-color: var(--accent-blue-primary-40);
  border-radius: 20px;
  transform: rotate(-45deg);
  border: 2px;
}

header .nav-menu-overlay .nav-menu-column.right .highlight-link span::after {
  content: "";
  width: 1px;
  margin-left: -6px;
  padding: 2px;
  height: 1px;
  display: inline-block;
  margin-bottom: 3px;
  transform: rotate(225deg);
  border-bottom: 3px solid var(--neutral-solid-30-s);
  border-left: 3px solid var(--neutral-solid-30-s);
  border-radius: 1px;
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.left ul li span::after {
  transform: rotate(-135deg);
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .highlight-link span::after {
  margin-right: -14px;
  border-top: 3px solid var(--neutral-solid-30-s);
  border-right: 3px solid var(--neutral-solid-30-s);
  border-bottom: none;
  border-left: none;
}

header .nav-menu-overlay .nav-menu-column.right .nav-menu-overlay-back::before {
  content: "";
  width: 3px;
  position: absolute;
  left: 13px;
  padding: 3px;
  height: 3px;
  top: 16px;
  transform: rotate(45deg);
  border-bottom: 3px solid var(--black);
  border-left: 3px solid var(--black);
  border-radius: 1px;
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .nav-menu-overlay-back::before {
  right: 12px;
  transform: rotate(225deg);

}

header .nav-menu-overlay .nav-menu-column.right .browse-country {
  text-transform: uppercase;
  display: flex;
  font-weight: var(--font-weight-700);
  font-size: var(--font-size-300);
  color: var(--text-on-dark-emphasis);
  flex-direction: column;
  position: relative;
  gap: 24px;
  justify-content: start;
  align-items: start;
}

header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list {
  width: 73vw;
  top: 28px;
  text-transform: initial;
  position: absolute;
  left: 5px;
  color: var(--neutral-solid-30-s);
  z-index: 2;
  background-color: var(--accent-blue-primary-120);
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list {
  right: 0;
}

/*header
  .nav-menu-overlay
  .nav-menu-column.right
  .browse-country
  .country-list:has(a:hover) {
  display: block;
}*/

header .nav-menu-overlay .nav-menu-column.right .browse-country div {
  position: relative;
  width: fit-content;
}

header .nav-menu-overlay .nav-menu-column.right > ul {
  font-size: var(--font-size-300);
  color: var(--text-on-dark-emphasis);
  line-height: 22px;
  letter-spacing: 0.06em;
  display: flex;
  margin-top: 0;
  flex-direction: column;
  gap: var(--spacing-xlarge);
  padding: 0;
}

header .nav-menu-overlay .nav-menu-column.right > ul > li > ul {
  color: var(--text-on-dark-default);
  margin-top: 10px;
  font-family: var(--body-font-family);
  text-transform: none;
  padding-top: 15px;
  min-width: 100%;
  border-top: 1px solid var(--divider-on-dark-default);
  line-height: 19.2px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxsmall);
  font-weight: normal;
}

header .nav-menu-overlay .nav-menu-column.right .browse-country div>ul {
  position: absolute;
  padding-top: 30px;
  padding-bottom: 15px;
  top: 10px;
  left: 10px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  /*display: none;*/
  max-height: 200px;
  overflow: hidden scroll;
}

header
  .nav-menu-overlay
  .nav-menu-column.right
  .browse-country
  div
  ul::-webkit-scrollbar {
  display: none;
}

header .nav-menu-overlay .nav-menu-column.right > .submenu > li {
  text-transform: uppercase;
  font-weight: var(--font-weight-700);
}

header .nav-menu-overlay .nav-menu-column.right .browse-country div ul li {
  display: block;
  padding: 6px 0px 6px 16px;
  /*height: 22px;*/
  width: 100%;
}

header .nav-menu-overlay .nav-menu-column.right .nav-menu-overlay-back::after {
  content: "";
  width: 17px;
  position: absolute;
  left: 13px;
  height: 3px;
  border-radius: 10px;
  top: 18.5px;
  background-color: var(--black);
  border: 3px;
}

header .nav-menu-overlay .nav-menu-column.right .submenu-main-title {
  position: fixed;
  margin: 0 auto;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  z-index: 5;
  word-wrap: break-word;
  text-align: center;
  background-color: rgb(1 39 64 / 60%);
  top: 0;
}

header .nav-menu-overlay .nav-menu-column.right {
  flex-direction: column;
  display: none;
  height: calc(90vh - 100px);
  overflow: hidden auto;
  margin-top: 20px;
}

header .nav-menu-overlay .nav-menu-column.right::-webkit-scrollbar {
  background: var(--accent-blue-primary-120);
  width: 8px;
  border-radius: 8px;
  height: 8px;
}

header .nav-menu-overlay .nav-menu-column.right::-webkit-scrollbar-thumb {
  background-color: var(--background-container-secondary);
  width: 8px;
  border-radius: 8px;
}

header .nav-menu-overlay .nav-menu-column.right::-webkit-scrollbar-track {
  background: #002035;
  border-radius: 8px;
  width: 1rem;
  background-clip: content-box;
}

header .nav-menu-overlay .nav-menu-column.right > .submenu > li > ul {
  padding: 0;
  margin-top: var(--spacing-small);
  padding-top: var(--spacing-regular);
}

header .nav-menu-overlay .nav-menu-column.right > .submenu > li > ul > li {
  padding-bottom: 5px;
}

header .nav-menu-overlay .nav-menu-column.right > .submenu > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxsmall);
  font-size: 16px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 0;
}

header
  .nav-menu-overlay
  .nav-menu-column.right
  .browse-country
  input[type="text"] {
  background-color: var(--accent-blue-primary-70);
  outline: none;
  border: none;
  color: var(--white);
  position: absolute;
  width: 75vw;
  z-index: 3;
  padding: 17px 10px 17px 22px;
  border-radius: 40px;
}

.section.nav-sections .default-content-wrapper p {
  font-size: var(--font-size-300);
  color: var(--text-on-light-link-primary-enabled);
  text-decoration: none;
  margin-left: 4px;
  max-width: 40vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 28px;
}

.section.nav-sections .default-content-wrapper a:hover p {
  text-decoration-color: var(--accent-blue-primary-40);
}

header .nav-menu-overlay .nav-menu-column.right .browse-country p {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 13px;
  background-color: var(--accent-blue-primary-120);
  left: 62vw;
  z-index: 3;
  display: flex!important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

header .nav-menu-overlay .nav-menu-column.right .browse-country p:focus{
  outline: 2px solid var(--links-focus-color);
}

header .nav-menu-overlay .nav-menu-column.right .browse-country p:hover {
  cursor: pointer;
}

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country p {
  right: 60vw;
}

header .nav-menu-overlay .nav-menu-column.right .browse-country p::after {
  content: "";
  width: 2px;
  display: inline-block;
  padding: 2px;
  height: 2px;
  border-left: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  transform: rotate(-45deg);
  margin-top: -2px;
}

header
  .nav-menu-overlay
  .nav-menu-column.right
  .browse-country
  input[type="text"]::placeholder {
  color: var(--nav-menu-placeholder-color);
  font-family: var(--body-font-family);
  font-size: 16px;
}

/* hamburger */
header nav .nav-hamburger {
  width: 20px;
  display: flex;
}

header nav .nav-hamburger button {
  height: 22px;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background-color: var(--white);
  color: inherit;
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
        position: relative;
}

header nav .nav-hamburger button:focus {
  background-color: unset;
  color: unset;
}


header nav .nav-hamburger button:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

header nav .nav-hamburger-icon,
header nav .nav-hamburger-icon::before,
header nav .nav-hamburger-icon::after {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 20px;
  height: 2px;
  transform: scale(1);
  will-change: transform;
}

header nav .nav-hamburger-icon::before,
header nav .nav-hamburger-icon::after {
  content: "";
  position: absolute;
  background: currentcolor;
}

header nav[aria-expanded="false"] .nav-hamburger-icon,
header nav[aria-expanded="false"] .nav-hamburger-icon::before,
header nav[aria-expanded="false"] .nav-hamburger-icon::after {
  height: 2px;
  border-radius: 2px;
  background: currentcolor;
  transform: scale(1);
  will-change: transform;
}

@media (forced-colors: active) {
  header nav[aria-expanded="false"] .nav-hamburger-icon,
  header nav[aria-expanded="false"] .nav-hamburger-icon::before,
  header nav[aria-expanded="false"] .nav-hamburger-icon::after {
    background: canvasText;
  }

  header nav[aria-expanded="true"] .nav-hamburger-icon::before,
  header nav[aria-expanded="true"] .nav-hamburger-icon::after {
    background: canvasText;
  }

  header .nav-menu-overlay .nav-menu-column.left > ul > li > span {
    background: linkText !important; /* override media query in forced mode only */
  }
}

header nav[aria-expanded="false"] .nav-hamburger-icon::before {
  top: -6px;
}

header nav[aria-expanded="false"] .nav-hamburger-icon::after {
  top: 6px;
}

header nav[aria-expanded="true"] .nav-hamburger-icon {
  height: 44px;
  width: 44px;
  z-index: 106;
  background-color: var(--white);
  border-radius: 50%;
        position: fixed;
    right: 30px;
    top: 28px;
}

header nav[aria-expanded="true"] .nav-hamburger-icon:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

/*html[lang="ar"] header nav[aria-expanded="true"] .nav-hamburger-icon {
  left: 30px;
  right: auto;
}*/
html[lang="ar"] header nav {
}
header nav[aria-expanded="true"] .nav-hamburger-icon::before,
header nav[aria-expanded="true"] .nav-hamburger-icon::after {
  transform: rotate(45deg);
  width: 17px;
  height: 2px;
  border-radius: 2px;
}

header nav[aria-expanded="true"] .nav-hamburger-icon::before {
  top: 20.5px;
  left: 13px;
}

header nav[aria-expanded="true"] .nav-hamburger-icon::after {
  top: unset;
  left: 13px;
  bottom: 21.3px;
  transform: rotate(-45deg);
}

/* brand */
header nav .nav-brand img {
  width: var(--logo-width);
  height: auto;
}

header nav .nav-brand a:focus-visible img {
  outline: 2px solid var(--links-focus-color);
}

.nav-tools .default-content-wrapper {
  gap: 25px;
}

/* sections */
/*.nav-tools .default-content-wrapper,*/ 
.nav-sections .default-content-wrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
}

header nav .nav-sections .default-content-wrapper {
  display: none;
}


header nav[aria-expanded="true"] .nav-brand, header nav[aria-expanded="true"] .nav-sections .default-content-wrapper{
  display: none;
}

@media (width > 1024px) {
  header nav .nav-sections {
    flex: 1 1 auto;
    display: block;
    visibility: visible;
  }

  header nav .nav-sections .default-content-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 86%;
  }
}

/* tools */
header nav .nav-tools {
  margin-left: auto;
}

html[lang="ar"] header nav .nav-tools {
  margin-right: auto;
  margin-left: initial;
}

.section.nav-tools .default-content-wrapper h6 {
  font-size: var(--font-size-300);
  color: var(--accent-blue-primary-70);
  margin: 0;
  font-weight: normal;
}

.section.nav-tools .default-content-wrapper .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.nav-tools .default-content-wrapper .icon.show {
      display: flex!important;
                    }
.section.nav-tools .default-content-wrapper .icon img {
  height: 20px;
  width: 20px;
}

.global-header-wrapper {
  display: none;
}

#search-input {
  width: 95%;
  border: none;
  background: var(--input-background-color);
  height: 71px;
  font-size: var(--search-text-size);
  color: var(--white);
  font-weight: normal;
}

.search-icon {
  cursor: pointer;
  width: 34px;
}

#search-input::placeholder {
  color: var(--white);
  font-weight: 400;
}

#search-input:focus-visible {
  outline: none;
}

.search-container {
  background-color: var(--input-background-color);
  height: var(--search-wrapper-height);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 105;
  width: 100%;
  top: 68px;
    left:0;
}
@media (max-width:991.98px) {
.search-container {
        top: 60px;
    }
}
.search-container.show {
    display: flex!important;
        }
.search-input-wrapper {
  max-width: var(--screen-width);
  margin: auto;
  display: flex;
  justify-content: center;
  width: 100%;
}

.search-input-container {
  /*display: flex;*/
  border-bottom: 2px solid var(--search-input-container-border);
  justify-content: space-between;
  width: 90%;
  position: relative;
}

.search-input-container input[type="search"]::-webkit-search-cancel-button {
  appearance: none;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: var(--spacing-xsmall);
  cursor: pointer;
  background:
    linear-gradient(45deg, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 0%) 43%,#fff 45%,#fff 55%,rgb(0 0 0 / 0%) 57%,rgb(0 0 0 / 0%) 100%),
    linear-gradient(135deg, transparent 0%,transparent 43%,#fff 45%,#fff 55%,transparent 57%,transparent 100%);
}

html[lang="ar"] .search-input-container input[type="search"]::-webkit-search-cancel-button {
  margin-right: unset;
  margin-left: var(--spacing-xsmall);
}

@media (width >= 1024px) {
  .search-input-container {
    width: 70%;
  }
}

@media (width >=768px) and (width< 1024px) {
  header .nav-wrapper {
    overflow-y: visible;
  }

  .language-container {
    top: -10px;
  }

  header .nav-menu {
    width: 100%;
    overflow-y: scroll;
    background-image: url("icons/swoosh/type4/default-tab.svg");
    min-height: 100vh;
  }

  header .nav-menu-overlay {
    min-width: 100%;
    overflow: hidden;
  }

  header .nav-menu-overlay .nav-menu {
    background-size: 70% 100%;
    padding: 100px var(--section-gutter-space);
  }

  header .nav-menu-overlay .nav-menu-column.right {
    padding: 0;
    width: calc(100vw - 60px);
    overflow: hidden auto;
    height: 70vh;
  }

  header .nav-menu-overlay .nav-menu-column.left li {
    font-weight: var(--font-weight-700);
    line-height: 54.47px;
    text-align: left;
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu-main-title {
    width: 100%;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu {
    display: flex;
    min-width: 100%;
    flex-flow: column wrap;
    position: relative;
    justify-content: space-around;
    align-items: flex-start;
    max-height: 607px;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country {
    width: 477px;
    position: relative;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu > li {
    min-width: 41vw;
    height: auto;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.left li {
    text-align: right;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu .footer {
    flex-grow: 2;
    display: flex;
    max-width: fit-content;
    border-top: 1px solid var(--accent-blue-primary-70);
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: -100px;
    min-width: 100%;
    padding-top: 40px;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country div ul {
    top: 0;
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu .footer > ul {
    gap: 0;
    display: flex;
    flex-direction: row;
    border: none;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    align-items: center;
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu .footer > ul > li {
    color: var(--nav-menu-footer-color);
    padding: 0 35px;
    margin: 0;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    li:has(ul.browse-country) {
    padding-top: 40px;
    flex-grow: 2;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: -150px;
    border-top: 1px solid var(--accent-blue-primary-70);
    flex-direction: row;
    align-items: start;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    .footer
    > ul
    > li:not(li:last-child) {
    border-right: 1px solid var(--nav-menu-footer-color);
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .submenu .footer>ul>li:not(li:last-child) {
    border-left: 1px solid var(--nav-menu-footer-color);
    border-right: none;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    li:has(ul.browse-country)
    > ul {
    margin: 10px 0;
    padding-top: 15px;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    input[type="text"] {
    background-color: var(--accent-blue-primary-70);
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    padding: 17px 10px 17px 22px;
    border-radius: 40px;
    max-width: 430px;
    margin-top: -20px;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country input[type="text"]{
    right: 0;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    .country-list {
    width: 428px;
    left: 0;
    top: 8px;
    z-index: 2;
    background-color: var(--accent-blue-primary-120);
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    .country-list
    a {
    font-size: 16px;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country p {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--accent-blue-primary-120);
    left: 24rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: -8px;
  }

  html[lang="ar"]   header .nav-menu-overlay .nav-menu-column.right .browse-country p {
    right: 24rem;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country p::after {
    content: "";
    width: 2px;
    display: inline-block;
    padding: 2px;
    height: 2px;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    transform: rotate(-45deg);
    margin-top: -2px;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    input[type="text"]::placeholder {
    color: var(nav-menu-placeholder-color);
    font-family: var(--body-font-family);
    font-size: 16px;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country div {
    position: relative;
  }
}

@media (width >= 1024px) {
  header nav {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }

  header .nav-menu-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    scroll-behavior: smooth;
    overflow-x: scroll;
    flex-direction: row;
    justify-content: center;
  }

  header .nav-menu-overlay::-webkit-scrollbar {
    display: none;
  }

  header .nav-menu-overlay .nav-menu {
    display: flex;
    min-width: 100%;
    justify-content: center;
    height: fit-content;
    background-image: url("site/resources/img/default-d.svg");
    flex-direction: row;
    background-size: 50% 100%;
    padding: 100px 0;
  }

  header .nav-menu-overlay .nav-menu-column.left {
    display: flex;
    min-height: 600px;
  }

  header .nav-menu-overlay .nav-menu-column.right {
    width: 900px;
    height: auto;
    padding-left: var(--section-gutter-space);
    overflow: visible;
    position: relative;
    margin-top: 0;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right {
    padding-right: var(--section-gutter-space);
    padding-left: var(--spacing-none);
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu-main-title {
    display: none;
  }

  header nav .nav-sections .default-content-wrapper > ul > li {
    flex: 0 1 auto;
    position: relative;
    font-weight: 500;
  }

  header nav .nav-sections .default-content-wrapper > ul > li > ul > li {
    padding: 8px 0;
  }

  header .nav-menu-overlay .nav-menu-column.left > ul > li {
    padding: 10px 40px 10px 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu > li {
    display: flex;
    flex-direction: column;
  }

  header .nav-menu-overlay .nav-menu-column.right .footer > ul > li {
    color: var(--nav-menu-footer-color);
    padding: 0 25px;
    margin: 0;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country div ul li {
    padding: 6px 40px;
  }

  header .nav-menu-overlay .nav-menu-column.left > ul > li > span {
    display: none;
    background-color: var(--transparent);
    margin-right: 3px;
    margin-bottom: -11px;
    padding: 0;
  }

  header nav .nav-sections ul {
   /* display: flex;*/
    gap: 2em;
    margin: 0;
    font-size: var(--font-size-100);
  }

  header nav .nav-sections .default-content-wrapper > ul > li > ul {
    display: none;
    position: relative;
  }

  header .nav-menu-overlay .nav-menu-column.left > ul {
    border-right: 1px solid var(--divider-on-dark-default);
    gap: 5px;
    min-width: 340px;
    padding: 0;
  }

  header .nav-menu-overlay .nav-menu-column.left > ul a {
    font-size: var(--font-size-500);
  }

  header .nav-menu-overlay .nav-menu-column.left ul a {
    cursor: pointer;
    pointer-events: all;
  }

  header .nav-menu-overlay .nav-menu-column.right > ul > li > ul {
    font-weight: 800;
  }

  header .nav-menu-overlay .nav-menu-column.left > ul > li.selected {
    background-color: var(--white);
  }

  header .nav-menu-overlay .nav-menu-column.left > ul > li.selected a {
    font-weight: var(--font-weight-700);
    color: var(--black);
  }

  header .nav-menu-overlay .nav-menu-column.left > ul > li.selected > span {
    display: inline-block;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu {
    display: flex;
    flex-flow: column wrap;
    max-height: 650px;
    position: relative;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu:first-child {
    display: flex;
  }



  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    li:has(ul.browse-country) {
    position: absolute;
    padding-top: 40px;
    bottom: -100px;
    width: 100%;
    border-top: 1px solid var(--accent-blue-primary-70);
  }

  header
    nav
    .nav-sections
    .default-content-wrapper
    > ul
    > li[aria-expanded="true"]
    > ul {
    display: block;
    position: absolute;
    left: -1em;
    width: 200px;
    margin-top: 12px;
    padding: 1em;
    background-color: var(--light-color);
    white-space: initial;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country ul {
    margin: 0;
    padding: 0;
    border: none;
    margin-top: 30px;
    /*display: flex;*/
    flex-direction: row;
    align-items: center;
  }

  header .nav-menu-overlay .nav-menu-column.right .footer > ul {
    gap: 0;
    display: flex;
    flex-direction: row;
    border: none;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    align-items: center;
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu .footer > ul {
    gap: 0;
    display: flex;
    flex-direction: row;
    border: none;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    align-items: center;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right>.submenu {
    text-align: right;
  }

  /* stylelint-disable-next-line no-descending-specificity */
  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.left>ul {
    border-left: 1px solid var(--divider-on-dark-default);
    border-right: none;
    text-align: right;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.left>ul>li.selected{
    border-radius: 0 10px 10px 0;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    .footer
    > ul
    > li:not(li:last-child) {
    border-right: 1px solid var(--nav-menu-footer-color);
    padding-bottom: 0;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .submenu .footer>ul>li:not(li:last-child) {
    border-left: 1px solid var(--nav-menu-footer-color);
    border-right: none;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    li:has(ul.browse-country)
    > ul {
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  header nav[aria-expanded="true"] .nav-sections {
    align-self: unset;
  }




  header nav .nav-sections .nav-drop::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.5em;
    right: 2px;
    transform: rotate(135deg);
    width: 6px;
    height: 6px;
    border: 2px solid currentcolor;
    border-radius: 0 1px 0 0;
    border-width: 2px 2px 0 0;
  }

  header nav .nav-sections .nav-drop[aria-expanded="true"]::after {
    top: unset;
    bottom: 0.5em;
    transform: rotate(315deg);
  }

  header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 8px solid var(--transparent);
    border-right: 8px solid var(--transparent);
    border-bottom: 8px solid var(--light-color);
  }

  header .nav-menu-overlay.open {
    background-color: var(--transparent);
    backdrop-filter: blur(2px);
    font-family: var(--body-font-family);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-backdrop-filter: blur(2px);
  }

  header .nav-menu-overlay.open .nav-menu {
    overflow: hidden;
  }

  header .nav-wrapper {
    overflow-y: visible;
  }

  header nav[aria-expanded="true"] {
    min-height: 0;
    overflow: visible;
  }

  header .nav-menu-overlay .nav-menu-column.right .nav-menu-overlay-back {
    display: none;
  }

  header .nav-menu-overlay .nav-menu-column.right > .submenu .footer {
    padding-top: 40px;
    flex-grow: 2;
    display: flex;
    position: absolute;
    bottom: -100px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid var(--accent-blue-primary-70);
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    input[type="text"] {
    width: 38rem;
    max-width: 700px;
    position: absolute;
    top: -20px;
    left: 50px;
    z-index: 3;
    padding: 17px 10px 17px 35px;
    border-radius: 40px;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country input[type="text"] {
    right: 50px;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    .country-list {
    width: 40.9rem;
    max-width: 750px;
    position: absolute;
    left: 50px;
    top: -27px;
    z-index: 2;
    background-color: var(--accent-blue-primary-120);
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list {
    right: 50px;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    .country-list
    a {
    font-family: var(--body-font-family);
    font-size: var(--font-size-300);
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country p {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -6px;
    background-color: var(--accent-blue-primary-120);
    left: 38rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }

  html[lang="ar"]   header .nav-menu-overlay .nav-menu-column.right .browse-country p {
    right: 38rem;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country p::after {
    content: "";
    width: 2px;
    display: inline-block;
    padding: 2px;
    height: 2px;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    transform: rotate(-45deg);
    margin-top: -2px;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    input[type="text"]::placeholder {
    color: var(--nav-menu-placeholder-color);
    font-family: var(--body-font-family);
    font-size: 16px;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country {
    border: none;
    position: static;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: start;
    align-items: center;
  }

  .section.nav-tools .default-content-wrapper .icon img {
    padding-top: 4px;
  }
}

@media (width < 1024px) {
header nav[aria-expanded="true"] .nav-hamburger-icon{
    position: fixed;
    right: 30px;
    top: 28px;  
    }
}


@media (width < 1024px) {
  html[lang="ar"]  header nav[aria-expanded="true"] .nav-hamburger-icon {
        position: fixed;
        left: 30px;
        top: 28px;
        right: auto;
    }
}


@media (width <= 1400px) and (width >=1200px) {
  html[lang="ar"]  header nav[aria-expanded="true"] .nav-hamburger-icon {
        right: -2rem;
        left: auto;
        position: relative;
    }

    header nav[aria-expanded="true"] .nav-hamburger-icon{
         left: 4rem; 
    }
}


@media (width <= 1200px) and (width >=1024px) {
  html[lang="ar"]  header nav[aria-expanded="true"] .nav-hamburger-icon {
        right: -6rem;
        left: auto;
        position: relative;
    }

   header nav[aria-expanded="true"] .nav-hamburger-icon{
         left: 6rem; 
    } 


}


@media (width <= 1400px) and (width >=1024px) {
  header .nav-menu-overlay .nav-menu {
    height: fit-content;
  }

  header .nav-menu-overlay .nav-menu-column.right {
    padding-bottom: 300px;
    width: 50vw;
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu {
    max-height: none;
  }

  header .nav-menu-overlay .nav-menu-column.right .submenu .footer ul li {
    padding: 0 16px;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .submenu
    li:has(ul.browse-country)
    > ul {
    flex-direction: column;
    align-items: start;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    .country-list {
    left: 0;
    top: -7px;
    width: 495px;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list {
    right: 0;
  }

  header
    .nav-menu-overlay
    .nav-menu-column.right
    .browse-country
    input[type="text"] {
    left: 0;
    width: 500px;
    top: 0;
  }

  html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country input[type="text"]{
    right: 0;
  }

  header .nav-menu-overlay .nav-menu-column.right .browse-country p {
    left: 28rem;
    top: 12px;
  }

  html[lang="ar"]  header .nav-menu-overlay .nav-menu-column.right .browse-country p {
    right: 28rem;
    bottom: 93px;
   }
}

input::-webkit-clear-button {
  display: none;
}

@media (width < 390px) {
  header nav .nav-brand img {
    width: 40vw; /* fallback */
    width: 40dvw;
  }
}
@media (width >= 768px) {
    html[lang="zh"] header .nav-menu-overlay .nav-menu-column.right > .submenu .footer {
        white-space: nowrap;
    }
    html[lang="zh"] header .nav-menu-overlay .nav-menu-column.right .submenu .footer > ul {
        flex-wrap: wrap;
    }
}
html[lang="ru"] .teaser-wrapper .teaser-title {
        font-size: 2rem;
}
.dropdown-menu {
    display:none;
    }
    .hide {
  display: none; }


.collapse {
    display: none;
}
.show,
.show-tt-menu{
  display: block; }
.sr-only {
        position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    }
.search-icon {
background: transparent;
background-color: transparent;
        background-position: center;
background-image: url("https://www.worldbank.org/ext/icons/search-white.svg");
background-repeat: no-repeat;
border: 0px;
position: absolute;
right: 0;
        height: 71px;
}
.search-icon:hover {
    background-color: transparent;
        }
html[lang="ar"] .search-icon {
    right: auto;
    left: 0;
    }
header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list li ul {
        margin: 0px;
            padding: 0;
    display: inline-block;
} 
header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list li ul li {
    padding:6px 4px;
        display: inline!important;
}
header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list li ul li a {
    padding: 2px 2px 2px 8px;
    border-left: 1px solid currentColor;
}

html[lang="es"] .section.nav-sections .default-content-wrapper p,
  html[lang="es"] .section.nav-sections .default-content-wrapper p > span:first-child,
html[lang="fr"] .section.nav-sections .default-content-wrapper p,
  html[lang="fr"] .section.nav-sections .default-content-wrapper p > span:first-child,
  html[lang="ru"] .section.nav-sections .default-content-wrapper p,
  html[lang="ru"] .section.nav-sections .default-content-wrapper p > span:first-child {
        font-size: 14px;
height: 28px;
        max-width: 32vw;
}
  html[lang="ar"] .section.nav-sections .default-content-wrapper p,
  html[lang="ar"] .section.nav-sections .default-content-wrapper p > span:first-child {
     max-width: 32vw;
}
@media (min-width:400px) and (max-width:499px) {
header .nav-menu-overlay .nav-menu-column.right .browse-country p {
        left: 65vw;
}
 html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country p {
        right: 65vw;
    left:auto;
}
}
@media (min-width:500px) and (max-width:767px) {
header .nav-menu-overlay .nav-menu-column.right .browse-country p {
        left: 68vw;
}
 html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country p {
        right: 68vw;
    left:auto;
}
}
/*html[lang="ar"] header nav .nav-hamburger {
        position: absolute;
    left: 85px;
    right: auto;
}*/


@media (width >= 1400px) {
header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list {
        width: 38rem;   
} 

  header nav[aria-expanded="true"] .nav-hamburger-icon {
    left: -100px;
position: absolute;
  }

  html[lang="ar"]  header nav[aria-expanded="true"] .nav-hamburger-icon {
    right: -100px;
    left: auto;
    position: absolute;
   }


}
header .nav-menu-overlay .nav-menu-column.right .browse-country p.show::after {
        transform: rotate(135deg);
        margin-top: 2px;
}  

html[lang="ar"] header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list li ul li a {
        padding: 2px 8px 2px 2px;
    border:0px;
    border-right: 1px solid currentColor;
}
html[lang="zh"] .ft-social .ft-social-list:first-child {
    padding-right: 24px;
}

html[lang="zh"] .ft-social {
    gap: 24px;
}

html[lang="zh"] .ft-social .ft-social-list:nth-child(2)>ul {
    gap: 8px;
}

html[lang="zh"] .ft-social .ft-social-list a {
    font-size: 14px;
}

html[lang="zh"] .ft-social .ft-social-list:last-child ul span.icon {
    width: 40px;
    height: 40px;
}

html[lang="ru"] .ft-legal .ft-legal-list li a{
    font-size: 13px;
    padding-left: 16px;
}
html[lang="ru"] .ft-social .ft-social-list:nth-child(2)>ul {
    gap: 18px;
}
html[lang="ru"] .ft-legal { 
    font-size: 13px;
}
html[lang="fr"] .ft-legal .ft-legal-list li a,
html[lang="es"] .ft-legal .ft-legal-list li a {
    padding-left: 12px;
}
html[lang="ru"] .ft-social,
html[lang="fr"] .ft-social {
        gap: 24px;
    }
html[lang="fr"] .ft-social .ft-social-list:first-child,
html[lang="fr"] .ft-social .ft-social-list:first-child {
        padding-right: 24px;
            }
  header .nav-menu-overlay .nav-menu-column.right .browse-country .country-list a {

    white-space: normal;
  }

@media (width >=1400px) {
  header .nav-menu-overlay .nav-menu-column.right > #submenu_3 {
            max-height: 550px;
  }
}
.lp-external-link:before { content: "\e200";}