/* ------------------------
    Testimonials
------------------------*/
.testimonial { position: relative; }
.testimonial p { font-size: 20px; line-height: 32px; margin: 30px 0; position: relative; }
.testimonial .testimonial-caption { z-index: 9; position: relative; }
.testimonial .testimonial-caption label { margin-bottom: 0; font-weight: 500; color: var(--themeht-text-color); display: block; }
.testimonial .testimonial-caption h5 { color: var(--themeht-primary-color); display: inline-block; margin-bottom: 5px; }
.testimonial .testimonial-quote i { position: relative; display: inline-block; z-index: 9; color: #f3f3f3; font-size: 70px; line-height: 1;}
.testimonial-img img { border-radius: 24px; position: relative; z-index: 9; width: 100%; }
.testimonial-media { display: flex; align-items: center; }
.testimonial.style-1 { background-color: var(--themeht-white-color); text-align: center; border-radius: 24px; width: 100%; padding: 70px; box-shadow: none; margin-bottom: 150px; }
.testimonial.style-1::before { z-index: -1; content: ""; background-color: rgba(255, 255, 255, .5); box-shadow: 0 8px 250px rgba(24, 29, 88, .05); width: 92%; height: 100px; position: absolute; left: 4%; bottom: -30px; border-radius: 24px; }
.testimonial.style-1::after { z-index: -1; content: ""; background-color: rgba(255, 255, 255, .5); width: 84%; height: 100px; position: absolute; left: 8%; bottom: -60px; box-shadow: 0 8px 250px rgba(24, 29, 88, .05); border-radius: 24px; }
.testimonial-author { display: flex; align-items: center; justify-content: center; }
.testimonial.style-1 .testimonial-img { border-radius: 100%; position: relative; flex-shrink: 0; display: inline-block; width: 120px; height: 120px; margin-right: 20px }
.testimonial .testimonial-img img { border-radius: 100%; position: relative; z-index: 9; width: 100%; }
.testimonial p { margin-bottom: 1rem; }


.testimonial.style-1 .testimonial-quote { position: absolute; left: 0; top: -80px; }
.testimonial.style-1 .testimonial-quote.right { position: absolute; left: inherit; right: 80px; top: inherit; bottom: 60px; width: 100px; }

.testimonial.style-2 { background: #fff; padding: 40px; border-radius: 24px ; box-shadow: 0 10px 35px 5px rgba(137, 173, 255, .15); margin: 12px}
.testimonial.style-2 .testimonial-img { width: 100px; }
.testimonial.style-2 .testimonial-quote i { position: relative; display: inline-block; z-index: 9; color: var(--themeht-primary-color); font-size: 40px; line-height: 1; opacity: 1; }
.testimonial-footer { display: flex; justify-content: space-between; align-items: center; }
.testimonial.style-2 p { font-size: 18px; line-height: 28px; }

.testimonial-rating i { color: #ffb300; margin-right: 2px; font-size: 14px; line-height: 1; }
.testimonial-side-img li {transform: scale(0.8); position: absolute; animation: leftRight 1.2s infinite; animation-duration: 5s; width: 100px; border-radius: 100%; cursor: pointer;}
.testimonial-side-img li img {transform: scale(0.8); border-radius: 100%}
.testimonial-side-img li.active img {transform: scale(1);}
.testimonial-side-img li:nth-child(1) { left: 10%; top: 15%; }
.testimonial-side-img li:nth-child(2) { left: 5%; bottom: 30%; }
.testimonial-side-img li:nth-child(3) { right: 15%; top: 5%; }
.testimonial-side-img li:nth-child(4) { right: 10%; bottom: 40%; }

.testimonial-marquee { overflow-y: hidden; max-height: 500px; padding-right: 50px; }
.testimonial-marquee-inner { will-change: transform; animation: marquee-verticle 10s linear infinite; }
.testimonial.style-3 { background: var(--themeht-white-color); padding: 50px; border-radius: 24px; margin: 50px 0; }
.testimonial.style-3 .testimonial-img { border-radius: 100%; position: relative; flex-shrink: 0; display: inline-block; width: 70px; height: 70px; margin-right: 15px }
.testimonial.style-3 p { margin: 30px 0 0; }