@charset "utf-8";
/* Testimonials CSS Document */
#clienttestiminials { width:100%; margin:0;}
.testimonials-item { position:relative; margin-bottom:50px; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.testi-inner { position:relative; text-align:center; padding:30px;}
.testi-inner:before, .testi-inner:after { width:35px; height:35px; content:''; position:absolute;}
.testi-inner:before { top:0; left:0; border-left:2px solid #cd9b33; border-top:2px solid #cd9b33; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.testi-inner:after { bottom:0; right:0; border-right:2px solid #cd9b33; border-bottom:2px solid #cd9b33; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.testi-thumb { margin:0px 0 20px; display:inline-block; width:100%; text-align:center; position:relative; -webkit-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s;}
.test-thumb-img { width:90px; height:90px; display:inline-block; position:relative; top:0; z-index:1; border-radius:50%; -webkit-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s;}
.test-thumb-img img { width:100%; height:auto; display:block; border-radius:50%; border:5px solid #cd9b33;}
.test-thumb-img:before { content:'\f10e'; position:absolute; font-family:'Font Awesome 6 Pro'; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:#cd9b33; font-size:1.2em; color:#ffffff; right:-18px; top:47px;}
.testi-title { position:relative;}
.testi-title h5 { color:#ffffff; font-size:25px; display:inline-block; margin-bottom:15px;}
.testi-title h5 span { color:#cd9b33; font-size:16px;}
.testi-para { text-align:center; position:relative;}
.testi-stars { text-align:center; display:block; margin-bottom:15px;}
.spanrating { color:#ffb300 !important; font-size:16px; letter-spacing:5px; display:block;}
.testi-para p { font-weight:400; font-size:16px; color:#ffffff; line-height:30px; margin-bottom:0; font-style:italic; letter-spacing:0.5px; position:relative;}
.testimonials-item:hover .testi-inner:before, .testimonials-item:hover .testi-inner:after { width:100%; height:100%;}

/*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;}