<section class="py-5">
    <div class="container ">
      <p class="h3 mb-0 text-center ">Dicono di noi</p>
      <ul class="list-inline text-serif text-center mb-4">
        <li class="list-inline-item mr-0"> <strong style="font-size:20px"> <strong>Punteggio</strong>: 4.81 su 5 </strong> </li>
        <li class="list-inline-item mr-0">basato su 480 Recensioni</li>
      </ul>
      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
        <div class="col mb-5 mb-lg-10">
          <div class="card h-100">
            <div class="card-body">
              <p class="card-text fs-3"><em>"Ottimo"</em></p>
              <div > <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> </div>
            </div>
            <div class="card-footer pt-0">
              <h6 class="mb-0">di Simonetta Radaelli</h6>
            </div>
          </div>
        </div>
        <div class="col mb-5 mb-lg-10">
          <div class="card h-100">
            <div class="card-body">
              <p class="card-text fs-3"><em>"Ottimo! Tutto perfetto lo consiglio"</em></p>
              <div > <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star-half.svg" alt="Review rating" width="18"> </div>
            </div>
            <div class="card-footer pt-0">
              <h6 class="mb-0">di Utente anonimo</h6>
            </div>
          </div>
        </div>
        <div class="col mb-5 mb-lg-10">
          <div class="card h-100">
            <div class="card-body">
              <p class="card-text fs-3"><em>"SERVIZIO LENTO"</em></p>
              <div > <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star-muted.svg" alt="Review rating" width="18"> <img src="./assets/svg/illustrations/star-muted.svg" alt="Review rating" width="18"> </div>
            </div>
            <div class="card-footer pt-0">
              <h6 class="mb-0">di NICHOLAS SERMOLINI</h6>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>