/* Slider container styling */
.logo-slider {
  display: flex;
  justify-content: center; /* Center the logos horizontally */
  align-items: center;    /* Center the logos vertically */
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

/* Individual slide styling */
.logo-slide {
  width: 120px;              /* Set a fixed width */
  height: 60px;              /* Set a fixed height */
  margin: 0 10px;            /* Add spacing between slides */
  background-size: contain;  /* Ensure the logo fits within the box */
  background-position: center; /* Center the logo */
  background-repeat: no-repeat; /* Prevent the logo from repeating */
  background-color: transparent; /* Optional: Set a background color for testing */
}

/* Optional: Responsive settings for smaller screens */
@media (max-width: 768px) {
  .logo-slide {
    width: 100px;
    height: 50px;
  }
}

@media (max-width: 480px) {
  .logo-slide {
    width: 80px;
    height: 40px;
  }
}