/* Outer wrapper clips overflow */
    .marquee-wrapper {
      background: #ffffff;
      border-top: 1px solid #e8e8e8;
      border-bottom: 1px solid #e8e8e8;
      overflow: hidden;
      padding: 10px 0;
      width: 100%;
    }

    /* Inner track holds all logo sets side by side */
    .marquee-track {
      display: flex;
      width: max-content;
      will-change: transform;
    }

    /* Each "set" is a group of logos */
    .logo-set {
      display: flex;
      flex-shrink: 0;
    }

    /* Row 1: right → left */
    .marquee-track.left {
      animation: scroll-left 35s linear infinite;
    }

    /* Row 2: left → right */
    .marquee-track.right {
      animation: scroll-right 35s linear infinite;
    }

    /* Animate exactly one set width so loop is seamless */
    @keyframes scroll-left {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-25%); }
    }

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

    /* Pause on hover */
    .marquee-wrapper:hover .marquee-track {
      animation-play-state: paused;
    }

    /* Individual logo card */
    .logo-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 250px;
      padding: 5px 15px;
      border-right: 1px solid #f0f0f0;
      gap: 0px;
      flex-shrink: 0;
    }

    .logo-box img {
      height: 80px;
      width: auto;
      max-width: 180px;
      object-fit: contain;

      display: block;
    }

    .logo-box:hover img {
      opacity: 1;
	}

    .student-count {
      Display:none;
    }