Fat Freezing Treatments - Now Only £399 £89!!!

/* -- The root styles must go in the element of the structure with the name "Testimonial"(Section). --*/

.testimonial-28 {
  /* Here you can change the width (10%) of the transparency shadows on the sides of the container. */
  --testimonial-28-transparency-size: 10%;

  /* Here you can change the animation time (65s), the more time you add, the slower the animation will be. */
  --testimonial-28-duration: 165s;

  .testimonial-28__testimonial-list-container {
    -webkit-mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--testimonial-28-transparency-size), #000 calc(100% - var(--testimonial-28-transparency-size)), transparent);

    mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--testimonial-28-transparency-size), #000 calc(100% - var(--testimonial-28-transparency-size)), transparent);

    /* Styles for even list containers */
    &:nth-child(even) {
      .testimonial-28__testimonial-list {
        animation: testimonial-28-horizontal-scroll-rtl var(--testimonial-28-duration) linear infinite;
      }

      /* These styles apply only when the document has RTL text direction */
      &:dir(rtl) {
        flex-direction: row-reverse;
      }
    }

    /* Styles for odd list containers */
    &:nth-child(odd) {
      flex-direction: row-reverse;

      /* These styles apply only when the document has RTL text direction */
      &:dir(rtl) {
        flex-direction: row;
      }

      .testimonial-28__testimonial-list {
        animation: testimonial-28-horizontal-scroll-ltr var(--testimonial-28-duration) linear infinite;
      }
    }

    /* When you put the mouse over the container the animation will stop. */
    &:hover {
      .testimonial-28__testimonial-list {
        animation-play-state: paused;
      }
    }

  }


}

/* Animation from right to left */
@keyframes testimonial-28-horizontal-scroll-rtl {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

/* Animation from left to right */
@keyframes testimonial-28-horizontal-scroll-ltr {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}