
  .comment__text{
    font-size: var(--fs-medium);
    font-weight: var(--fw-medium);
    line-height: var(--leading-tight);
    line-height: 1.1; 
    max-width: 28ch;
    text-align: center;
  }
  
  .comment__name {
    margin-top: calc(var(--spacing)*0.5);
    text-align: center;
  }
  



  .swiper {
    width: 100%;
    max-width: 700px;
    height: auto;
    position: relative;
    padding-bottom: 40px; /* espace réservé pour les dots */
   
    .swiper-slide{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .comments-slider__dots{
      position: absolute;
      bottom: 10px; /* espace du bas */
      left: 0;
      width: 100%;
      text-align: center;

      .swiper-pagination-bullet{ 
        background-color: var(--grey-600);
        opacity: 1;
      }
      .swiper-pagination-bullet-active{
        background-color: var(--color-txt);
        opacity: 1;
      }
      

    }

    
  }

 
  