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

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

/* Source sans pro */
@font-face {
  font-family: 'SourceSansPro-Light';
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Light.eot');
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Light.woff2') format('woff2'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Light.woff') format('woff'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Light.svg#.') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SourceSansPro-LightItalic';
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.eot');
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.woff2') format('woff2'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.woff') format('woff'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.ttf') format('truetype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.svg#.') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.eot');
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.woff2') format('woff2'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.woff') format('woff'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.svg#.') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SourceSansPro-Italic';
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.eot');
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.woff2') format('woff2'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.woff') format('woff'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf') format('truetype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.svg#.') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'SourceSansPro-SemiBold';
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.eot');
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff2') format('woff2'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff') format('woff'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.svg#.') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SourceSansPro-SemiBoldItalic';
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.eot');
  src: url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.woff') format('woff'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
    url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.svg#.') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: block;
}

/* VARIABLES CSS - THEME AXA */
:root {
  /* TYPOGRAPHIE - Font Families */
  --font-family-primary: 'SourceSansPro-Regular', sans-serif;
  --font-family-light: 'SourceSansPro-Light', sans-serif;
  --font-family-semibold: 'SourceSansPro-SemiBold', sans-serif;
  --font-family-bold: 'SourceSansPro-SemiBold', sans-serif;
  --font-family-italic: 'SourceSansPro-Italic', sans-serif;
  --font-family-heading: 'PublicoHeadline', Arial, sans-serif;


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

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

  /* Components */
  --font-size-card-title: 24px;
  --font-size-card-title-calc: 24;
  --font-size-card-title-mobile: 22px;
  --font-size-card-title-mobile-calc: 22;
  --font-size-title: 24px;
  --font-size-title-calc: 24;
  --font-size-highlight: 24px;
  --font-size-highlight-calc: 24;
  --font-size-highlight-mobile: 22px;
  --font-size-highlight-mobile-calc: 22;
  --font-size-secondary-text: 16px;
  --font-size-eyebrow-default: 15px;
  --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: 44px;
  --font-size-36: 36px;
  --font-size-30: 30px;
  --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: 16px;


  /* TYPOGRAPHIE - Font Weights */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --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.33;
  --line-height-title-mobile: 1.33;
  --line-height-card-title: 1.33;
  --line-height-eyebrow: 1.23077;
  --line-height-eyebrow-mobile: 1.23077;

  /* 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: 28px;
  --line-height-sm-28-calc: 28;
  --line-height-md-32: 32px;
  --line-height-md-32-calc: 32;
  --line-height-lg-36: 36px;
  --line-height-lg-36-calc: 36;
  --line-height-xl-40: 40px;
  --line-height-xl-40-calc: 40;
  --line-height-2xl-48: 48px;
  --line-height-2xl-48-calc: 48;
  --line-height-3xl-56: 56px;
  --line-height-3xl-56-calc: 56;
  --line-height-4xl-64: 64px;
  --line-height-4xl-64-calc: 64;
  --line-height-mobile-display-md: 32px;
  --line-height-mobile-display-md-calc: 32;
  --line-height-mobile-title-lg: 32px;
  --line-height-mobile-title-lg-calc: 32;
  --line-height-desktop-title-md: 40px;
  --line-height-desktop-title-md-calc: 40;
  --line-height-mobile-title-md: 32px;
  --line-height-mobile-title-md-calc: 32;


  /* 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: #152238;
  --color-dune: #fcd385;
  --color-dark-section: #1a1a1a;
  --color-dark-section-rgb: 26, 26, 26;
  --color-dark-shadow: #070C13;
  --color-neutral: #cccccc;
  --color-blue-light-tint: #f2f5f7;
  --color-teal-tint: #f0f5f5;
  --color-logan-tint: #f4f4f7;
  --color-tosca-tint: #f7f1f1;
  --color-azaela-tint: #f9f2f4;
  --color-viridian-green-tint: #f2f5f4;
  --color-axa-blue: #00008f;
  --color-axa-blue-rgb: 0, 0, 143;
  --color-deep-saphire: #000072;
  --color-deep-saphire-rgb: 0, 0, 114;
  --color-muted-blue-dark: #1b3b6d;
  --color-muted-blue-dark-rgb: 27, 59, 109;
  --color-denim-blue: #37588b; /* no-change */
  --color-axa-red: #ff1721;
  --color-blue-dark: #000072;
  --color-blue-base: #2425aa;
  --color-red-base: #f07662;
  --color-red-base-rgb: 240, 118, 98;
  --color-black: #333333;
  --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: #4976ba;
  --color-blue-light-rgb: 73, 118, 186;
  --color-red-dark: #c91432;
  --color-teal: #417981;
  --color-teal-rgb: 65, 121, 129;
  --color-tosca: #924c4f;
  --color-tosca-rgb: 146, 76, 79;
  --color-azaela-dark: #a9546c;
  --color-azaela-dark-rgb: 169, 84, 108;
  --color-logan-dark: #757393;
  --color-logan-dark-rgb: 117, 115, 147;
  --color-viridian-green-dark: #587e75;
  --color-viridian-green-dark-rgb: 88, 126, 117;
  --color-green-base: #1cc54e; /* not found */
  --color-red-hover: #ec4d33;
  --color-green-hover: #3F5A54;
  --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: #00adc6;
  --color-c-turquoise-bg: #083d45; /* not found */
  --color-c-turquoise-lighten: #00c7e0; /* not found */
  --color-c-turquoise-darken: #0093a8; /* not found */
  --color-c-blue: #4976BA;
  --color-c-blue-bg: #1c2e4a;
  --color-c-blue-lighten: #5a8dd4; /* not found */
  --color-c-blue-darken: #2e59b8; /* not found */
  --color-c-purple: #9D9AD2;
  --color-c-purple-bg: #222145; /* not found */
  --color-c-purple-lighten: #b5b2e0; /* not found */
  --color-c-purple-darken: #8582c4; /* not found */
  --color-c-green: #90D5A9;
  --color-c-green-bg: #173622;
  --color-c-green-lighten: #9FDFB6;
  --color-c-green-darken: #53C57C;
  --color-c-pink: #D98CA7;
  --color-c-pink-bg: #471F2D;
  --color-c-pink-lighten: #E6B2C4;
  --color-c-pink-darken: #D65C86;
  --color-primary: var(--color-blue);
  --color-secondary: var(--color-red);
  --color-tertiary: var(--color-lightblue);
  --color-accessibility-primary: #152238;
  --color-accessibility-secondary: #A61817;
  --color-accessibility-tertiary: #145480;
  --color-error: var(--color-axa-red);
  --color-success: #3a8f3a;
  --color-placeholder: var(--color-dark-gray);
  --color-alert: #335F66;
  --color-alert-rgb: 51, 95, 102;
  --color-info: #417981;
  --color-focus: var(--color-secondary);
  --color-pacific: var(--color-c-turquoise);
  --color-pacific-shade: #0d3940;
  --color-pacific-middle: #007d8f;
  --color-logan: #9D9AD2;
  --color-logan-shade: #252442;
  --color-logan-middle: #66659f;
  --color-aqua-green: #90d5a9;
  --color-aqua-green-shade: #173622;
  --color-aqua-green-middle: #2a7e49;
  --color-azalea: #d98ca7;
  --color-azalea-middle: #c92c62;
  --color-azalea-shade: #471f2d;
  --color-navy: #0a1929;
  --color-navy-grey: #343C3D; /* not found */
  --color-sienna: #d24723;


  /* NEW COLORS */
  --colour-backgrounds-accent-1-base: var(--color-blue-light);
  --colour-backgrounds-accent-1-darker: #2a456f;
  --colour-backgrounds-accent-1-darkest: #0a1929;
  --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: #5a5973;
  --colour-backgrounds-accent-4-lightest: var(--color-logan-tint);
  --colour-backgrounds-accent-5-base: #587e75;
  --colour-backgrounds-accent-5-lightest: var(--color-viridian-green-tint);
  --colour-backgrounds-accent-6-base: #ae516b;
  --colour-backgrounds-accent-6-lightest: var(--color-azaela-tint);
  --colour-backgrounds-neutral-base: #333333;
  --colour-backgrounds-neutral-darker: #1a1a1a;
  --colour-backgrounds-neutral-lightest: var(--color-warm-gray);
  --colour-backgrounds-neutral-white: var(--color-white);
  --colour-backgrounds-specific-fund-base: #4976ba;
  --colour-backgrounds-specific-sustainability-base: var(--color-viridian-green-dark);
  --colour-backgrounds-specific-sustainability-lightest: #f2f5f4;
  --colour-buttons-bg-fill-primary-default: var(--color-blue-base);
  --colour-buttons-bg-fill-primary-disabled: #ffffff;
  --colour-buttons-bg-fill-primary-focused-pressed: #000072;
  --colour-buttons-bg-fill-primary-hover: var(--color-blue-dark);
  --colour-buttons-bg-fill-secondary-default: #e17d68;
  --colour-buttons-bg-fill-secondary-disabled: var(--colour-buttons-bg-fill-primary-disabled);
  --colour-buttons-bg-fill-secondary-focused-pressed: #822617;
  --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: #2425aa;
  --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: rgba(255, 255, 255, 0.8);
  --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: #000072;
  --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: #ffffff;
  --colour-interaction-states-active-state-on-light-primary: #e06652;
  --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: #5a5973;
  --colour-lines-on-light-accent-accent-5: #587e75;
  --colour-lines-on-light-accent-accent-6: #ae516b;
  --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(65, 121, 129, 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(0, 0, 0, 0.2);
  --colour-overlay-accent-1-medium: rgba(0, 0, 0, 0.25);
  --colour-overlay-accent-1-moderate: rgba(0, 0, 0, 0.5);
  --colour-overlay-accent-1-strong: rgba(0, 0, 0, 0.7);
  --colour-overlay-accent-1-subtle: rgba(0, 0, 0, 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: #5a5973;
  --colour-surfaces-accent-5-base: #587e75;
  --colour-surfaces-accent-6-base: #ae516b;
  --colour-surfaces-navigation-dark-base: var(--color-c-blue-bg);
  --colour-surfaces-navigation-dark-darker: #152238;
  --colour-surfaces-navigation-dark-darkest: var(--color-navy);
  --colour-surfaces-navigation-light-base: #4976ba;
  --colour-surfaces-navigation-light-darker: #3f68a6;
  --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: #3f68a6;
  --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: #ffffff;
  --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: #5a5973;
  --colour-text-on-light-accent-accent-7: #2a7e49;
  --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: #d24723;
  --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: var(--color-black);
  --colour-text-on-light-neutral-secondary: #333333;

  --color-anchor-link: #6B90C7;
  --color-teal-100: #E0EBEB;
  --color-teal-700: #335F66;
  --color-teal-750: #2B4F55;
  --color-azalea-200: #DFB9C4;
  --color-light-blue-800: #1C2E4A;
  --color-metallic-copper-800: #422F2F;
  --color-metallic-copper-800-rgb: 66, 47, 47;

  --font-size-default-btn: 13px;
  --line-height-default-btn: 1.23076923;

  /* Colors (specific modules) */
  /* header */
  --height-top-header: 32px;
  --padding-top-header: 0;
  --color-top-header-bg: #00008f;
  --color-top-header-sperator-link: rgba(0, 0, 114, 1);
  --color-top-header-icon: #f07662;
  --color-top-header-border: rgba(0, 0, 0, 0);

  --color-top-header-black-bg: #1a1a1a;
  --color-top-header-black-sperator-link: #ffffff;

  --color-top-header-gray-bg: #1a1a1a;
  --color-top-header-gray-link: #ffffff;
  --color-top-header-gray-sperator-link: rgba(var(--color-black-rgb), .06);

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

  --color-main-nav-menu-link: #2425aa;
  --color-main-nav-menu-link-active: #d24723;
  --color-main-nav-bg: #ffffff;
  --color-main-nav-bg1: #4976ba;
  --color-main-nav-bg2: #3f68a6;
  --color-main-nav-bg3: #385D94;
  --color-main-nav-hover: rgba(0, 0, 0, .2);
  --color-main-nav-active: rgba(0, 0, 0, .1);
  --color-main-nav-line: #d24723;
  --color-main-nav-icon: #00008f;
  --color-main-nav-separator: rgba(100, 100, 100, .5);
  --color-main-nav-separator-mob: rgba(255, 255, 255, .16);
  --color-header-sticky-border: rgba(247, 245, 243, 1);

  --font-size-header-xs: 12px;
  --line-height-header-xs: 1.33;
  --letter-spacing-header-3xs: 0;
  --line-height-header-xxs: 1.15;
  --line-height-header-caption: 1.3077;
  --line-height-header-menu__lk: 1.33;
  --line-height-header-promo-title: 1.3;
  --line-height-header-text-mob: 1.77778;
  --letter-spacing-header-eyebrow: 1px;
  --font-size-header-menu__lk: 13px;
  --line-height-header-menu__lk-mob: 1.23;
  --font-size-header-li-level-2: 16px;
  --font-weight-header-btn: 400;
  --opacity-line-header: 1;

  /* header light */
  --color-main-nav-light: #00008f;
  --color-main-nav-bg1-light: #FDFCFC;
  --color-main-nav-hover-light: #F7F5F3;
  --color-main-nav-active-light: #EFEAE7;
  --color-main-nav-text: #111B1D;
  --color-main-nav-white-border-light: #E4E3E3;
  --color-main-nav-border-light: rgba(0, 0, 143, .5);
  --color-main-nav-bg-light-mob: #ffffff;
  --color-main-nav-bg3-light-mob: #F7F5F3;

  /* footer */
  --color-footer-bg: #1b3b6d;
  --color-footer-corporate: #00008f;
  --color-footer-corporate-bg: #ffffff;
  --color-footer-corporate-link: #00008f;
  --color-footer-link-hover: #000072;
  --color-black-footer-link-hover: #ffffff;
  --color-footer-corporate-border: rgba(0, 0, 143, .16);
  --color-footer-corporate-bg-dark: #0f0f0f;
  --line-height-footer-title: 1.33334;
  --line-height-footer-title-mob: 1.33334;
  --letter-spacing-footer-link: 0;

  --margin-bottom-eyebrow-default: 0;

  /* hero banner */
  --bgcolor-hero-banner: #000;
  --opacity-hero-banner: .55;
  --bgcolor-hero-banner-slider: rgba(var(--color-black-rgb),.65);
  --margin-bottom-hero-banner-sub-title: 0px;
  --letter-spacing-hero-banner-title: 0.8px;
  --letter-spacing-hero-banner-title-mobile: 0.6px;
  --margin-top-select-hero-banner: rem(26px);
  --color-select-hero-banner: var(--color-dark-gray);
  --bgcolor-select-hero-banner: #ffffff;
  --color-icon-select-hero-banner: var(--color-teal);
  --mb-slider-sup-title-hero-banner: 0;
  --line-height-sup-title-hero-banner: 1.23077;
  --line-height-sup-title-hero-banner-mobile: 1.23077;
  --line-height-slider-title-hero-banner: 1.33;
  --font-size-hero-banner-title-tablet: 64px;
  --line-height-hero-banner-title-tablet: 1.66667;
  --color-btn-hero-banner: var(--color-blue-base);
  --bgcolor-btn-hero-banner: #ffffff;

  /* cards */
  --line-height-card: 1.33333;
  --letter-spacing-card: .18px;
  --margin-bottom-eyebrow-card: 12px;
  --margin-bottom-title-neutral-card: .27778rem;
  --line-height-title-neutral-card: 1.33;
  --letter-spacing-card-insight: .2px;
  --letter-spacing-card-insight-mobile: .18px;

  --line-height-highlight: 1.33;
  --line-height-highlight-mobile: 1.45;
  --letter-spacing-highlight: -0.1px;
  --line-height-text-highlight: 1.78;
  --margin-bottom-highlight-mobile: 80px;

  /* funds promotions */
  --margin-bottom-title-funds-promotions: 16px;
  --letter-spacing-title-promo: 0.72px;
  --letter-spacing-title-promo-mobile: 0.72px;

  /* latest insights */
  --color-eyebrow-latest-insights: var(--color-dark-gray);
  --margin-bottom-eyebrow-go-to-article-card: 4px;

  --line-height-featured-cards-intro: 1.66667;
  --line-height-featured-cards-intro-mobile: 1.45454;
  --color-eyebrow-latest-featured-card: #333333;

  --font-size-title-content-accordion-mobile: var(--font-size-h2-mobile);
  --line-height-title-accordion-mobile: 1.5;
  --line-height-secondary-text-mobile: 1.5;

  --background-gradient-banner: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%);

  --font-size-title-number-mobile: 32px;
  --line-height-title-number-mobile: 1.45;
  --font-size-number-mobile: 28px;
  --line-height-number-mobile: 1.14285714;
  --font-size-unit-number: 24px;
  --line-height-unit-number: 1.2;
  --letter-spacing-unit-number: 0;
  --font-size-unit-number-mobile: 18px;
  --line-height-unit-number-mobile: 1.5;
  --letter-spacing-unit-number-mobile: 0;

  --color-active-pager: #d24723;

  --margin-bottom-contact-title: -8px;
  --font-size-btn-link: 13px;
  --line-height-btn-link: 1.23;

  --letter-spacing-title-campaign-section: 0.8px;
  --letter-spacing-title-campaign-section-mobile: 0.8px;

  --color-promotion-btn: #f07662;
  --color-promotion-btn-dark: #ec4d33;
  --color-promotion-btn-hover: #ec4d33;

  --color-border-active-input: #3C73C6;

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

  --letter-spacing-title-related-article: .4px;
  --letter-spacing-title-related-article-mobile: 0;

  --font-size-title-card-mobile: 18px;
  --line-height-title-card-mobile: 1.55556;

  --line-height-counter-search: 1.3333333;
  /* profile cards */
  --line-height-name-profile: 1.5;
  --line-height-work-profile: 1.5;

  /* Campaign */
  --font-size-title-campaign: 32px;
  --line-height-title-campaign: 1.25;
  --padding-top-title-campaign: 24px;
  --margin-bottom-title-campaign: 40px;
  --font-size-title-campaign-mobile: 28px;
  --line-height-title-campaign-mobile: 1.14285714;
  --letter-spacing-title-campaign-mobile: .8px;
  --padding-top-title-campaign-mobile: 28px;
  --line-height-desc-campaign: 1.77778;
  --line-height-desc-campaign-mobile: 1.33333;
  --color-eyebrow-default-campaign: #333333;

  /* Tabs */
  --font-size-btn-tabs: 16px;
  --line-height-btn-tabs: 1.15;
  --letter-spacing-btn-tabs: 0;
  --padding-top-btn-tabs: 8px;
  --padding-bottom-btn-tabs: 8px;
  --line-height-h3-tabs: 1.38889;
  --font-size-content-tabs-mobile: 16px;
  --line-height-content-tabs-mobile: 1.33333;

  /* key point */
  --line-height-title-key-point: 1.66;
  --line-height-desc-key-point: 1.33;
  --line-height-caption-key-point: 1.23;
  --font-size-title-key-point-mobile: 26px;
  --font-size-desc-key-point-mobile: 16px;
  --line-height-desc-key-point-mobile: 1.5;

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

  --color-focus-ring: #101010;

}