.testimonial-section *{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.testimonial-section{
  width:100%;
  padding:120px;
  overflow:hidden;
  position:relative;
  background:#f8f7f7;
}

.testimonial-header{
  text-align:center;
}

.testimonial-header span{
  color:#d3a35e;
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:14px;
}

.testimonial-header h2{
  font-size:80px;
  line-height:1;
  font-weight:300;
  color:#222;
  margin-top:20px;
}

.testimonial-header h2 strong{
  color:#5f259f;
}

.testimonial-header p{
  max-width:700px;
  margin:30px auto 0;
  font-size:18px;
  color:#666;
  line-height:1.7;
}

.testimonial-carousel{
  width:100%;
  height:500px;
  margin-top: 7rem;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  perspective:1000px;
}

.testimonial-item{
  position:absolute;
  width:450px;
  transition:
  transform .9s ease,
  opacity .9s ease;
  opacity:0;
  transform:scale(.7);
  overflow:hidden;
}

.testimonial-item img{
  width:100%;
  height:600px;
  object-fit:cover;
  border-radius:35px;
  transform:scale(1.35);
}

/* Card en movimiento */

.testimonial-item.active{
  transform:
  translateX(0)
  scale(1);
  opacity:1;
  z-index:5;
}

.testimonial-item.prev{
  transform:
  translateX(-520px)
  scale(.75);
  opacity:.4;
}

.testimonial-item.next{
  transform:
  translateX(520px)
  scale(.75);
  opacity:.4;
}

.testimonial-item.hidden{
  transform:scale(.5);
  opacity:0;
  z-index:1;
}


@media(max-width:900px){

  .testimonial-header h2{
    font-size:55px;
  }

  .testimonial-item{
    width:260px;
  }

  .testimonial-item.prev{
    transform:
    translateX(-170px)
    scale(.75);
  }

  .testimonial-item.next{
    transform:
    translateX(170px)
    scale(.75);
  }
}

@media(max-width:600px){

  .testimonial-section{
    padding:90px 20px;
  }

  .testimonial-header h2{
    font-size:40px;
  }

  .testimonial-header p{
    font-size:16px;
  }

  .testimonial-carousel{
    height:350px;
  }

  .testimonial-item.prev,
  .testimonial-item.next{
    opacity:0;
  }

  .testimonial-item{
    width:100%;
    max-width:300px;
  }
}