.logo-slider {
    padding: 40px 0;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    }
    
    .logo-slider-title {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    color: var(--primary-color);
    }
    
    .slider-container {
    width: 100%;
    overflow: hidden;
    }
    
    .slide-track {
      display: flex;
      width: calc(250px * 66); /* 33 logos * 2 (since duplicated for seamless loop) */
      animation: scroll 60s linear infinite;
    }
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    
    
    .slide {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 32px;
      height: 120px; /* Ensures all logos are vertically centered */
    }
    
    .slide img {
      display: block;
      margin: 0 auto;
      max-width: 170px;
      max-height: 90px;
      object-fit: contain;
      vertical-align: middle;
    }