@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: 'DIN Pro-bold';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dam/jcr:13c3185d-4e76-41f2-83f9-3dc48ac51a19/DINPro-Bold.woff2") format('woff2');
}
@font-face {
  font-family: 'DIN';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dam/jcr:ef38b8ac-ccf3-427d-a4b7-4f0d392c1919/DINPro-Medium.woff2") format('woff2');
}
@font-face {
  font-family: 'EncodeSansCondensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dam/jcr:f5204c39-0150-453f-abd0-85a8d8932d1a/EncodeSansCondensed-Regular.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: 400;
    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: 400;
    letter-spacing: 0px;
  }



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



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



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



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



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



  .button--link {
    font-style: normal;
    font-weight: 400;
    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: #0B2142;
  --theme-color-primary2: #2C3E58;
  --theme-color-primary3: #98989A;
  --theme-color-secondary1: #AFC5FF;
  --theme-color-secondary2: #0A1B34;
  --theme-color-secondary3: #96969B;
  --theme-color-secondary4: #425065;
  --theme-color-secondary5: #CF483E;
  --theme-color-secondary6: #BE006B;
  --theme-color-secondary7: #735A8F;
  --theme-color-secondary8: #B3B9CB;
  --theme-color-tertiary1: #DCF3FF;
  --theme-color-tertiary2: #2B2B38;
  --theme-color-tertiary3: #575771;
  --theme-color-tertiary4: #6E6E91;
  --theme-color-tertiary5: #BBBAC6;
  --theme-color-tertiary6: #D6D5DD;
  --theme-color-tertiary7: #E6EDF9;
  --theme-color-tertiary8: #F4F7FC;
  --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: "DIN";
  --theme-font-title: "DIN Pro-bold";
  --theme-title-text-color: white;
  --theme-body-text-color: #000;
  /*
    Title
  */
  --theme-title-font-weight: font-bold;
  /*
    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: white;
  --theme-rich-text-heading-font-family: "DIN";
  /*
    Navigation
  */
  --theme-navigation-font-family: "DIN";
  /*
    Page Menu
  */
  --theme-pageMenu-active-anchor-link: black;
  /*
    Footer Links
  */
  --theme-footerLinks-font-family: "DIN";
  /*
    Link (Button links and Akamai form links)
  */
  --theme-link-font-family: "DIN";
  --theme-link-text-color: white;
  --theme-link-text-color-hover: white;
  /*
    List
  */
  --theme-list-dates-font-family: "DIN";
  --theme-list-title-font-family: "DIN";
  --theme-bullet-color: inherit;
  /*
    Button default
  */
  --theme-button-font-family: "DIN";
  --theme-button-text-color: #0B2142;
  --theme-button-text-color-hover: #0B2142;
  --theme-button-bg-color: #AFC5FF;
  --theme-button-bg-color-hover: #AFC5FF;
  --theme-button-border-color: #525CA3;
  --theme-button-border-color-hover: #7079BD;
  --theme-button-border-radius: 4px;
  --theme-button-padding: 0.5rem 1.25rem;
  /*
    Button secondary
  */
  --theme-button-secondary-font-family: "DIN";
  --theme-button-secondary-text-color: white;
  --theme-button-secondary-text-color-hover: white;
  --theme-button-secondary-bg-color: #0B2142;
  --theme-button-secondary-bg-color-hover: #0B2142;
  --theme-button-secondary-border-color: #2157A1;
  --theme-button-secondary-border-color-hover: #007CB1;
  --theme-button-secondary-border-radius: 4px;
  --theme-button-secondary-padding: 0.5rem 1.25rem;
  /*
    Button tertiary
  */
  --theme-button-tertiary-font-family: "DIN";
  --theme-button-tertiary-text-color: #fff;
  --theme-button-tertiary-text-color-hover: #fff;
  --theme-button-tertiary-bg-color: #2157A1;
  --theme-button-tertiary-bg-color-hover: #007CB1;
  --theme-button-tertiary-border-color: #2157A1;
  --theme-button-tertiary-border-color-hover: #007CB1;
  --theme-button-tertiary-border-radius: 999rem;
  --theme-button-tertiary-padding: 0.5rem 1.25rem;
  /*
    Button quaternary
  */
  --theme-button-quaternary-font-family: "DIN";
  --theme-button-quaternary-text-color: #fff;
  --theme-button-quaternary-text-color-hover: #fff;
  --theme-button-quaternary-bg-color: #2157A1;
  --theme-button-quaternary-bg-color-hover: #007CB1;
  --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: "DIN";
  --theme-button-quinary-text-color: #fff;
  --theme-button-quinary-text-color-hover: #fff;
  --theme-button-quinary-bg-color: #2157A1;
  --theme-button-quinary-bg-color-hover: #007CB1;
  --theme-button-quinary-border-color: #2157A1;
  --theme-button-quinary-border-color-hover: #007CB1;
  --theme-button-quinary-border-radius: 999rem;
  --theme-button-quinary-padding: 0.5rem 1.25rem;
  /*
    Category Tags
  */
  --theme-category-tags-font-family: "DIN";
  --theme-category-tags-border-radius: 0px;
  --theme-category-tags-text-color: white;
  --theme-category-tags-bg-color: #425065;
  --theme-category-tags-border-color: transparent;
  /*
    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: "DIN Pro-bold";
  --theme-cards-border-radius: 4px;
  /*
    Breadcrumbs
  */
  --theme-breadcrumbs-font-family: "DIN";
  /*
    Page Menu
  */
  --theme-pageMenu-font-family: "DIN";
  /*
    Accordion
  */
  --theme-accordion-font-family: "DIN Pro-bold";
  /*
    FAQs
  */
  --theme-faqs-font-family: "DIN Pro-bold";
  /*
    Tabs
  */
  --theme-tabs-font-family: "DIN";
  /*
    Carousel
  */
  --theme-carousel-nav-color: #AFC5FF;
  --theme-carousel-btn-active-color: #AFC5FF;
  --theme-carousel-btn-inactive-color: #FFFFFF;
  --theme-carousel-playpause-btn-icon-color: #AFC5FF;
  --theme-carousel-playpause-btn-icon-hover-color: transparent;
  --theme-carousel-playpause-btn-bg-hover-color: #AFC5FF;
  /*
    Forms
  */
  --theme-forms-header-color: #525CA3;
  --theme-forms-bg-color: #FFFFFF;
  --theme-forms-text-color: #525CA3;
  --theme-forms-title-color: #FFFFFF;
  --theme-forms-subtitle-color: #525CA3;
  --theme-forms-label-color: #525CA3;
  /*
    Image Caption
  */
  --theme-image-caption-font-size: 1rem;
  --theme-image-caption-font-family: "DIN";

  /*
    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: 45px;
  --title-2-font-size: 45px;
  --title-3-font-size: 30px;
  --title-4-font-size: 24px;
  --title-5-font-size: 36px;
  --title-6-font-size: 24px;
  /*
    Text size varibles for mobile
  */
  --text-1-font-size: 18px;
  --text-2-font-size: 24px;
  --text-3-font-size: 18px;
  --text-4-font-size: 10px;
  --text-5-font-size: 13px;
  --text-6-font-size: 13px;
  --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: 45px;
    --title-2-font-size: 45px;
    --title-3-font-size: 30px;
    --title-4-font-size: 24px;
    --title-5-font-size: 48px;
    --title-6-font-size: 24px;
    /*
      Text size varibles for tablet
    */
    --text-1-font-size: 18px;
    --text-2-font-size: 24px;
    --text-3-font-size: 18px;
    --text-4-font-size: 10px;
    --text-5-font-size: 13px;
    --text-6-font-size: 13px;
    --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: 64px;
      --title-2-font-size: 48px;
      --title-3-font-size: 30px;
      --title-4-font-size: 24px;
      --title-5-font-size: 48px;
      --title-6-font-size: 24px;
    /*
      Text size varibles for desktop
    */
      --text-1-font-size: 24px;
      --text-2-font-size: 24px;
      --text-3-font-size: 18px;
      --text-4-font-size: 10px;
      --text-5-font-size: 13px;
      --text-6-font-size: 18px;
      --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;
    }
}