.m-avis {
  position: relative;

  .container {
    position: relative;
  }

  .m-avis__wrap {
    overflow: hidden;
    max-width: 1464px;
    margin: 1rem auto 0 auto;
  }

  .m-avis__titre {
    margin: 0 0 1em;

    @media(width < 768px) {
      margin: 0;
    }


    @media(width < 768px) {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }

  .m-avis__texte {}

  .m-avis__loop {
    padding: 12px 12px 53px;
    opacity: 0;


    &.swiper-initialized {
      transition: opacity 0.3s ease-in-out 1s;
      opacity: 1;
    }

    @media(width < 768px) {
      margin-top: 1rem;
      margin-bottom: 1rem;
      padding-bottom: 50px;
      position: relative;
    }

    .swiper-slide {
      height: auto;
      padding: 0;
      margin: 0 auto;

      /* &.swiper-slide-active {
        transform: translateY(55px) !important;

        @media(width < 991px) {
          transform: translateY(0) !important;
        }
      } */

      .card-avis {
        margin: 0 auto;
      }

    }

    .swiper-pagination-avis {
      bottom: 0;
    }
  }

  .swiper-button-prev-avis,
  .swiper-button-next-avis {
    background-color: var(--wp--preset--color--main-accent);
    border-radius: 50%;
    color: var(--wp--preset--color--primary);
    width: 44px;
    height: 44px;

    &:after {
      font-size: 1rem;
    }
  }

  .swiper-button-prev-avis {
    left: -62px;

    @media(width < 768px) {
      left: 9px;
    }
  }

  .swiper-button-next-avis {
    right: -62px;

    @media(width < 768px) {
      right: 9px;
    }
  }

  .buttons {
    margin-top: 60px;

    @media(width < 768px) {
      margin-top: 30px;
    }
  }
}