@keyframes m-realisations-droite {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes m-realisations-gauche {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

.m-realisations {
  overflow: hidden;

  .m-realisations__content {
    margin-bottom: 80px;

    @media(width < 768px) {
      margin-bottom: 40px;
    }
  }

  .m-realisations__titre {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--wp--preset--color--main);
    font-weight: var(--wp--custom--font-weight--semi-bold) !important;

    .has-highlight-text {
      font-weight: 300;
    }
  }

  .m-realisations__texte {
    p {
      margin-bottom: 0;
      color: #212529;
    }

    .encadre-gris {
      padding: 15px;
      margin: 6px 0 0;
      border-radius: 10px 5px 5px 5px;
      background-color: #F4F4F4;

      p {
        margin: 0;
      }
    }
  }

  .m-realisations__rangee {
    display: flex;
    gap: 32px;
    overflow: hidden;
    margin-bottom: 32px;
  }

  .m-realisations__rangee:last-of-type {
    margin-bottom: 0;
  }

  /* .m-realisations__rangee:hover .m-realisations__track {
    animation-play-state: paused;
  } */

  .m-realisations__rangee--droite {
    .m-realisations__track {
      animation: m-realisations-droite var(--duree, 30s) linear infinite;
    }
  }

  .m-realisations__rangee--gauche {
    .m-realisations__track {
      animation: m-realisations-gauche var(--duree, 30s) linear infinite;
    }
  }

  .m-realisations__track {
    display: flex;
    flex-shrink: 0;
    gap: 32px;
    will-change: transform;

    .m-realisations__item {
      flex-shrink: 0;
      width: 533px;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .m-realisations__track {
    animation: none !important;
  }
}