@charset "UTF-8";
/**
 * Bootstrap customised
 *
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 */
.block__partners {
  padding: 5rem 0;
}
.block__partners .image-partners-slider {
  padding: 3rem;
  /* Wrapper delle slide */
  /* Stili per ciascuna slide */
  /* Aggiungi un po' di stile all'immagine, se presente */
  /* Stili per la navigazione (freccia destra e sinistra) */
  /* Paginazione: i puntini che appaiono sotto lo slider */
  /* Stile per un effetto di "shadow" durante lo scroll */
}
.block__partners .image-partners-slider .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden; /* Assicura che non fuoriescano contenuti */
  position: relative;
}
.block__partners .image-partners-slider .swiper-wrapper {
  display: flex;
  transition-timing-function: ease-out; /* Migliora la transizione tra le slide */
  transition-duration: 0.3s; /* Dà un po' di fluidità allo spostamento */
}
.block__partners .image-partners-slider .swiper-slide {
  flex-shrink: 0; /* Impedisce la riduzione delle dimensioni della slide */
  width: auto; /* Imposta la larghezza della slide in base al suo contenuto */
  height: 100%; /* Imposta l'altezza al 100% del contenitore */
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 10px; /* Spaziatura interna */
}
.block__partners .image-partners-slider .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: cover; /* Mantieni l'immagine ben adattata */
  border-radius: 8px; /* Puoi aggiungere angoli arrotondati */
}
.block__partners .image-partners-slider .swiper-button-next,
.block__partners .image-partners-slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.block__partners .image-partners-slider .swiper-partners-pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.block__partners .image-partners-slider .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
}
.block__partners .image-partners-slider .swiper-pagination-bullet-active {
  background-color: #fff; /* Colore attivo per i puntini */
}