@charset "utf-8";
/* Testimonials CSS Document */
#clienttestiminials { width:100%; margin: 0; }
.testimonials-item { text-align:left; position:relative; margin-bottom:50px;}

.testi-content { position:relative;}
.testi-content:before { background-color:#ffffff; position:absolute; content:''; height:42px; width:2px; top:13px; left:20px; display:block; -webkit-transition:all .5s ease 0s; transition:all .5s ease; z-index:1;}
.testi-content:after { background-color:#ffffff; position:absolute; content:''; height:85px; width:2px; top:13px; left:30px; display:block; -webkit-transition:all .5s ease 0s; transition:all .5s ease;}

.testi-author { position:relative; display:block; width:100%; padding-top:5px; margin:0 auto;}

.testi-desc { padding:0px 22px 20px 60px; position:relative; overflow:hidden;}
.testi-para { position:relative; font-size:17px; line-height:29px; text-align:left; font-style:italic;}
.testi-para p { margin-bottom:10px;}
.testi-stars { text-align:left; padding:0; margin-bottom:15px; overflow:hidden; display:block;}
.spanrating { color:#ffb300; font-size:16px; letter-spacing:10px; display:block;}

.testi-thumb { padding:10px; position:relative; display:block; background-color:rgba(255,255,255,0.3); border-top-left-radius:50px; border-bottom-left-radius:50px;}
.testi-thumb-img { width:70px; border-radius:50%; display:table-cell; vertical-align:top;}
.testi-thumb-img img { width:100%; height:auto; display:block; border-radius:50%;}
.testi-thumb:before { content:'\f10e'; position:absolute; font-family:'Font Awesome 6 Pro'; font-size:4em; color:#ffffff; font-weight:700; right:25px; top:36%; opacity:0.3; z-index:9;}
.tmttl { text-align:left; padding:0 0 0 20px; display:table-cell; vertical-align:middle;}
.tmttl h6 { margin-bottom:0;}
.tmttl span { color:#ffb100; font-weight:500;}

.testimonials-item:hover .testi-content:before { height:85px; background-color:#ffb100;}
.testimonials-item:hover .testi-content:after { height:42px; background-color:#ffb100;}

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px; }
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden; }
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%; }
.tmnllisting .tmnlcont{ overflow:hidden; }
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase; }

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize; }
#testimonials-widget p{ margin-bottom:15px; }


