/*------------------------------------*\
  #GRID
\*------------------------------------*/
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  box-sizing: border-box;
}
@media (max-width: 64.0525em) {
  .container {
    padding: 0;
  }
}
.container:not(.container--full) {
  max-width: 87.0833333333vw;
}
@media (min-width: 119.9375em) {
  .container:not(.container--full) {
    max-width: 1672px;
  }
}
@media (max-width: 64.0525em) {
  .container:not(.container--full) {
    max-width: calc(100vw - 40px);
  }
}

.container--grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1.0416666667vw;
}
@media (min-width: 119.9375em) {
  .container--grid {
    grid-column-gap: 20px;
  }
}

.container--full {
  display: grid;
  grid-template-columns: [start] 3.125vw [container-start] repeat(12, 1fr) [container-end] 3.125vw [end];
  max-width: 100vw;
  grid-column-gap: 1.0416666667vw;
}
@media (min-width: 119.9375em) {
  .container--full {
    grid-template-columns: [start] 60px [container-start] repeat(12, 1fr) [container-end] 60px [end];
    max-width: 1920px;
    grid-column-gap: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 64.0525em) {
  .container--full {
    grid-template-columns: [start] 0 [container-start] repeat(12, 1fr) [container-end] 0 [end];
    max-width: 100vw;
    width: 100vw;
    grid-gap: 20px;
  }
}

[data-wpr-lazyrender] {
  content-visibility: visible !important;
}

@font-face {
  font-family: "SAMARITAINE Sans";
  src: url(/wp-content/themes/samaritaine-theme/dist/fonts/SAMARITAINESans-Bold.woff2?ver=21ac5b32) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/wp-content/themes/samaritaine-theme/dist/fonts/Inter-Regular.woff2?ver=b1376a34) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/wp-content/themes/samaritaine-theme/dist/fonts/Inter-Medium.woff2?ver=f692b89f) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/wp-content/themes/samaritaine-theme/dist/fonts/Inter-Bold.woff2?ver=af0d3522) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
h1, .h1 {
  font-family: var(--font-samaritaine-sans);
  font-size: clamp(var(--font-2xl), 1.875vw, var(--font-4xl));
  font-weight: var(--bold);
  line-height: 1.45;
  letter-spacing: 0;
}
@media (min-width: 119.9375em) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h1, .h1 {
    font-size: calc(var(--font-4xl) * var(--offset));
  }
}
@media (max-width: 64.0525em) {
  h1, .h1 {
    font-size: var(--font-2xl);
  }
}
h1.small, .h1.small, .dfs--faq h2.h1.smaller {
  font-size: clamp(36px, 2.5vw, 48px);
}
@media (min-width: 119.9375em) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 48px;
  }
}
@media (max-width: 64.0525em) {
  h1.small, .h1.small, .dfs--faq h2.h1.smaller {
    font-size: 28px;
  }
}
h1.smaller, .h1.smaller {
  font-size: clamp(28px, 1.875vw, 36px);
}
@media (min-width: 119.9375em) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}
@media (max-width: 64.0525em) {
  h1.smaller, .h1.smaller {
    font-size: 32px;
  }
}

h2, .h2 {
  font-family: var(--font-samaritaine-sans);
  font-size: clamp(var(--font-xl), 1.6666666667vw, var(--font-3xl));
  font-weight: var(--bold);
  line-height: 1.3;
  letter-spacing: 0;
}
@media (min-width: 119.9375em) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h2, .h2 {
    font-size: var(--font-3xl);
  }
}
@media (max-width: 64.0525em) {
  h2, .h2 {
    font-size: var(--font-xl);
  }
}
h2.hero, .h2.hero {
  font-family: var(--font-samaritaine-sans);
  font-size: clamp(var(--font-lg-m), 1.6666666667vw, var(--font-3xl));
  font-weight: var(--regular);
  line-height: 1.35;
}
@media (min-width: 119.9375em) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h2.hero, .h2.hero {
    font-size: var(--font-3xl);
  }
}
@media (max-width: 64.0525em) {
  h2.hero, .h2.hero {
    font-size: var(--font-lg-m);
  }
}
h2.small, .dfs--faq h2.smaller, .h2.small {
  font-size: clamp(var(--font-xl), 1.4583333333vw, var(--font-2xl));
}
@media (min-width: 119.9375em) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-2xl);
  }
}
@media (max-width: 64.0525em) {
  h2.small, .dfs--faq h2.smaller, .h2.small {
    font-size: var(--font-xl);
  }
}
h2.smaller, .h2.smaller {
  font-size: clamp(var(--font-xl), 1.4583333333vw, var(--font-2xl));
}
@media (min-width: 119.9375em) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-2xl);
  }
}
@media (max-width: 64.0525em) {
  h2.smaller, .h2.smaller {
    font-size: var(--font-xl);
  }
}

h3, .h3 {
  font-family: var(--font-samaritaine-sans);
  font-size: clamp(var(--font-2xl), 1.6666666667vw, var(--font-3xl));
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
@media (min-width: 119.9375em) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h3, .h3 {
    font-size: var(--font-3xl);
  }
}
@media (max-width: 64.0525em) {
  h3, .h3 {
    font-size: var(--font-2xl);
  }
}
h3.small, .h3.small, .dfs--faq h2.h3.smaller {
  font-size: clamp(var(--font-lg-m), 1.25vw, var(--font-xl));
}
@media (min-width: 119.9375em) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-xl);
  }
}
@media (max-width: 64.0525em) {
  h3.small, .h3.small, .dfs--faq h2.h3.smaller {
    font-size: var(--font-lg-m);
  }
}
h3.smaller, .h3.smaller {
  font-size: clamp(var(--font-lg), 0.78125vw, var(--font-lg-m));
}
@media (min-width: 119.9375em) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg-m);
  }
}
@media (max-width: 64.0525em) {
  h3.smaller, .h3.smaller {
    font-size: var(--font-lg);
  }
}

h4, .h4 {
  font-family: var(--font-samaritaine-sans);
  font-size: clamp(var(--font-lg), 0.9375vw, var(--font-lg-m));
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 119.9375em) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h4, .h4 {
    font-size: var(--font-lg-m);
  }
}
@media (max-width: 64.0525em) {
  h4, .h4 {
    font-size: var(--font-lg);
  }
}
h4.small, .h4.small, .dfs--faq h2.h4.smaller {
  font-size: clamp(var(--font-md), 0.8333333333vw, var(--font-lg));
}
@media (min-width: 119.9375em) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-lg);
  }
}
@media (max-width: 64.0525em) {
  h4.small, .h4.small, .dfs--faq h2.h4.smaller {
    font-size: var(--font-md);
  }
}

.tag {
  font-family: var(--font-samaritaine-sans);
  font-size: var(--font-xs);
  font-style: normal;
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--neutral-400);
}
.tag.small, .dfs--faq h2.tag.smaller {
  font-size: var(--font-xs);
}
@media (min-width: 119.9375em) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: var(--font-xxs);
  }
}
@media (max-width: 64.0525em) {
  .tag.small, .dfs--faq h2.tag.smaller {
    font-size: 10px;
  }
}

.tag--searchbar {
  display: flex;
  align-items: center;
  padding: 0.15625vw 0.15625vw 0.15625vw 0.5208333333vw;
  border-radius: 999px;
  cursor: pointer;
  background-color: var(--bg-grey);
  gap: 0.15625vw;
}
@media (min-width: 119.9375em) {
  .tag--searchbar {
    padding: 3px 3px 3px 10px;
    gap: 3px;
  }
}
.tag--searchbar > a {
  border-radius: 0;
}
.tag--searchbar button {
  font-size: 0;
  flex: 1;
  width: 1.25vw;
  height: 1.25vw;
  max-width: 24px;
  max-height: 24px;
  display: block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none"><path d="M7 0.705L6.295 0L3.5 2.795L0.705 0L0 0.705L2.795 3.5L0 6.295L0.705 7L3.5 4.205L6.295 7L7 6.295L4.205 3.5L7 0.705Z" fill="%23595959"/></svg>') no-repeat center center;
  background-size: 0.3645833333vw 0.3645833333vw;
  border-radius: 999px;
}
@media (min-width: 119.9375em) {
  .tag--searchbar button {
    background-size: 7px 7px;
  }
}
@media (any-hover: hover) {
  .tag--searchbar button:hover {
    background-color: var(--bg-footer);
  }
}

.alert {
  padding: 0.2083333333vw 0.625vw;
  background-color: var(--yellow-500);
}
@media (min-width: 119.9375em) {
  .alert {
    padding: 4px 12px;
  }
}
@media (max-width: 64.0525em) {
  .alert {
    padding: 4px 12px;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}

.text--title {
  font-family: var(--font-samaritaine-sans);
  font-weight: 400;
}

.text--body {
  font-family: var(--font-inter);
  font-weight: 400;
}

.text--tiny {
  font-size: var(--font-xxs);
}
@media (min-width: 119.9375em) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}
@media (max-width: 64.0525em) {
  .text--tiny {
    font-size: var(--font-xxs);
  }
}

.text--smaller, .link {
  font-size: var(--font-xs);
}
@media (min-width: 119.9375em) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--smaller, .link {
    font-size: var(--font-xs);
  }
}
@media (max-width: 64.0525em) {
  .text--smaller, .link {
    font-size: var(--font-xxs);
  }
}

small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
  font-size: clamp(var(--font-xs), 0.625vw, var(--font-sm));
}
@media (min-width: 119.9375em) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-sm);
  }
}
@media (max-width: 64.0525em) {
  small, .text--small, .button--action span:not(.text--smaller, .text--tiny), .button--bordered span:not(.text--smaller, .text--tiny) {
    font-size: var(--font-xs);
  }
}

.text--normal {
  font-size: clamp(var(--font-sm), 0.7291666667vw, var(--font-md));
}
@media (min-width: 119.9375em) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--normal {
    font-size: var(--font-md);
  }
}
@media (max-width: 64.0525em) {
  .text--normal {
    font-size: var(--font-sm);
  }
}

.text--large {
  font-size: clamp(var(--font-md), 0.8333333333vw, var(--font-lg));
}
@media (min-width: 119.9375em) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--large {
    font-size: var(--font-lg);
  }
}
@media (max-width: 64.0525em) {
  .text--large {
    font-size: var(--font-md);
  }
}

.text--larger {
  font-size: clamp(var(--font-lg), 1.0416666667vw, var(--font-lg-m));
}
@media (min-width: 119.9375em) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--larger {
    font-size: var(--font-lg-m);
  }
}
@media (max-width: 64.0525em) {
  .text--larger {
    font-size: var(--font-lg);
  }
}

.text--big {
  font-size: clamp(var(--font-lg-m), 1.25vw, var(--font-xl));
}
@media (min-width: 119.9375em) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--big {
    font-size: var(--font-xl);
  }
}
@media (max-width: 64.0525em) {
  .text--big {
    font-size: var(--font-lg-m);
  }
}

.text--bigger {
  font-size: clamp(var(--font-xl), 1.4583333333vw, var(--font-2xl));
}
@media (min-width: 119.9375em) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .text--bigger {
    font-size: var(--font-2xl);
  }
}
@media (max-width: 64.0525em) {
  .text--bigger {
    font-size: var(--font-xl);
  }
}

strong, b, .text--bold {
  font-weight: var(--bold);
}

em, .text--italic {
  font-style: italic;
}

a.underline {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: from-font;
  text-underline-position: from-font;
}
@media (any-hover: hover) {
  a.underline:hover, a.underline:focus-visible {
    color: var(--mainColor);
    text-decoration: none;
  }
}

@media (any-hover: hover) {
  .hover-underline {
    text-decoration-thickness: from-font;
    text-underline-position: from-font;
    text-underline-offset: 2px;
  }
  .hover-underline:hover, .hover-underline:focus-visible {
    -webkit-text-decoration: underline from-font;
            text-decoration: underline from-font;
  }
}

.text--grey {
  color: var(--neutral-600);
}

.text--white {
  color: var(--light);
}

.text--center {
  text-align: center;
}

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

.text--capitalize {
  text-transform: capitalize;
}

.text--underline {
  text-decoration: underline;
}

.text--medium {
  font-weight: 500;
}

.text--bold {
  font-weight: 700;
}

.text--no-spacing {
  letter-spacing: 0;
}

body {
  --offset: 1;
}
@media (device-pixel-ratio: 1.1) {
  body {
    --offset: 1.1;
  }
}
@media (device-pixel-ratio: 2.2) {
  body {
    --offset: 1.1;
  }
}
@media (device-pixel-ratio: 1.25) {
  body {
    --offset: 1.25;
  }
}
@media (device-pixel-ratio: 2.5) {
  body {
    --offset: 1.25;
  }
}
@media (device-pixel-ratio: 1.5) {
  body {
    --offset: 1.5;
  }
}
@media (device-pixel-ratio: 3) {
  body {
    --offset: 1.5;
  }
}

body.resize-1-10 {
  --offset: 1.10;
}

body.resize-1-25 {
  --offset: 1.25;
}

body.resize-1-50 {
  --offset: 1.5;
}

:root {
  --bg: #FFFFFF;
  --bg-grey: var(--neutral-50);
  --bg-footer: var(--gray-100);
  --light: #FCFCFC;
  --neutral-50: #F9F9F9;
  --neutral-100: #F3F3F3;
  --neutral-200: #E1E1E1;
  --neutral-300: #CECECE;
  --neutral-400: #555555;
  --neutral-500: #555555;
  --neutral-600: #383838;
  --neutral-700: #232326;
  --neutral-800: #171717;
  --neutral-900: #0D0D0D;
  --yellow-50: #FFFDF5;
  --yellow-100: #FFF8E0;
  --yellow-200: #FFF1C2;
  --yellow-300: #FFE799;
  --yellow-400: #FFDB66;
  --yellow-500: #FFCF33;
  --yellow-600: #FFC300;
  --yellow-700: #CC9C00;
  --yellow-800: #997500;
  --yellow-900: #664E00;
  --gray-50: #F9FAFA;
  --gray-100: #EEF0F1;
  --gray-200: #DEE0E3;
  --gray-300: #C7CCD1;
  --gray-400: #ACB3B9;
  --grey-500: #9099A2;
  --grey-600: #74808B;
  --grey-700: #5D666F;
  --grey-800: #464D53;
  --grey-900: #2E3338;
  --grey-950: #23262A;
  --red-50: #FEF2F2;
  --red-100: #DC2626;
  --red-200: #991B1B;
  --green-300: #16A34A;
  --blue-400: #60A5FA;
  --font-samaritaine-sans: "SAMARITAINE Sans", sans-serif;
  --font-inter: "Inter", sans-serif;
  --bold: 700;
  --open: var(--green-300);
  --closed: var(--red-100);
  --closing: var(--yellow-600);
  --header-border-color: var(--neutral-100);
  --banner-height: 0px;
  --border-width: .8px;
  --border-color: var(--gray-200);
  --border-color-light: var(--neutral-300);
  --border-color-lighter: #F5F5F5;
  --border-color-dark: var(--neutral-700);
  --border-hover: var(--neutral-700);
  --font-xxs: 12px;
  --font-xs: 12px;
  --font-sm: 14px;
  --font-md: 16px;
  --font-lg: 18px;
  --font-lg-m: 20px;
  --font-xl: 24px;
  --font-2xl: 28px;
  --font-3xl: 32px;
  --font-4xl: 48px;
}

:root {
  --buttonColor: var(--yellow-400);
  --buttonColorHover: var(--yellow-500);
  --buttonTextColor: var(--neutral-700);
}

.button--action, .button--bordered {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4166666667vw;
  padding: 0.7291666667vw 1.1458333333vw;
  background-color: var(--buttonColor);
  height: 3.125vw;
}
@media (min-width: 119.9375em) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.1) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.25) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.5) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 1.75) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.2) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 2.5) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 3.5) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (min-width: 600px) and (-webkit-device-pixel-ratio: 4) {
  .button--action, .button--bordered {
    padding: 14px 22px;
    gap: 8px;
    height: 60px;
  }
}
@media (max-width: 64.0525em) {
  .button--action, .button--bordered {
    gap: 8px;
    padding: 14px 22px;
    height: 48px;
  }
}
.button--action:has(.text--smaller, .link), .button--bordered:has(.text--smaller, .link) {
  height: 2.5vw;
  min-height: 48px;
}
@media (min-width: 119.9375em) {
  .button--action:has(.text--smaller, .link), .button--bordered:has(.text--smaller, .link) {
    height: 48px;
  }
}
.button--action span, .button--bordered span {
  font-family: var(--font-samaritaine-sans);
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--buttonTextColor);
  text-align: center;
}
@media (max-width: 64.0525em) {
  .button--action span:not(.text--smaller, .link, .text--tiny), .button--bordered span:not(.text--smaller, .link, .text--tiny) {
    font-size: var(--font-xs);
  }
}
@media (any-hover: hover) {
  .button--action:hover, .button--bordered:hover, .button--action:focus-visible, .button--bordered:focus-visible {
    background-color: var(--buttonColorHover);
  }
}
.button--action.light, .light.button--bordered {
  background-color: var(--bg);
}
@media (any-hover: hover) {
  .button--action.light:hover, .light.button--bordered:hover, .button--action.light:focus-visible, .light.button--bordered:focus-visible {
    background-color: var(--neutral-50);
  }
}
.button--action.dark, .dark.button--bordered {
  background-color: var(--neutral-700);
}
.button--action.dark span, .dark.button--bordered span {
  color: var(--light);
}
@media (any-hover: hover) {
  .button--action.dark:hover, .dark.button--bordered:hover, .button--action.dark:focus-visible, .dark.button--bordered:focus-visible {
    background-color: var(--neutral-900);
  }
}
.button--action.full, .full.button--bordered {
  width: 100%;
}

.button--link, .button--close, .button {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
@media (min-width: 119.9375em) {
  .button--link, .button--close, .button {
    gap: 8px;
  }
}
@media (max-width: 64.0525em) {
  .button--link, .button--close, .button {
    gap: 8px;
  }
}
.button--link span, .button--close span, .button span {
  line-height: 1;
}

.button {
  padding: 0.4166666667vw 0.625vw;
}
@media (min-width: 119.9375em) {
  .button {
    padding: 8px 12px;
  }
}
@media (max-width: 64.0525em) {
  .button {
    padding: 8px 12px;
  }
}
@media (any-hover: hover) {
  .button:hover, .button:focus-visible {
    background-color: var(--neutral-50);
  }
}
.button.full {
  width: 100%;
}
.button span {
  line-height: 1;
}

.button--bordered {
  background-color: transparent;
  border: var(--border-width) solid var(--border-color-light);
}
.button--bordered.dark, .button--bordered.active {
  border-color: var(--border-color-dark);
}
.button--bordered span {
  line-height: 1;
  color: var(--neutral-700);
}
@media (any-hover: hover) {
  .button--bordered:hover, .button--bordered:focus-visible {
    border-color: var(--border-hover);
    background-color: transparent;
  }
}

.link {
  font-family: var(--font-samaritaine-sans);
  font-style: normal;
  font-weight: normal;
  line-height: 1.55;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: from-font;
}
@media (any-hover: hover) {
  .link:hover, .link:focus-visible {
    text-decoration: underline;
  }
}

.button--deploy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25vw;
  height: 1.25vw;
  min-width: 24px;
  min-height: 24px;
  top: 0.2604166667vw;
  position: relative;
  rotate: 0;
  transition: rotate 0.3s;
}
@media (min-width: 119.9375em) {
  .button--deploy {
    top: 5px;
  }
}
@media (max-width: 64.0525em) {
  .button--deploy {
    top: 5px;
  }
}

.buttons--wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9375vw;
  z-index: 1;
}
@media (min-width: 119.9375em) {
  .buttons--wrapper {
    gap: 18px;
  }
}
@media (max-width: 64.0525em) {
  .buttons--wrapper {
    flex-wrap: wrap;
    gap: 14px;
  }
}
.buttons--wrapper:has(.button--link, .button, .button--close) {
  gap: 1.6666666667vw;
}
@media (min-width: 119.9375em) {
  .buttons--wrapper:has(.button--link, .button, .button--close) {
    gap: 32px;
  }
}
@media (max-width: 64.0525em) {
  .buttons--wrapper:has(.button--link, .button, .button--close) {
    gap: 24px;
  }
}
.buttons--wrapper.column {
  flex-direction: column;
}

.button--burger {
  position: relative;
  width: 27px;
  height: 27px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  font-size: 0;
}
.button--burger > span, .button--burger:after, .button--burger:before {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 6px);
  height: 2px;
  background-color: var(--neutral-700);
  box-sizing: border-box;
  transition: all 0.4s;
}
.button--burger:before {
  translate: 0 -6px;
}
.button--burger:after {
  width: calc(75% - 5px);
  align-self: flex-start;
  translate: 0 6px;
}
.button--burger.active:after {
  opacity: 0;
}
.button--burger.active:before {
  translate: 0 0;
  rotate: -45deg;
}
.button--burger.active span {
  rotate: 45deg;
}

main {
  --mainColor: #3D2950;
}

.section--dfs-paliers ul, .section--dfs-advantages ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 64.0525em) {
  .section--dfs-paliers ul, .section--dfs-advantages ul {
    flex-direction: column;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-paliers .buttons--wrapper, .section--dfs-advantages .buttons--wrapper {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
}

.dfs--wrapper, .dfs--faq .single--wrapper:not(.fullsize) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.7083333333vw;
}
@media (min-width: 119.9375em) {
  .dfs--wrapper, .dfs--faq .single--wrapper:not(.fullsize) {
    gap: 52px;
  }
}
@media (max-width: 64.0525em) {
  .dfs--wrapper, .dfs--faq .single--wrapper:not(.fullsize) {
    gap: 52px;
  }
}

@media (max-width: 64.0525em) {
  .section--dfs-advantages.section {
    padding-top: 0 !important;
  }
  .section--dfs-advantages .container {
    max-width: 100%;
  }
}
.section--dfs-advantages .dfs--wrapper, .section--dfs-advantages .dfs--faq .single--wrapper:not(.fullsize), .dfs--faq .section--dfs-advantages .single--wrapper:not(.fullsize) {
  padding: 4.0625vw 4.4791666667vw;
}
@media (min-width: 119.9375em) {
  .section--dfs-advantages .dfs--wrapper, .section--dfs-advantages .dfs--faq .single--wrapper:not(.fullsize), .dfs--faq .section--dfs-advantages .single--wrapper:not(.fullsize) {
    padding: 78px 86px;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-advantages .dfs--wrapper, .section--dfs-advantages .dfs--faq .single--wrapper:not(.fullsize), .dfs--faq .section--dfs-advantages .single--wrapper:not(.fullsize) {
    padding: 62px 18px;
  }
}
.section--dfs-advantages .dfs--wrapper > .button--action, .section--dfs-advantages .dfs--faq .single--wrapper:not(.fullsize) > .button--action, .dfs--faq .section--dfs-advantages .single--wrapper:not(.fullsize) > .button--action {
  width: 100%;
}
.section--dfs-advantages ul {
  gap: 5.9375vw;
}
@media (min-width: 119.9375em) {
  .section--dfs-advantages ul {
    gap: 114px;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-advantages ul {
    gap: 28px;
  }
}
@media (min-width: 64.0625em) {
  .section--dfs-advantages ul li {
    flex: 1 1 0;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-advantages ul li {
    flex: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 62px;
  }
}
.section--dfs-advantages ul li .svg {
  margin-bottom: 1.1458333333vw;
}
@media (min-width: 119.9375em) {
  .section--dfs-advantages ul li .svg {
    margin-bottom: 22px;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-advantages ul li .svg {
    margin-bottom: 18px;
    width: 34px;
  }
}
.section--dfs-advantages ul li p {
  margin-bottom: 0.7291666667vw;
}
@media (min-width: 119.9375em) {
  .section--dfs-advantages ul li p {
    margin-bottom: 14px;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-advantages ul li p {
    margin-bottom: 12px;
  }
}

.section--dfs-paliers ul {
  padding: 0 5.4166666667vw;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 119.9375em) {
  .section--dfs-paliers ul {
    padding: 0 104px;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-paliers ul {
    padding: 0 56px;
    align-items: center;
    gap: 36px;
  }
}
.section--dfs-paliers ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 64.0625em) {
  .section--dfs-paliers ul li {
    flex: 1 1 0;
  }
}
.section--dfs-paliers ul li .media-image {
  width: 5.0520833333vw;
  max-width: 97px;
  margin-bottom: 1.25vw;
}
@media (min-width: 119.9375em) {
  .section--dfs-paliers ul li .media-image {
    margin-bottom: 24px;
  }
}
@media (max-width: 64.0525em) {
  .section--dfs-paliers ul li .media-image {
    width: 100px;
    max-width: 100px;
  }
}
.section--dfs-paliers .buttons--wrapper {
  flex-wrap: wrap;
  justify-content: center;
}
.section--dfs-paliers .buttons--wrapper > div {
  flex: 100%;
}

@media (max-width: 64.0525em) {
  .dfs--faq.section {
    padding-top: 62px;
  }
}
@media (max-width: 64.0525em) {
  .dfs--faq .aside--wrapper {
    margin-bottom: 0;
  }
}
.dfs--faq .faq--accordion {
  width: 100%;
}
@media (min-width: 64.0625em) {
  .dfs--faq .faq--accordion {
    max-width: 53.3333333333vw;
  }
}

/*# sourceMappingURL=style_dfs.css.map*/