.logo-carousel {
  padding: 2rem 0; /* Aggiunge un po' di spazio sopra e sotto */
}

.logo-carousel .splide__track {
  /* Allinea tutti i loghi verticalmente al centro */
  display: flex;
  align-items: center; 
}

.logo-carousel .splide__slide {
  /* Stili per ogni singolo logo */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px; /* Imposta un'altezza fissa per la "fila" di loghi */
}

.logo-carousel .splide__slide img {
  max-height: 50px; /* Limita l'altezza massima dei loghi */
  width: auto;
  filter: grayscale(100%); /* Loghi in bianco e nero di default */
  opacity: 0.7;
  transition: all 0.3s ease;
}

.logo-carousel .splide__slide:hover img {
  filter: grayscale(0%); /* A colori al passaggio del mouse */
  opacity: 1;
  transform: scale(1.1); /* Leggero effetto di ingrandimento */
}