@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-100.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-200.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-300.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-regular.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-500.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-600.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-700.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-800.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/.resources/sanofi-lm-platform/themes/sanofi-platform/src/fonts/noto-sans-900.woff2") format('woff2');
}

@font-face {
  font-family: 'Inter-Regular';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dam/jcr:f5d4e6b2-9b7e-42ce-bde1-d5995fb337c3/Maalox-Inter-Regular-it-it-subset.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter-Bold-Italic';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dam/jcr:36021022-bd07-4479-8c82-2bff7d06401a/Maalox-Inter-BoldItalic-it-it-subset.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter-Bold';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dam/jcr:ad0c1b71-e689-49b8-bee2-f94d3eab7f5b/Inter-Bold-it-it.woff2") format('woff2');
}

:root {
  --theme-color-white: #fff;
  --theme-color-black: #000;
}

























  .font-title {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .font-body {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .font-navigation {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .font-footer-links {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .font-card {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .category-tags {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .button--default, .button--outline {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .button--secondary, .button--secondary--outline {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .button--tertiary, .button--tertiary--outline {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .button--quaternary, .button--quaternary--outline {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .button--quinary, .button--quinary--outline {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .button--link {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
  }



  .accordion-title {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .faqs--question {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .tabComponent__tabsList li button {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .breadcrumbs {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .font-pageMenu {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .font-listDates {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }



  .font-listTitle {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }


:root {
  --theme-color-primary1: #11123F;
  --theme-color-primary2: #FFD400;
  --theme-color-primary3: #F2D34F;
  --theme-color-secondary1: #058ABD;
  --theme-color-secondary2: #98B6CA;
  --theme-color-secondary3: #030635;
  --theme-color-secondary4: #015FA0;
  --theme-color-secondary5: #B29B3A;
  --theme-color-secondary6: #FFDE53;
  --theme-color-secondary7: #035270;
  --theme-color-secondary8: #0595CC;
  --theme-color-tertiary1: #4B5A63;
  --theme-color-tertiary2: #BEE3FC;
  --theme-color-tertiary3: #FF3C3D;
  --theme-color-tertiary4: #0064C1;
  --theme-color-tertiary5: #FFE487;
  --theme-color-tertiary6: #FACC04;
  --theme-color-tertiary7: #AEAEAE;
  --theme-color-tertiary8: #231F20;
  --theme-color-transparent: transparent;


--grid-max-width-xs: 480px;
--grid-max-width-sm: 640px;
--grid-max-width-md: 768px;
--grid-max-width-lg: 1025px;
--grid-max-width-xl: 1280px;


  /*
    page
  */
  --theme-body-background-color: transparent;

  /*
    Typography
  */
  --theme-font-body: "Inter-Regular";
  --theme-font-title: "Inter-Bold-Italic";
  --theme-title-text-color: #11123F;
  --theme-body-text-color: #11123F;
  /*
    Title
  */
  --theme-title-font-weight: inherit;
  /*
    Rich text
  */
  --theme-rich-text-line-height: inherit;
  --theme-rich-text-p-vertical-spacing: 1.5rem;
  --theme-rich-text-heading-weight: inherit;
  --theme-rich-text-heading-font-color: #11123F;
  --theme-rich-text-heading-font-family: "Inter-Regular";
  /*
    Navigation
  */
  --theme-navigation-font-family: "Inter-Bold";
  /*
    Page Menu
  */
  --theme-pageMenu-active-anchor-link: black;
  /*
    Footer Links
  */
  --theme-footerLinks-font-family: "Inter-Regular";
  /*
    Link (Button links and Akamai form links)
  */
  --theme-link-font-family: "Inter-Bold";
  --theme-link-text-color: black;
  --theme-link-text-color-hover: black;
  /*
    List
  */
  --theme-list-dates-font-family: "Inter-Regular";
  --theme-list-title-font-family: "Inter-Regular";
  --theme-bullet-color: inherit;
  /*
    Button default
  */
  --theme-button-font-family: "Inter-Bold";
  --theme-button-text-color: white;
  --theme-button-text-color-hover: white;
  --theme-button-bg-color: #11123F;
  --theme-button-bg-color-hover: #11123F;
  --theme-button-border-color: transparent;
  --theme-button-border-color-hover: transparent;
  --theme-button-border-radius: 999rem;
  --theme-button-padding: 0.5rem 1.25rem;
  /*
    Button secondary
  */
  --theme-button-secondary-font-family: "Inter-Bold";
  --theme-button-secondary-text-color: #11123F;
  --theme-button-secondary-text-color-hover: #11123F;
  --theme-button-secondary-bg-color: #FFD400;
  --theme-button-secondary-bg-color-hover: #FFD400;
  --theme-button-secondary-border-color: #FFD400;
  --theme-button-secondary-border-color-hover: #FFD400;
  --theme-button-secondary-border-radius: 999rem;
  --theme-button-secondary-padding: 0.5rem 1.25rem;
  /*
    Button tertiary
  */
  --theme-button-tertiary-font-family: "Inter-Bold";
  --theme-button-tertiary-text-color: #11123F;
  --theme-button-tertiary-text-color-hover: #11123F;
  --theme-button-tertiary-bg-color: transparent;
  --theme-button-tertiary-bg-color-hover: transparent;
  --theme-button-tertiary-border-color: #231F20;
  --theme-button-tertiary-border-color-hover: #231F20;
  --theme-button-tertiary-border-radius: 999rem;
  --theme-button-tertiary-padding: 0.5rem 1.25rem;
  /*
    Button quaternary
  */
  --theme-button-quaternary-font-family: "Inter-Bold";
  --theme-button-quaternary-text-color: white;
  --theme-button-quaternary-text-color-hover: white;
  --theme-button-quaternary-bg-color: #231F20;
  --theme-button-quaternary-bg-color-hover: #231F20;
  --theme-button-quaternary-border-color: #2157A1;
  --theme-button-quaternary-border-color-hover: #007CB1;
  --theme-button-quaternary-border-radius: 999rem;
  --theme-button-quaternary-padding: 0.5rem 1.25rem;
  /*
    Button quinary
  */
  --theme-button-quinary-font-family: "Inter-Bold";
  --theme-button-quinary-text-color: white;
  --theme-button-quinary-text-color-hover: black;
  --theme-button-quinary-bg-color: black;
  --theme-button-quinary-bg-color-hover: transparent;
  --theme-button-quinary-border-color: black;
  --theme-button-quinary-border-color-hover: black;
  --theme-button-quinary-border-radius: 999rem;
  --theme-button-quinary-padding: 0.5rem 1.25rem;
  /*
    Category Tags
  */
  --theme-category-tags-font-family: "Inter-Bold";
  --theme-category-tags-border-radius: 999rem;
  --theme-category-tags-text-color: #231F20;
  --theme-category-tags-bg-color: transparent;
  --theme-category-tags-border-color: #231F20;
  /*
    Content Block
  */
  --theme-content-block-bullet-color:  #000;
  --theme-content-block-table-width: auto;
  --theme-content-block-table-border-width: 1px;
  --theme-content-block-table-border-color:  #000;
  --theme-content-block-thead-bg-color:  #fff;
  --theme-content-block-thead-txt-color:  #000;
  --theme-content-block-cell-bg-color:  #fff;
  --theme-content-block-cell-txt-color:  #000;
  --theme-content-block-cell-horizontal-padding: 1rem;
  --theme-content-block-cell-vertical-padding: 1rem;
  /*
    Cards
  */
  --theme-card-font-family: "Inter-Bold-Italic";
  --theme-cards-border-radius: 4px;
  /*
    Breadcrumbs
  */
  --theme-breadcrumbs-font-family: "Inter-Regular";
  /*
    Page Menu
  */
  --theme-pageMenu-font-family: "Inter-Regular";
  /*
    Accordion
  */
  --theme-accordion-font-family: "Inter-Bold-Italic";
  /*
    FAQs
  */
  --theme-faqs-font-family: "Inter-Bold-Italic";
  /*
    Tabs
  */
  --theme-tabs-font-family: "Inter-Regular";
  /*
    Carousel
  */
  --theme-carousel-nav-color: #231F20;
  --theme-carousel-btn-active-color: #231F20;
  --theme-carousel-btn-inactive-color: #FFFFFF;
  --theme-carousel-playpause-btn-icon-color: #231F20;
  --theme-carousel-playpause-btn-icon-hover-color: #FFD400;
  --theme-carousel-playpause-btn-bg-hover-color: #231F20;
  /*
    Forms
  */
  --theme-forms-header-color: #11123F;
  --theme-forms-bg-color: #FFFFFF;
  --theme-forms-text-color: #11123F;
  --theme-forms-title-color: #11123F;
  --theme-forms-subtitle-color: #11123F;
  --theme-forms-label-color: #11123F;
  /*
    Image Caption
  */
  --theme-image-caption-font-size: 1rem;
  --theme-image-caption-font-family: "Inter-Regular";

  /*
    Share Page
  */
  --theme-share-page-border-radius: 999rem;
  --theme-share-page-fill: var(--theme-color-white);

/*
  Title size varibles for mobile
*/
  --title-1-font-size: 32px;
  --title-2-font-size: 40px;
  --title-3-font-size: 32px;
  --title-4-font-size: 28px;
  --title-5-font-size: 16px;
  --title-6-font-size: 28px;
  /*
    Text size varibles for mobile
  */
  --text-1-font-size: 1.75rem;
  --text-2-font-size: 1.5rem;
  --text-3-font-size: 1.25rem;
  --text-4-font-size: 1rem;
  --text-5-font-size: .75rem;
  --text-6-font-size: .5rem;
  --text-7-font-size: .5rem;
  --text-8-font-size: .5rem;
  --text-9-font-size: .5rem;
  --text-10-font-size: .5rem;
  --text-11-font-size: .5rem;
}

/*
  Title size varibles for tablet & desktop
*/
@media screen and (min-width: 768px) {
  :root {
    /*
      Title size varibles for tablet
    */
    --title-1-font-size: 32px;
    --title-2-font-size: 40px;
    --title-3-font-size: 32px;
    --title-4-font-size: 28px;
    --title-5-font-size: 16px;
    --title-6-font-size: 28px;
    /*
      Text size varibles for tablet
    */
    --text-1-font-size: 1.75rem;
    --text-2-font-size: 1.5rem;
    --text-3-font-size: 1.25rem;
    --text-4-font-size: 1rem;
    --text-5-font-size: .75rem;
    --text-6-font-size: .5rem;
    --text-7-font-size: .5rem;
    --text-8-font-size: .5rem;
    --text-9-font-size: .5rem;
    --text-10-font-size: .5rem;
    --text-11-font-size: .5rem;
  }
}


@media screen and (min-width: 1024px) {
  :root {
    /*
      Title size varibles for deskop
    */
      --title-1-font-size: 56px;
      --title-2-font-size: 48px;
      --title-3-font-size: 40px;
      --title-4-font-size: 32px;
      --title-5-font-size: 24px;
      --title-6-font-size: 36px;
    /*
      Text size varibles for desktop
    */
      --text-1-font-size: 1.75rem;
      --text-2-font-size: 1.5rem;
      --text-3-font-size: 1.25rem;
      --text-4-font-size: 1rem;
      --text-5-font-size: .75rem;
      --text-6-font-size: .5rem;
      --text-7-font-size: .5rem;
      --text-8-font-size: .5rem;
      --text-9-font-size: .5rem;
      --text-10-font-size: .5rem;
      --text-11-font-size: .5rem;
    }
}