html,
body {
      margin: 0;
      padding: 0;
      background: transparent;
      overflow-x: hidden;
    }

    .logo-slider {
      width: 100%;
      overflow: hidden;
      background-color: transparent;
      padding: 20px 0;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .logo-track {
      display: flex;
      width: calc(200px * 22 * 2); /* 10 λογότυπα επί 2 για looping */
      animation: scroll 40s linear infinite;
    }

    .logo-track img {
      width: 200px;
      height: auto;
      margin: 0 20px;
      object-fit: contain;
      filter: grayscale(0%);
      transition: filter 0.3s ease;
    }

    .logo-track img:hover {
      filter: grayscale(0%);
    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }