.testemunial {
  background-color: #faf9f6;
  padding: 2.5rem 0;
}
.testemunial h1 {
  margin-bottom: 2.5rem;
}
.testemunial h3 {
  font-family: "Epilogue";
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #47455d;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 1.5rem;
}
.testemunial h4 {
  margin: 0.5rem 0 0;
  font-family: "Epilogue";
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: #47455d;
  margin-bottom: 1.5rem;
}
.testemunial .owl-testemunial.owl-carousel .row {
  max-width: 324px;
  margin-left: auto;
  margin-right: auto;
}
.testemunial .owl-testemunial.owl-carousel .owl-item img.m-auto {
  box-shadow: -10px 30px 0px -23px #faf9f6, -10px 30px 0px -18px #000000;
}
.testemunial .owl-testemunial.owl-carousel .owl-item img {
  width: auto;
}
.testemunial .body {
  margin: 3rem;
}

@media (min-width: 768px) {
  .testemunial {
    padding: 5rem 0;
  }
  .testemunial .owl-testemunial.owl-carousel .owl-item img.m-auto {
    box-shadow: 12px 14px 0px -1px #faf9f6, 12px 14px 0px 4px #000000;
  }
}
@media (min-width: 992px) {
  .yellow-site .testemunial .owl-nav [class*=owl-]:hover {
    color: #f6b913;
  }

  .blue-site .testemunial .owl-nav [class*=owl-]:hover {
    color: #47adf0;
  }

  .green-site .testemunial .owl-nav [class*=owl-]:hover {
    color: #8cc740;
  }

  .pink-site .testemunial .owl-nav [class*=owl-]:hover {
    color: #ed008c;
  }

  .orange-site .testemunial .owl-nav [class*=owl-]:hover {
    color: #F26121;
  }

  .other-site .testemunial .owl-nav [class*=owl-]:hover {
    color: #8248df;
  }

  .testemunial .body {
    margin: 0 2rem;
  }
  .testemunial .owl-testemunial.owl-carousel .row {
    max-width: 60rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .testemunial .owl-testemunial.owl-carousel .owl-item img.aling-center.m-auto {
    width: 19rem;
    margin-right: 1rem;
  }
  .testemunial .owl-nav {
    font-size: 8rem;
    color: gray;
  }
  .testemunial .owl-nav [class*=owl-]:focus {
    outline: none;
  }
  .testemunial .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    color: #f6b913;
  }
  .testemunial .owl-next, .testemunial .owl-prev {
    position: absolute;
    bottom: -5rem;
  }
  .testemunial .owl-next img, .testemunial .owl-prev img {
    max-width: 5rem;
  }
  .testemunial .owl-prev {
    right: 50vw;
  }
  .testemunial .owl-next {
    left: 50vw;
  }
  .testemunial .testemunial-shadow {
    height: 85%;
    width: 75%;
    margin: 1rem 0 0 1rem;
    z-index: 1;
    border: solid;
  }
  .testemunial .testemunial-shadow ~ img {
    position: absolute;
    z-index: 99;
  }
}
@media (min-width: 1199px) {
  .testemunial-shadow ~ img {
    width: auto;
  }
}
@media (min-width: 1400px) {
  .testemunial .owl-next, .testemunial .owl-prev {
    position: absolute;
    top: 4rem;
    bottom: initial;
  }
  .testemunial .owl-next img, .testemunial .owl-prev img {
    max-width: 10rem;
  }
  .testemunial .owl-next {
    right: 0;
    left: initial;
  }
  .testemunial .owl-prev {
    left: 0;
    right: initial;
  }
}