@font-face {
      font-family: 'Poppins';
      src: url('/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'Poppins';
      src: url('/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
  

      html {
        scroll-behavior: smooth;
      }
  
      body {
        font-family: var(--text-font);
        color: var(--text-color);
      }

      .front-root, .front-container {
        --title-font: 'Poppins', sans-serif;
        --text-font: 'Poppins', sans-serif;
        --primary-color: #06375A;
        --secondary-color: #4ECDC4;
        --text-color: #112737;
        --button-color: #FF2D55;
        --background-color: white;

        /* Header */
        --header-text: #06375A;
        --header-link: #FF2D55;
        --header-link-hover: #4ECDC4;
  
        /* Footer */
        --footer-text: #06375A;
        --footer-link: #FF2D55;
        --footer-link-hover: #4ECDC4;

        /* Fonts */
        font-family: var(--text-font);

        /* Styles for buttons */
        button, .button {
          border-radius: rounded-md;
        }

      /* Application de la font de titre aux éléments de titre */
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: var(--title-font);
      }

        h1 {
          font-size: 3rem; /* Mobile */
          font-weight: 700; /* font-bold */
        }
        @media (min-width: 768px) {
          h1 {
            font-size: 3.7rem; /* Tablette */
          }
        }

        h2 {
          font-size: 2.5rem; /* Mobile & Tablette */
          font-weight: 600; /* font-semibold */
        }
        @media (min-width: 1024px) {
          h2 {
            font-size: 3rem; /* Desktop */
          }
        }

        h3 {
          font-size: 2.2rem; /* Mobile & Tablette */
          font-weight: 600; /* font-semibold */
        }
        @media (min-width: 1024px) {
          h3 {
            font-size: 2.4rem; /* Desktop */
          }
        }

        h4 {
          font-size: 1.7rem; /* All sizes */
          font-weight: 600; /* font-semibold */
        }

        /* Styles for RichText */
        .rich-text ul {
          list-style-type: disc;
          margin-left: 1.5rem;
          margin-bottom: 1rem;
        }

        .rich-text ol {
          list-style-type: decimal;
          margin-left: 1.5rem;
          margin-bottom: 1rem;
        }

        .rich-text li {
          margin-bottom: 0.5rem;
        }

        .rich-text p {
          margin-bottom: 1rem;
        }

        .rich-text a {
          color: var(--button-color);
          text-decoration: underline;
        }

        /* Styles for buttons */
      button:not(.video-container), .button {
        border-radius: 0.375rem;

      }

      .swiper-slide {
  height: auto !important;
}
}