.slide-left {
    animation-name: slideInLeft;
}

.slide-right {
    animation-name: slideInRight;
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.main-header__top-left {
    flex: 1;
    max-width: calc(100% - 500px); /* Ajustez la valeur en fonction de l'espace nécessaire */
    overflow: hidden;
}

.scrolling-text {
    color: #fe7f4c;
    display: inline-block;
    animation: scroll-left 50s linear infinite;
    white-space: nowrap;
}

  @keyframes scroll-left {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }