.wrapper-testimonials .testimonials-carousel {
  padding: 50px 0;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial {
  position: relative;
  margin-bottom: 20px;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial::before {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  background: var(--igoal-gradient-2) border-box;
  border-radius: var(--spacing-500);
  height: 270px;
  width: 670px;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
  linear-gradient(#fff 0 0) padding-box,
  linear-gradient(#fff 0 0);
  mask-composite: xor;
  mask-composite: exclude;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback {
  height: 250px;
  width: 650px;
  padding: 7px;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user {
  background: var(--igoal-gradient-3);
  border-radius: 10px;
  height: 100%;
  width: 38%;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user .data {
  width: 65%;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user .data .name {
  font-size: 18px;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user .data .position {
  line-height: 20px;
}


.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user .data img {
  width: 55%;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .feedback-container {
  width: 55%;
  height: 100%;
  padding: 10px 0;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .feedback-container .company-logo img {
  max-height: 40px;
}

.wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .feedback-container .feedback {
  color: var(--grey-color);
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.5px;

}

@media (max-width: 768px) {
  .wrapper-testimonials .testimonials-carousel {
    padding: 20px 0;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial {
   margin: 2px;
  opacity: .5;
  transform: scale(.9,.9);
  transition: ease-in-out 300ms;
  }



  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial.slick-center {
    margin: 10px;
    opacity: 1;
    transform: scale(1,1);
   }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial::before {
    height: 500px;
    width: 280px;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback {
    height: 500px;
    width: 280px;
    flex-direction: column;
    margin: 0px !important;
    gap: 15px !important;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user {
    height: 240px;
    width: 100%;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user .data {
    padding: 20px;
    width: 100%;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .user .data img {
    width: 40%;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .feedback-container {
    align-items: center;
    width: 100%;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .feedback-container .company-logo img {
    max-height: 40px;
  }

  .wrapper-testimonials .testimonials-carousel .testimonials .testimonial .user-feedback .feedback-container .feedback {
    font-size: 14px;
    text-align: center;
    padding: 0 5px;
  }
}