body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
    }

    .slider-container {
      position: relative;
      overflow: hidden;
      /*background: linear-gradient(90deg, #e8f0fe, #ffffff);*/
      padding: 20px 0;
      /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
    }

    .slider {
      display: flex;
      gap: 30px;
      animation: scroll 15s linear infinite;
    }

    .card {
      flex: 0 0 auto;
      width: 200px;
      height: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
    }

    .card img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      border-radius: 10px;
    }

    .card:hover {
      transform: scale(1.1);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }

    /* Seamless scrolling animation */
    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%);
      }
    }

    /* Pause animation on hover */
    .slider-container:hover .slider {
      animation-play-state: paused;
    }

    /* For mobile responsiveness */
    @media (max-width: 600px) {
      .card {
        width: 140px;
        height: 140px;
      }

      .slider {
        gap: 20px;
      }
    }