/**
 * Variables CSS - Theme BNP Paribas (BNPP)
 */

/* FONTS BNPP SANS */

/* BNPP Sans Light (300) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-light.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-light.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-light.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-light.svg#bnpp-sans-light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans Light Italic (300) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-light-italic.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-light-italic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-light-italic.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-light-italic.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-light-italic.svg#bnpp-sans-light-italic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* BNPP Sans Regular (400) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans.svg#bnpp-sans') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans Italic (400) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-italic.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-italic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-italic.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-italic.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-italic.svg#bnpp-sans-italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* BNPP Sans Bold (700) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-bold.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-bold.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-bold.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-bold.svg#bnpp-sans-bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans Bold Italic (700) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-bold-italic.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-bold-italic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-bold-italic.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-bold-italic.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-bold-italic.svg#bnpp-sans-bold-italic') format('svg');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* BNPP Sans ExtraBold (800) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-extrabold.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-extrabold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-extrabold.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-extrabold.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-extrabold.svg#bnpp-sans-extrabold') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans ExtraBold Italic (800) */
@font-face {
  font-family: 'BNPP-Sans';
  src: url('../../fonts/bnpp-sans/bnpp-sans-extrabold-italic.eot');
  src: url('../../fonts/bnpp-sans/bnpp-sans-extrabold-italic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans/bnpp-sans-extrabold-italic.woff') format('woff'),
    url('../../fonts/bnpp-sans/bnpp-sans-extrabold-italic.ttf') format('truetype'),
    url('../../fonts/bnpp-sans/bnpp-sans-extrabold-italic.svg#bnpp-sans-extrabold-italic') format('svg');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


/* FONTS BNPP SANS CONDENSED (Title) */

/* BNPP Sans Condensed Light (300) */
@font-face {
  font-family: 'BNPP-Sans-Condensed';
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-light-v2.eot');
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-light-v2.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-light-v2.woff') format('woff'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-light-v2.ttf') format('truetype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-light-v2.svg#bnpp-sans-cond-light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans Condensed Regular (400) */
@font-face {
  font-family: 'BNPP-Sans-Condensed';
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-v2.eot');
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-v2.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-v2.woff') format('woff'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-v2.ttf') format('truetype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-v2.svg#bnpp-sans-cond') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans Condensed Bold (700) */
@font-face {
  font-family: 'BNPP-Sans-Condensed';
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-bold-v2.eot');
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-bold-v2.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-bold-v2.woff') format('woff'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-bold-v2.ttf') format('truetype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-bold-v2.svg#bnpp-sans-cond-bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* BNPP Sans Condensed ExtraBold (800) */
@font-face {
  font-family: 'BNPP-Sans-Condensed';
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-extrabold-v2.eot');
  src: url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-extrabold-v2.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-extrabold-v2.woff') format('woff'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-extrabold-v2.ttf') format('truetype'),
    url('../../fonts/bnpp-sans-condensed/bnpp-sans-cond-extrabold-v2.svg#bnpp-sans-cond-extrabold') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* VARIABLES CSS - THEME BNPP */
:root {
  /* TYPOGRAPHIE - Font Families */
  --font-family-primary: 'BNPP-Sans', sans-serif;
  --font-family-light: 'BNPP-Sans', sans-serif;
  --font-family-semibold: 'BNPP-Sans', sans-serif;
  --font-family-bold: 'BNPP-Sans', sans-serif;
  --font-family-italic: 'BNPP-Sans', sans-serif;
  --font-family-heading: 'BNPP-Sans-Condensed', sans-serif;


  /* TYPOGRAPHIE - Font Sizes */
  /* Base */
  --font-size-base: 18px;

  /* Headings */
  --font-size-64: 64px;
  --font-size-64-calc: 64;
  --font-size-h1: 56px;
  --font-size-h1-calc: 56;
  --font-size-h1-mobile: 48px;
  --font-size-h1-mobile-calc: 48;
  --font-size-big-title: 64px;
  --font-size-big-title-calc: 64;
  --font-size-module-title: 40px;
  --font-size-module-title-calc: 40;
  --font-size-module-title-mobile: 40px;
  --font-size-module-title-mobile-calc: 40;
  --font-size-h2: 28px;
  --font-size-h2-calc: 28;
  --font-size-h2-mobile: 28px;
  --font-size-h2-mobile-calc: 28;
  --font-size-h3: 18px;
  --font-size-h3-calc: 18;
  --font-size-h3-mobile: 18px;
  --font-size-h3-mobile-calc: 18;
  --font-size-h4: 18px;
  --font-size-h4-calc: 18;

  /* Components */
  --font-size-card-title: 32px;
  --font-size-card-title-calc: 32;
  --font-size-card-title-mobile: 32px;
  --font-size-card-title-mobile-calc: 32;
  --font-size-title: 24px;
  --font-size-title-calc: 24;
  --font-size-highlight: 24px; /* 32 */
  --font-size-highlight-calc: 24;
  --font-size-highlight-mobile: 22px; /* 32 */
  --font-size-highlight-mobile-calc: 22;
  --font-size-secondary-text: 16px;
  --font-size-eyebrow-default: 13px;
  --font-size-eyebrow: 13px;
  --font-size-taxonomy: 13px;
  --font-size-caption: 13px;
  --font-size-navigation: 12px;
  --font-size-breadcrumb: 12px;
  --font-size-table-title: 20px;
  --font-size-table-title-calc: 20;
  --font-size-table-title-mobile: 24px;
  --font-size-table-title-mobile-calc: 24;
  --font-size-slashed: 15px;
  --font-size-icons: 20px;
  --font-size-icons-10: 10px;
  --font-size-icons-11: 11px;
  --font-size-icons-12: 12px;
  --font-size-icons-13: 13px;
  --font-size-icons-14: 14px;
  --font-size-icons-15: 15px;
  --font-size-icons-16: 16px;
  --font-size-icons-18: 18px;
  --font-size-icons-24: 24px;
  --font-size-icons-26: 26px;
  --font-size-icons-28: 28px;
  --font-size-icons-34: 34px;

  --font-size-xxs: 12px;
  --font-size-xs: 13px;
  --font-size-sm: 14px;
  --font-size-44: 60px;
  --font-size-36: 44px;
  --font-size-30: 38px;
  --font-size-title-24: 24px;

  --font-size-btn-16: 16px;
  --font-size-btn-17: 17px;
  --font-size-btn-22: 22px;
  --font-size-btn-24: 24px;
  --font-size-btn-25: 25px;
  --font-size-body-md: 15px;


  /* TYPOGRAPHIE - Font Weights */
  --font-weight-light: 300;
  --font-weight-regular: 300;
  --font-weight-semibold: 400;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;


  /* TYPOGRAPHIE - Line Heights */
  /* old */
  --line-height-base: 1.5;
  --line-height-heading: 1.1;
  --line-height-h1: 1.2;
  --line-height-h2: 1.43;
  --line-height-h3: 1.33;
  --line-height-title: 1.5;
  --line-height-title-mobile: 1.375;
  --line-height-card-title: 1.33;
  --line-height-eyebrow: 1.35;
  --line-height-eyebrow-mobile: 1;

  /* new */
  --line-height-3xs-16: 16px;
  --line-height-3xs-16-calc: 16;
  --line-height-2xs-18: 18px;
  --line-height-2xs-18-calc: 18;
  --line-height-xs-24: 24px;
  --line-height-xs-24-calc: 24;
  --line-height-sm-28: 25px;
  --line-height-sm-28-calc: 25;
  --line-height-md-32: 38.4px;
  --line-height-md-32-calc: 38.4;
  --line-height-lg-36: 40px;
  --line-height-lg-36-calc: 40;
  --line-height-xl-40: 44px;
  --line-height-xl-40-calc: 44;
  --line-height-2xl-48: 58.8px;
  --line-height-2xl-48-calc: 58.8;
  --line-height-3xl-56: 67.2px;
  --line-height-3xl-56-calc: 67.2;
  --line-height-4xl-64: 64px;
  --line-height-4xl-64-calc: 64;
  --line-height-mobile-display-md: 44px;
  --line-height-mobile-display-md-calc: 44;
  --line-height-mobile-title-lg: 42px;
  --line-height-mobile-title-lg-calc: 42;
  --line-height-desktop-title-md: 36px;
  --line-height-desktop-title-md-calc: 36;
  --line-height-mobile-title-md: 33px;
  --line-height-mobile-title-md-calc: 33;


  /* TYPOGRAPHIE - Letter Spacing */
  /* old */
  --letter-spacing-h1: 0.8px;
  --letter-spacing-h2: -0.2px;
  --letter-spacing-h3: 0.1px;
  --letter-spacing-card-title: 0.2px;
  --letter-spacing-eyebrow: 1px;
  --letter-spacing-caption: 0.2px;
  --letter-spacing-big-title: 1.2px;

  /* new */
  --letter-spacing-lg: 1px;
  --letter-spacing-md: 0.8px;
  --letter-spacing-sm: 0.72px;
  --letter-spacing-xs: 0.7px;
  --letter-spacing-1xs: 0.6px;
  --letter-spacing-2xs: 0.4px;
  --letter-spacing-3xs: 0.2px;
  --letter-spacing-4xs: 0.18px;
  --letter-spacing-5xs: 0.1px;
  --letter-spacing-6xs: 0px;
  --letter-spacing-7xs: -0.1px;
  --letter-spacing-8xs: -0.2px;


  /* BREAKPOINTS */
  --breakpoint-mobile-small: 376px;
  --breakpoint-mobile: 575px;
  --breakpoint-tablet: 767px;
  --breakpoint-standard: 991px;
  --breakpoint-largetablet: 991px;
  --breakpoint-medium: 1199px;
  --breakpoint-wide: 1440px;


  /* AUTRES */
  --border-radius-base: 4px;
  --transition-base: 0.3s ease;
  --header-height: 54px;
  --height-admin-toolbar: 39px;
  --height-sticky-header: 54px;


  /* OLD COLORS */
  --color-lightgrey: #f5f5f5;
  --color-grey: #aaaaaa;
  --color-darkgrey: #646464;
  --color-darkgrey-rgb: 100, 100, 100;
  --color-orange: #f08c05;
  --color-red: #e12a29;
  --color-lightblue: #1f80c2;
  --color-blue: #11221C;
  --color-dune: #ffffff;
  --color-dark-section: #1a1a1a;
  --color-dark-section-rgb: 26, 26, 26;
  --color-dark-shadow: #08110E;
  --color-neutral: #cccccc;
  --color-blue-light-tint: #EDF5F2;
  --color-teal-tint: #EDF7F7;
  --color-logan-tint: #EEF4F7;
  --color-tosca-tint: #FBE9EB;
  --color-azaela-tint: #F6EEF2;
  --color-viridian-green-tint: #EDF7F7;
  --color-axa-blue: #008252;
  --color-axa-blue-rgb: 0, 130, 82;
  --color-deep-saphire: #00613D;
  --color-deep-saphire-rgb: 0, 97, 61;
  --color-muted-blue-dark: #2A5646;
  --color-muted-blue-dark-rgb: 42, 86, 70;
  --color-denim-blue: #3A7862;
  --color-axa-red: #ff1721;
  --color-blue-dark: #00613D;
  --color-blue-base: #008252;
  --color-red-base: #f07662;
  --color-red-base-rgb: 240, 118, 98;
  --color-black: #1a1a1a;
  --color-black-rgb: 51, 51, 51;
  --color-grey800: #343c3d;
  --color-dark-gray: #5f5f5f;
  --color-dark-gray-rgb: 95, 95, 95;
  --color-mid-gray: #eeeeee;
  --color-warm-gray: #f7f5f3;
  --color-warm-gray-rgb: 247, 245, 243;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-blue-light: #3A7862;
  --color-blue-light-rgb: 58, 120, 98;
  --color-red-dark: #c91432;
  --color-teal: #3E7274;
  --color-teal-rgb: 62, 114, 116;
  --color-tosca: #AC5359;
  --color-tosca-rgb: 172, 83, 89;
  --color-azaela-dark: #955073;
  --color-azaela-dark-rgb: 149, 80, 115;
  --color-logan-dark: #3D748F;
  --color-logan-dark-rgb: 61, 116, 143;
  --color-viridian-green-dark: #132728; /* or  #3A7862; */
  --color-viridian-green-dark-rgb: 19, 39, 40;
  --color-green-base: #1cc54e; /* not found */
  --color-red-hover: #ec4d33;
  --color-green-hover: #326754;
  --color-overlay: rgba(51, 51, 51, 0.6);
  --color-mercury: #e5e5e5;
  --color-pink: #e5007e;
  --color-pink-fund: #e6007e;
  --color-dark-grey: #767676;
  --color-alabaster: #fafafa;
  --color-c-turquoise: #9BC8C9;
  --color-c-turquoise-bg: #174446; /* not found */
  --color-c-turquoise-lighten: #9BC8C9; /* not found */
  --color-c-turquoise-darken: #59A3A6; /* not found */
  --color-c-blue: #3A7862;
  --color-c-blue-bg: #174446;
  --color-c-blue-lighten: #2E696B; /* not found */
  --color-c-blue-darken: #59A3A6; /* not found */
  --color-c-purple: #98BCCD;
  --color-c-purple-bg: #1F3A47; /* not found */
  --color-c-purple-lighten: #98BCCD; /* not found */
  --color-c-purple-darken: #4D91B2; /* not found */
  --color-c-green: #98CDBA;
  --color-c-green-bg: #224438;
  --color-c-green-lighten: #98CDBA;
  --color-c-green-darken: #66B498;
  --color-c-pink: #C99CB3;
  --color-c-pink-bg: #422433;
  --color-c-pink-lighten: #DBBDCC;
  --color-c-pink-darken: #B87A9A;
  --color-primary: var(--color-blue);
  --color-secondary: var(--color-red);
  --color-tertiary: var(--color-lightblue);
  --color-accessibility-primary: #11221C;
  --color-accessibility-secondary: #C91432;
  --color-accessibility-tertiary: #145480;
  --color-error: var(--color-axa-red);
  --color-success: #3a8f3a;
  --color-placeholder: var(--color-dark-gray);
  --color-alert: #174446;
  --color-alert-rgb: 23, 68, 70;
  --color-info: #3E7274;
  --color-focus: var(--color-secondary);
  --color-pacific: var(--color-c-turquoise);
  --color-pacific-shade: #174446;
  --color-pacific-middle: #2E696B;
  --color-logan: #98BCCD;
  --color-logan-shade: #1F3A47;
  --color-logan-middle: #3D748F;
  --color-aqua-green: #98CDBA;
  --color-aqua-green-shade: #224438;
  --color-aqua-green-middle: #326754;
  --color-azalea: #C99CB3;
  --color-azalea-middle: #A65980;
  --color-azalea-shade: #422433;
  --color-navy: #11221C;
  --color-navy-grey: #343C3D; /* not found */
  --color-sienna: #00613D;


  /* NEW COLORS */
  --colour-backgrounds-accent-1-base: var(--color-blue-light);
  --colour-backgrounds-accent-1-darker: #2a5646;
  --colour-backgrounds-accent-1-darkest: #11221c;
  --colour-backgrounds-accent-1-lightest: var(--color-blue-light-tint);
  --colour-backgrounds-accent-2-base: var(--color-teal);
  --colour-backgrounds-accent-2-lightest: var(--color-teal-tint);
  --colour-backgrounds-accent-3-base: var(--color-tosca);
  --colour-backgrounds-accent-3-lightest: var(--color-tosca-tint);
  --colour-backgrounds-accent-4-base: #3d748f;
  --colour-backgrounds-accent-4-lightest: var(--color-logan-tint);
  --colour-backgrounds-accent-5-base: #132728;
  --colour-backgrounds-accent-5-lightest: var(--color-viridian-green-tint);
  --colour-backgrounds-accent-6-base: #955073;
  --colour-backgrounds-accent-6-lightest: var(--color-azaela-tint);
  --colour-backgrounds-neutral-base: #1a1a1a;
  --colour-backgrounds-neutral-darker: var(--color-dark-section);
  --colour-backgrounds-neutral-lightest: var(--color-warm-gray);
  --colour-backgrounds-neutral-white: var(--color-white);
  --colour-backgrounds-specific-fund-base: #132728;
  --colour-backgrounds-specific-sustainability-base: var(--color-viridian-green-dark);
  --colour-backgrounds-specific-sustainability-lightest: #edf5f2;
  --colour-buttons-bg-fill-primary-default: var(--color-blue-base);
  --colour-buttons-bg-fill-primary-disabled: #b1b1b1;
  --colour-buttons-bg-fill-primary-focused-pressed: #b2e6d2;
  --colour-buttons-bg-fill-primary-hover: var(--color-blue-dark);
  --colour-buttons-bg-fill-secondary-default: #008252;
  --colour-buttons-bg-fill-secondary-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-bg-fill-secondary-focused-pressed: #b2e6d2;
  --colour-buttons-bg-fill-secondary-hover: var(--color-sienna);
  --colour-buttons-bg-fill-white-default: var(--color-white);
  --colour-buttons-bg-fill-white-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-bg-fill-white-focused-pressed: var(--color-white);
  --colour-buttons-bg-fill-white-hover: var(--color-white);
  --colour-buttons-bg-outline-primary-default: var(--color-blue-base);
  --colour-buttons-bg-outline-primary-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-bg-outline-primary-focused-pressed: var(--colour-buttons-bg-fill-primary-focused-pressed);
  --colour-buttons-bg-outline-primary-hover: var(--color-blue-dark);
  --colour-buttons-bg-outline-white-default: var(--color-white);
  --colour-buttons-bg-outline-white-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-bg-outline-white-focused-pressed: var(--color-white);
  --colour-buttons-bg-outline-white-hover: var(--color-white);
  --colour-buttons-icons-fill-primary-default: var(--color-white);
  --colour-buttons-icons-fill-primary-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-icons-fill-primary-focussed-pressed: var(--color-white);
  --colour-buttons-icons-fill-primary-hover: var(--color-white);
  --colour-buttons-icons-fill-secondary-default: var(--color-white);
  --colour-buttons-icons-fill-secondary-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-icons-fill-secondary-focussed-pressed: var(--color-white);
  --colour-buttons-icons-fill-secondary-hover: var(--color-white);
  --colour-buttons-icons-fill-white-default: var(--color-blue-base);
  --colour-buttons-icons-fill-white-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-icons-fill-white-focussed-pressed: var(--color-white);
  --colour-buttons-icons-fill-white-hover: var(--color-white);
  --colour-buttons-icons-outline-primary-default: var(--color-blue-base);
  --colour-buttons-icons-outline-primary-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-icons-outline-primary-focussed-pressed: var(--color-white);
  --colour-buttons-icons-outline-primary-hover: var(--color-white);
  --colour-buttons-icons-outline-white-default: var(--color-white);
  --colour-buttons-icons-outline-white-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-icons-outline-white-focussed-pressed: var(--color-blue-base);
  --colour-buttons-icons-outline-white-hover: var(--color-blue-base);
  --colour-buttons-text-fill-primary-default: var(--color-white);
  --colour-buttons-text-fill-primary-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-text-fill-primary-focussed-pressed: var(--color-white);
  --colour-buttons-text-fill-primary-hover: var(--color-white);
  --colour-buttons-text-fill-secondary-default: var(--color-white);
  --colour-buttons-text-fill-secondary-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-text-fill-secondary-focussed-pressed: var(--color-white);
  --colour-buttons-text-fill-secondary-hover: var(--color-white);
  --colour-buttons-text-fill-white-default: #1a1a1a;
  --colour-buttons-text-fill-white-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-text-fill-white-focussed-pressed: var(--color-white);
  --colour-buttons-text-fill-white-hover: var(--color-white);
  --colour-buttons-text-only-primary-default: var(--color-blue-base);
  --colour-buttons-text-only-primary-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-text-only-primary-focused-pressed: var(--colour-buttons-bg-fill-primary-focused-pressed);
  --colour-buttons-text-only-primary-hover: var(--color-blue-dark);
  --colour-buttons-text-only-secondary-default: var(--colour-buttons-bg-fill-secondary-default);
  --colour-buttons-text-only-secondary-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-text-only-secondary-focused-pressed: var(--colour-buttons-bg-fill-secondary-focused-pressed);
  --colour-buttons-text-only-secondary-hover: var(--color-sienna);
  --colour-buttons-text-only-white-default: var(--color-white);
  --colour-buttons-text-only-white-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-text-only-white-focused-pressed: var(--color-white);
  --colour-buttons-text-only-white-hover: #b2d9cb;
  --colour-buttons-text-outline-primary-default: var(--color-blue-base);
  --colour-buttons-text-outline-primary-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-text-outline-primary-focussed-pressed: var(--color-white);
  --colour-buttons-text-outline-primary-hover: var(--color-white);
  --colour-buttons-text-outline-white-default: var(--color-white);
  --colour-buttons-text-outline-white-disabled: var(--colour-backgrounds-neutral-base);
  --colour-buttons-text-outline-white-focussed-pressed: var(--colour-buttons-text-fill-white-default);
  --colour-buttons-text-outline-white-hover: var(--colour-buttons-text-fill-white-default);
  --colour-icons-on-dark-accent-accent-2: #417981;
  --colour-icons-on-dark-brand-primary: var(--color-axa-blue);
  --colour-icons-on-dark-neutral-primary: var(--color-white);
  --colour-icons-on-light-accent-accent-2: var(--color-teal);
  --colour-icons-on-light-brand-primary: var(--color-axa-blue);
  --colour-icons-on-light-brand-primary-dark: #003320;
  --colour-icons-on-light-brand-secondary: var(--color-blue-base);
  --colour-icons-on-light-brand-tertiary: var(--colour-buttons-bg-fill-secondary-default);
  --colour-icons-on-light-interaction-neutral: var(--color-white);
  --colour-icons-on-light-interaction-neutral-hover: var(--colour-buttons-text-only-white-hover);
  --colour-icons-on-light-interaction-primary: var(--color-blue-base);
  --colour-icons-on-light-interaction-primary-hover: var(--color-blue-dark);
  --colour-icons-on-light-neutral-primary: var(--color-black);
  --colour-icons-on-light-neutral-secondary: var(--color-dark-gray);
  --colour-icons-on-light-neutral-tertiary: var(--color-neutral);
  --colour-interaction-states-active-state-on-dark-primary: #29a376;
  --colour-interaction-states-active-state-on-light-primary: #29a376;
  --colour-lines-on-dark-neutral-primary: var(--color-black);
  --colour-lines-on-dark-neutral-secondary: var(--color-dark-gray);
  --colour-lines-on-light-accent-accent-1: var(--color-blue-light);
  --colour-lines-on-light-accent-accent-2: var(--color-teal);
  --colour-lines-on-light-accent-accent-3: var(--color-tosca);
  --colour-lines-on-light-accent-accent-4: #3d748f;
  --colour-lines-on-light-accent-accent-5: #132728;
  --colour-lines-on-light-accent-accent-6: #955073;
  --colour-lines-on-light-brand-primary: var(--color-blue-base);
  --colour-lines-on-light-functional-error: var(--color-red-dark);
  --colour-lines-on-light-neutral-primary: var(--color-mid-gray);
  --colour-lines-on-light-neutral-secondary: var(--color-neutral);
  --colour-lines-on-light-neutral-tertiary: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-lines-opacity-accent-2-light: rgba(62, 114, 116, 0.2);
  --colour-lines-opacity-black-light: rgba(0, 0, 0, 0.2);
  --colour-lines-opacity-black-subtle: rgba(0, 0, 0, 0.1);
  --colour-lines-opacity-dark-light: rgba(51, 51, 51, 0.2);
  --colour-lines-opacity-white-light: rgba(255, 255, 255, 0.2);
  --colour-lines-opacity-white-medium: rgba(255, 255, 255, 0.3);
  --colour-lines-opacity-white-solid: var(--color-white);
  --colour-overlay-accent-1-light: rgba(16, 49, 50, 0.2);
  --colour-overlay-accent-1-medium: rgba(16, 49, 50, 0.25);
  --colour-overlay-accent-1-moderate: rgba(16, 49, 50, 0.7);
  --colour-overlay-accent-1-strong: rgba(16, 49, 50, 0.8);
  --colour-overlay-accent-1-subtle: rgba(16, 49, 50, 0.15);
  --colour-overlay-black-light: var(--colour-lines-opacity-black-light);
  --colour-overlay-black-medium: rgba(0, 0, 0, 0.25);
  --colour-overlay-black-moderate: rgba(0, 0, 0, 0.5);
  --colour-overlay-black-strong: rgba(0, 0, 0, 0.7);
  --colour-overlay-black-subtle: rgba(0, 0, 0, 0.15);
  --colour-overlay-white-subtle: rgba(255, 255, 255, 0.15);
  --colour-surfaces-accent-1-base: var(--color-blue-light);
  --colour-surfaces-accent-2-base: var(--color-teal);
  --colour-surfaces-accent-3-base: var(--color-tosca);
  --colour-surfaces-accent-4-base: #3d748f;
  --colour-surfaces-accent-5-base: #132728;
  --colour-surfaces-accent-6-base: #955073;
  --colour-surfaces-navigation-dark-base: var(--color-c-blue-bg);
  --colour-surfaces-navigation-dark-darker: #172f30;
  --colour-surfaces-navigation-dark-darkest: var(--color-navy);
  --colour-surfaces-navigation-light-base: #326754;
  --colour-surfaces-navigation-light-darker: #2a5646;
  --colour-surfaces-neutral-base: var(--colour-backgrounds-neutral-base);
  --colour-surfaces-neutral-lighter: var(--color-mid-gray);
  --colour-surfaces-neutral-lightest: var(--color-warm-gray);
  --colour-surfaces-neutral-white: var(--color-white);
  --colour-surfaces-primary-base: var(--color-blue-light);
  --colour-surfaces-primary-darker: #326754;
  --colour-surfaces-primary-lightest: var(--color-blue-light-tint);
  --colour-surfaces-secondary-base: var(--color-teal);
  --colour-surfaces-specific-sustainability-base: var(--color-viridian-green-dark);
  --colour-surfaces-tertiary-base: var(--color-red-base);
  --colour-text-on-dark-brand-primary: var(--color-axa-blue);
  --colour-text-on-dark-eyebrow-accent-8: var(--color-dune);
  --colour-text-on-dark-eyebrow-primary: var(--color-white);
  --colour-text-on-dark-interaction-neutral: var(--color-white);
  --colour-text-on-dark-interaction-primary: var(--color-blue-base);
  --colour-text-on-dark-interaction-primary-hover: #b2d9cb;
  --colour-text-on-dark-neutral-primary: var(--color-white);
  --colour-text-on-dark-neutral-quaternary: var(--color-neutral);
  --colour-text-on-dark-neutral-secondary: var(--color-warm-gray);
  --colour-text-on-dark-neutral-tertiary: var(--color-mid-gray);
  --colour-text-on-light-accent-accent-1: var(--color-blue-light);
  --colour-text-on-light-accent-accent-2: var(--color-teal);
  --colour-text-on-light-accent-accent-4: #3d748f;
  --colour-text-on-light-accent-accent-7: #3a7862;
  --colour-text-on-light-brand-primary: var(--color-axa-blue);
  --colour-text-on-light-eyebrow-accent-2: var(--color-teal);
  --colour-text-on-light-eyebrow-accent-9: #3e7274;
  --colour-text-on-light-eyebrow-brand-primary: var(--color-axa-blue);
  --colour-text-on-light-eyebrow-primary: var(--color-black);
  --colour-text-on-light-functional-error: var(--color-red-dark);
  --colour-text-on-light-interaction-neutral: var(--color-white);
  --colour-text-on-light-interaction-neutral-hover: var(--colour-buttons-text-only-white-hover);
  --colour-text-on-light-interaction-primary: var(--color-blue-base);
  --colour-text-on-light-interaction-primary-hover: var(--color-blue-dark);
  --colour-text-on-light-neutral-primary: #1a1a1a;
  --colour-text-on-light-neutral-secondary: #5f5f5f;

  --color-anchor-link: #4B9A7E;
  --color-teal-100: #DBEFEF;
  --color-teal-700: #2E696B;
  --color-teal-750: #265859;
  --color-azalea-200: #DBBDCC;
  --color-light-blue-800: #224438;
  --color-metallic-copper-800: #452123;
  --color-metallic-copper-800-rgb: 69, 33, 35;

  --font-size-default-btn: 14px;
  --line-height-default-btn: 1;

  /* Colors (specific modules) */
  /* header */
  --height-top-header: 42px;
  --padding-top-header: 4px 0 6px;
  --color-top-header-bg: #132728;
  --color-top-header-sperator-link: rgba(0, 0, 0, .2);
  --color-top-header-icon: #008252;
  --color-top-header-border: rgba(0, 0, 0, .2);

  --color-top-header-black-bg: #132728;
  --color-top-header-black-sperator-link: rgba(0, 0, 0, .2);

  --color-top-header-gray-bg: #132728;
  --color-top-header-gray-link: #ffffff;
  --color-top-header-gray-sperator-link: rgba(0, 0, 0, .2);

  --color-top-header-white-link: #ffffff;
  --color-top-header-white-border: rgba(0, 0, 0, .2);

  --color-main-nav-menu-link: #ffffff;
  --color-main-nav-menu-link-active: #ffffff;
  --color-main-nav-bg: #132728;
  --color-main-nav-bg1: #172F30;
  --color-main-nav-bg2: #172F30;
  --color-main-nav-bg3: #172F30;
  --color-main-nav-hover: rgba(0, 0, 0, .15);
  --color-main-nav-active: rgba(0, 0, 0, .25);
  --color-main-nav-line: #29A376;
  --color-main-nav-icon: #ffffff;
  --color-main-nav-separator: rgba(0, 0, 0, .2);
  --color-main-nav-separator-mob: rgba(0, 0, 0, .2);
  --color-header-sticky-border: rgba(0, 0, 0, .2);

  --font-size-header-xs: 13px;
  --line-height-header-xs: 1.35;
  --letter-spacing-header-3xs: .2px;
  --line-height-header-xxs: 1.2;
  --line-height-header-caption: 1.3846;
  --line-height-header-menu__lk: 1.2;
  --line-height-header-promo-title: 1.08333;
  --line-height-header-text-mob: 1.5;
  --letter-spacing-header-eyebrow: .7px;
  --font-size-header-menu__lk: 14px;
  --line-height-header-menu__lk-mob: 1;
  --font-size-header-li-level-2: 15px;
  --font-weight-header-btn: 300;
  --opacity-line-header: .2;


  /* header light */
  --color-main-nav-light: #ffffff;
  --color-main-nav-bg1-light: #172F30;
  --color-main-nav-hover-light: rgba(0, 0, 0, .25);
  --color-main-nav-active-light: rgba(0, 0, 0, .15);
  --color-main-nav-text: #ffffff;
  --color-main-nav-white-border-light: rgba(0, 0, 0, .2);
  --color-main-nav-border-light: rgba(255, 255, 255, .5);
  --color-main-nav-bg-light-mob: #172F30;
  --color-main-nav-bg3-light-mob: #172F30;

  /* footer */
  --color-footer-bg: #132728;
  --color-footer-corporate: #ffffff;
  --color-footer-corporate-bg: #132728;
  --color-footer-corporate-link: #eeeeee;
  --color-footer-link-hover: #B2D9CB;
  --color-black-footer-link-hover: #B2D9CB;
  --color-footer-corporate-border: rgba(0, 0, 0, .2);
  --color-footer-corporate-bg-dark: #132728;
  --line-height-footer-title: 1.55556;
  --line-height-footer-title-mob: 1.5;
  --letter-spacing-footer-link: 0.2px;

  --margin-bottom-eyebrow-default: 8px;

  /* hero banner */
  --bgcolor-hero-banner: rgba(16, 49, 50, 0.8) !important;
  --opacity-hero-banner: 1 !important;
  --bgcolor-hero-banner-slider: rgba(16, 49, 50, 0.8) !important;
  --margin-bottom-hero-banner-sub-title: 16px;
  --letter-spacing-hero-banner-title: 0.72px;
  --letter-spacing-hero-banner-title-mobile: 0px;
  --margin-top-select-hero-banner: 10px;
  --color-select-hero-banner: #ffffff;
  --bgcolor-select-hero-banner: #008252;
  --color-icon-select-hero-banner: #ffffff;
  --mb-slider-sup-title-hero-banner: 8px;
  --line-height-sup-title-hero-banner: 1.35;
  --line-height-sup-title-hero-banner-mobile: 1;
  --line-height-slider-title-hero-banner: 1.2;
  --font-size-hero-banner-title-tablet: 56px;
  --line-height-hero-banner-title-tablet: 1.05;
  --color-btn-hero-banner: #ffffff;
  --bgcolor-btn-hero-banner: var(--color-blue-base);

  /* cards */
  --line-height-card: 1.2;
  --letter-spacing-card: .2px;
  --margin-bottom-eyebrow-card: 8px;
  --margin-bottom-title-neutral-card: .44445rem;
  --line-height-title-neutral-card: 1.2;
  --letter-spacing-card-insight: .2px;
  --letter-spacing-card-insight-mobile: 0;

  --line-height-highlight: 1.5;
  --line-height-highlight-mobile: 1.5;
  --letter-spacing-highlight: 0.1px;
  --line-height-text-highlight: 1.5;
  --margin-bottom-highlight-mobile: 40px;

  /* funds promotions */
  --margin-bottom-title-funds-promotions: 24px;
  --letter-spacing-title-promo: 0.4px;
  --letter-spacing-title-promo-mobile: 0;

  /* latest insights */
  --color-eyebrow-latest-insights: var(--color-teal);
  --margin-bottom-eyebrow-go-to-article-card: 8px;

  --line-height-featured-cards-intro: 1.5;
  --line-height-featured-cards-intro-mobile: 1.5;
  --color-eyebrow-latest-featured-card: var(--color-teal);

  --font-size-title-content-accordion-mobile: 24px;
  --line-height-title-accordion-mobile: 1.375;
  --line-height-secondary-text-mobile: 1.55556;

  --background-gradient-banner: none;

  --font-size-title-number-mobile: 24px;
  --line-height-title-number-mobile: 1.375;
  --font-size-number-mobile: 48px;
  --line-height-number-mobile: 1.1;
  --font-size-unit-number: 32px;
  --line-height-unit-number: 1.2;
  --letter-spacing-unit-number: 0.2px;
  --font-size-unit-number-mobile: 32px;
  --line-height-unit-number-mobile: 1.2;
  --letter-spacing-unit-number-mobile: 0.18px;

  --color-active-pager: #29A376;

  --margin-bottom-contact-title: 4px;
  --font-size-btn-link: 14px;
  --line-height-btn-link: 1;

  --letter-spacing-title-campaign-section: 0.4px;
  --letter-spacing-title-campaign-section-mobile: 0;

  --color-promotion-btn: #008252;
  --color-promotion-btn-dark: #00613D;
  --color-promotion-btn-hover: #008252;

  --color-border-active-input: #008252;

  --color-border-anchor-link: #008252;

  --letter-spacing-title-related-article: .2px;
  --letter-spacing-title-related-article-mobile: .18px;

  --font-size-title-card-mobile: 24px;
  --line-height-title-card-mobile: 1.25;

  --line-height-counter-search: 1.375;
  /* profile cards */
  --line-height-name-profile: 1.55556;
  --line-height-work-profile: 1.35;

  /* Campaign */
  --font-size-title-campaign: 56px;
  --line-height-title-campaign: 1.05;
  --padding-top-title-campaign: 42px;
  --margin-bottom-title-campaign: 38px;
  --font-size-title-campaign-mobile: 48px;
  --line-height-title-campaign-mobile: 1.1;
  --letter-spacing-title-campaign-mobile: .6px;
  --padding-top-title-campaign-mobile: 40px;
  --line-height-desc-campaign: 1.5;
  --line-height-desc-campaign-mobile: 1.5;
  --color-eyebrow-default-campaign: #3E7274;

  /* Tabs */
  --font-size-btn-tabs: 18px;
  --line-height-btn-tabs: 1.55556;
  --letter-spacing-btn-tabs: .1px;
  --padding-top-btn-tabs: 4px;
  --padding-bottom-btn-tabs: 0px;
  --line-height-h3-tabs: 1.55556;
  --font-size-content-tabs-mobile: 18px;
  --line-height-content-tabs-mobile: 1.5;

  /* key point */
  --line-height-title-key-point: 1.5;
  --line-height-desc-key-point: 1.77778;
  --line-height-caption-key-point: 1.35;
  --font-size-title-key-point-mobile: 13px;
  --font-size-desc-key-point-mobile: 15px;
  --line-height-desc-key-point-mobile: 1.6;

  --line-height-desc-popin-mobile: 1.5;

  --color-focus-ring: #29A376;

}