@charset "utf-8";
/* Testimonials CSS Document */
#clienttestiminials{ width: 100%; margin: 0 auto; }
#clienttestiminials .owl-carousel .owl-stage-outer{ padding: 10px 0; }
.testimonials-item{ position: relative; padding: 30px; margin-top: 10px; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; background-color: #ffffff; border-radius: 16px; }
.testi-thumb{ width: 80px; margin: 0; position: relative; border-radius: 50%; box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; z-index: 1; }
.testi-thumb img{ border-radius: 50%; }
.testi-thumb:before{ content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% + 10px); height: calc(100% + 10px); background-color: #0092FF; border-radius: 50%; z-index: -1;  transition: all .2s ease-in-out; }
.testi-content{ position: relative; margin: 30px 0; }
.testi-desc p{ font-size: 16px; line-height: 1.8; margin-bottom: 0; }
.testimonials-item h3{ margin-bottom: 0; }
.testimonials-item .tmttl{ position: relative; flex: 1 0; margin-left: 20px; }
.testimonials-item .tmttl h4{ margin: 0; font-size: 24px; font-weight: 500; font-family: 'Jost'; }
.testimonials-item .tmttl h4 a{ color:#090C0F; }
.testimonials-item .tmttl h4 a:hover{ color:#0092FF; }
.testimonials-item .tmttl p{ margin-bottom: 0; }
.testimonials-item .tmttl span{ display:block; margin:0; font-style:normal; font-size: 16px; font-weight:400; color:#0092FF; letter-spacing: 1px; }
.testimonials-item:hover .testi-thumb:before{ left: -5px; bottom: -5px; }
.rating{ color: #ffa534; letter-spacing: 2px; margin-left: auto; }

#clienttestiminials .owl-nav button{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#clienttestiminials .owl-nav button.owl-prev{ left: -50px; }
#clienttestiminials .owl-nav button.owl-next{ right: -50px; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px; }
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 30px 0 0; overflow:hidden; border: 3px solid #0092FF; }
.tmnllisting .tmnlthumb img{ width:100%; height:100%; }
.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; }