/* Mobile responsive navigation */
  @media (max-width: 575px) {
      h1 {
          padding: 0;
          width: 100%;
          font-size: 2.25rem;
          line-height: 1.05;
          margin-bottom: 0.8rem;
      }

      .explain {
          width: 100%;
          font-size: 0.95rem;
          line-height: 1.35;
      }

      .primary-table tbody tr {
          display: flex;
          flex-direction: column;
          height: auto;
      }

      .hero {
          height: auto;
          min-height: 720px;
          margin-top: 92px;
          align-items: flex-start;
          padding: 16px 0 24px;
      }

      .classement {
          grid-template-columns: 1fr;
          gap: 10px;
          margin-top: 16px;
      }

      .fiche {
          min-height: 122px;
          padding: 12px;
      }

      .fiche:nth-child(n+3) {
          display: none;
      }

      .fiche p {
          margin: 8px 0;
          font-size: 0.88rem;
      }

      .fiche .btn {
          padding: 9px 10px;
      }

      .primary-table tbody tr:nth-child(1) {
          display: none;
      }

      .primary-table tbody tr {
          border: 1px solid var(--accent-color);
      }

      .primary-table tbody tr td {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .primary-table tr td a {
          width: 100%;
          background: var(--accent-color) !important;
          border: none;
          color: var(--darker-bg);
          font-weight: bolder;
      }

      .avantage {
          height: auto;
          text-align: center;
          overflow: hidden;
          padding: 70px 5px;
      }

      .text-content>div:nth-child(1) {
          padding: 0;
      }

      section {
          padding: 15px 10px;
      }

      .col-md-6>div,
      .col-md-6 {
          margin-bottom: 10px;
      }

      .btn-primary,
      .img-container,
      .text-content .btn-primary {
          margin-bottom: 22px;
      }

      .nav-item {
          margin: 10px 0;
      }

      .fixed-footer {
          display: block;
      }

      .section-avantage h4 {
          margin-top: 60px;
          width: 75%;
          text-align: center;
      }

      .avantage {
          padding: 20px 10px !important;
          height: auto;
      }

  }

  @media (min-width: 576px) and (max-width: 767px) {

      .section-avantage h4 {
          margin-top: 60px;
          width: 75%;
          text-align: center;
      }

      .avantage {
          padding: 60px 10px !important;
          height: auto;
      }

      .container {
          max-width: 100%;
      }

      .btn-primary,
      .img-container,
      .text-content .btn {
          margin-bottom: 22px;
      }

      .hero {
          height: auto;
          min-height: 760px;
          margin-top: 100px;
          padding: 20px 0 28px;
      }

      h1 {
          width: 95%;
          font-size: 3rem;
          line-height: 1.08;
      }

      .explain {
          width: 90%;
      }

      .classement {
          grid-template-columns: 1fr 1fr;
          gap: 12px;
      }

      .fiche {
          min-height: 180px;
      }
  }

  @media (min-width: 768px) and (max-width: 991px) {
      .text-content {
          padding: 0 10px !important;
      }

      .container {
          max-width: 100%;
      }

      .row {
          flex-direction: column;
      }

      .row>div {
          width: 100%;
      }

      .btn-primary,
      .img-container,
      .text-content .btn {
          margin-bottom: 22px;
      }

      .text-content {
          padding: 40px 10px !important;
      }

      .hero {
          height: auto;
          min-height: 760px;
      }

      .classement {
          grid-template-columns: 1fr 1fr;
      }

  }

  @media (min-width: 992px) {}

  /* @media (min-width: 1200px) {
      .splide__arrow {
          display: none;
      }
  } */