Opatra Clinic

Aesthetics Clinic - Advanced Skin Care

  • Facial Treatments, Body Treatments
  • Advanced Beauty & Skincare
  • Anti-ageing, Antioxidant and Microneedling
Book with Hertfordshire's premier Aesthetics Clinic

Contact Opatra Clinic

Thank you very much. I am very happy about the highly professional approach, kindness and compassion before, during and after the procedure performed by Daniela. I will definitely book the next appointment. Excellent service!
Margaret H.
Verified Review

As Featured In:

See What Our Clients Have To Say

Opatra Clinic are Specialists in Advanced non-invasive skincare treatment powered by Award Winning Technology.

Join Hundreds of Happy Teachers

Don't Just Take Our Word For It

Join hundreds of happy teachers who trust Class Education to find their perfect role. Whether you're looking for supply work or a permanent position, we’re here to help

/* -- 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%);
  }
}