#testimonialCarousel .img-wrapper {
  max-width: 100%; 
  height: 23em;
}


#testimonialCarousel .carousel img {
  width: 70px;
  max-height: 70px;
  border-radius: 50%;
  margin-right: 1rem;
  overflow: hidden;
}

#testimonialCarousel .carousel-inner {
  padding: 1em;
}

@media screen and (min-width: 576px) {
  
  #testimonialCarousel .carousel-inner {
    display: flex;
    width: 90%;
    margin-inline: auto;
    padding: 1em 0;
    overflow: auto; 
  }
  
  #testimonialCarousel .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 2);
  }

}

@media screen and (min-width: 1024px) {
  
  #testimonialCarousel .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 3);
  }
}


#testimonialCarousel .carousel .card {
  margin: 0 0.5em;
  border: 0;
}


#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next {
  width: 1rem;
  height: 1rem;
  background-color: rgb(233, 226, 226);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%); 
}

    .marquee-container {
      overflow: hidden;
      position: relative;
      background-color: #f8f9fa; /* Colore chiaro Bootstrap */
      border: 1px solid #dee2e6;
      padding: 25px 0;
    }

    .marquee-text {
      display: inline-block;
      white-space: nowrap;
      position: absolute;
      will-change: transform;
      animation: marquee 10s linear infinite;
    }

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