body {
  font-family: Arial, Helvetica, sans-serif;
  background: #49474f
}

.testimonial-carousel {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

.testimonials-wrapper {
  width: 95%;
  max-width: 500px;
  margin: 0 auto
}

.testimonials-wrapper h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  position: relative;
  padding: 30px;
  color: #000;
  border-radius: 5px;
  background: #fff;
  box-shadow: 5px 5px 5px 0 rgba(23, 23, 25, .3)
}

.testimonials-blob,
.testimonials-img {
  border-radius: 100%
}

.testimonials-img {
  position: relative;
  left: 50%;
  overflow: hidden!important;
  width: 300px;
  height: 300px;
  margin-bottom: 10px;
  margin-left: -50px;
  box-shadow: 0 0 0 5px #171719;
  -webkit-transition: all ease-out .5s;
  transition: all ease-out .5s;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  -webkit-filter: brightness(2);
          filter: brightness(2)
}

.testimonial-carousel .active .testimonials-img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-filter: brightness(1);
          filter: brightness(1)
}

.testimonials-person-info {
  text-align: center;
  color: #fff
}

.testimonials-blob {
  position: relative;
  left: 80%;
  width: 3px;
  height: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg)
}

@-webkit-keyframes anim {
  0% {
    opacity: 0;
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff
  }
  50% {
    box-shadow: 0 15px 0 0 #fff, 0 0 0 0 #fff
  }
  100% {
    opacity: 1;
    background: #fff;
    box-shadow: 0 15px 0 4px #fff, 0 35px 0 6px #fff
  }
}

@keyframes anim {
  0% {
    opacity: 0;
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff
  }
  50% {
    box-shadow: 0 15px 0 0 #fff, 0 0 0 0 #fff
  }
  100% {
    opacity: 1;
    background: #fff;
    box-shadow: 0 15px 0 4px #fff, 0 35px 0 6px #fff
  }
}

.testimonial-carousel .active .testimonials-blob {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: anim linear .5s;
          animation: anim linear .5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards
}

.testimonial-carousel {
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab
}

.testimonial-carousel:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.testimonial-carousel .owl-item {
  overflow: hidden;
  -webkit-transition: all ease-out .3s;
  transition: all ease-out .3s;
  -webkit-transform: scale(.7);
          transform: scale(.7);
  opacity: 0
}

.testimonial-carousel .owl-item.active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev {
  font-size: 13px;
  line-height: 35px;
  position: absolute;
  top: 50%;
  padding: 0 10px;
  -webkit-transition: all ease-out .25s;
  transition: all ease-out .25s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 1;
  color: #fff;
  border-radius: 3px;
  background: #171719
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover {
  color: #fff;
  background: #615e6b
}

.testimonial-carousel .owl-prev {
  left: 0
}

.testimonial-carousel .owl-next {
  right: 0
}

.testimonial-carousel .owl-next.disabled,
.testimonial-carousel .owl-prev.disabled {
  opacity: 0
}