/* Logo Scroller Styles */
#logo-scroller {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px ; /* Add some spacing */
  background-color: #f8f9fa; /* Light gray background */
  
}

#logo-track {
  display: inline-block;
  animation: scrollLogos 60s linear infinite; /* Slower scrolling */
}

.logo {
  display: inline-block;
  height: 50px; /* Larger logo size */
  margin: 15px;
  opacity: 0.8; /* Slightly transparent logos */
  transition: opacity 0.3s; /* Smooth hover effect */
}

.logo:hover {
  opacity: 1; /* Fully opaque on hover */
}

.logo img {
  height: 100%;
}

/* Animations */
@keyframes slideLeftToRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

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

/* Responsive Design */
@media (max-width: 768px) {


  .logo {
    height: 40px;
    margin: 10px;
  }
}