body {}

    .slider-container {
      overflow: hidden;
      width: 100%;
      position: relative;
      padding-bottom: 50px;

    }

    .slider {
      display: flex;
      gap: 20px;
      animation: slideLeft 20s linear infinite;
    }

    .slider:hover {
      animation-play-state: paused;
    }

    @media screen and (max-width : 800px) {
      .slider {
        width: 1800px;
        display: flex;
        gap: 20px;
        animation: slideLeft 20s linear infinite;
      }
    }

    .review {
      flex: 0 0 300px;
      background: white;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .review .stars {
      color: #fbc02d;
      font-size: 20px;
      margin-bottom: 10px;
    }

    .review .author {
      font-weight: bold;
      margin-bottom: 5px;
    }

    .review .date {
      font-size: 0.9em;
      color: #777;
      margin-bottom: 10px;
    }

    @keyframes slideLeft {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-100%);
      }
    }