@charset "utf-8";
/* Testimonials CSS Document */
#clienttestiminials{ width: 100%; margin: 0 auto; }

/* Center item sizes */
.clienttestiminials .owl-item.center { width: 720px !important; }
.clienttestiminials .owl-item.center .testi-thumb { width: 34%; }
.clienttestiminials .owl-item.center .testi-content {  width: 62%; display: block; padding-left: 30px; }

/* Side items */
.clienttestiminials .owl-item.active:not(.center) { width: 260px !important; }
.clienttestiminials .owl-item.active:not(.center) .testi-thumb { width: 100%; text-align: center; }
.clienttestiminials .owl-item.active:not(.center) .testi-content { display: none; }

/* Image styling */
.testi-thumb img { border-radius: 15px; max-width: 100%; height: auto; display: block; margin: 0 auto; }

/* Optional — Add transition for smoother appearance */
.clienttestiminials .owl-item .item { transition: all 0.4s ease; }

/* Center item appearance */
.clienttestiminials .owl-item.center .item { box-shadow: 0px 1px 8px 0px #00000040; border-radius: 15px; padding: 20px; margin-top: 2px; background-color: #ffffff; }
.testimonial-rating{ letter-spacing: 2px; margin-bottom: 20px; }
.tmicon{ position: absolute; bottom: 20px; right: 20px; font-size: 74px; color: #DA2847; }
.tmttl h4{ font-size: 24px; font-weight: 400; line-height: 32px; margin: 0 0 5px 0; }
.testimonials-item .tmttl h4 a{color: #3A0F1A;}
.testimonials-item .tmttl span { color: #DA2847; }
.testimonials-item .testi-desc p{ line-height: 30px; }

/* Optional responsiveness */
@media screen and (min-width:320px) and (max-width:767px) {
    .clienttestiminials .owl-item.center .list-group-item {
    padding: 10px 10px;
  }
  .clienttestiminials .testimonial-desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

@media screen and (min-width:481px) and (max-width:767px) {
  .clienttestiminials .owl-item.center {
    width: 360px !important;
  }
  .clienttestiminials .owl-carousel .owl-nav {
    margin-top: 25px;
  }
  .clienttestiminials .owl-carousel .owl-stage-outer {
    height: 275px;
  }
}

@media screen and (min-width:425px) and (max-width:575px) {
  .clienttestiminials .owl-item.center {
    width: 400px !important;
  }
  .clienttestiminials .testimonial-quote-img {
    width: 40%;
    height: 40%;
  }
}

@media screen and (min-width:375px) and (max-width:424px) {
  .clienttestiminials .owl-item.center {
    width: 350px !important;
  }
  .clienttestiminials .testimonial-desc p {
    line-height: 26px;
  }
 
}

@media screen and (min-width:320px) and (max-width:374px) {
  .clienttestiminials .owl-item.center {
    max-width: 320px !important;
  }
  .clienttestiminials .testimonial-desc p {
    line-height: 26px;
  }
 
}

@media (max-width: 767px) {
    .clienttestiminials .owl-item.center {
        margin: 0 5px;
    }
    .testimonials-item .owl-carousel .owl-stage-outer{
        height: 400px;
    }
    .clienttestiminials .owl-item.center .testi-thumb{
        margin-bottom: 25px;
        height: 400px;
        overflow: hidden;
    }
    .clienttestiminials .owl-item.center .testi-thumb img{
        object-fit: cover;
        object-position: top;
        width: 100%;
        height: 100%;
    }
    .clienttestiminials .owl-item.center .testi-content{
        padding-left: 0;
    }
    .clienttestiminials .owl-item.center .testi-thumb,
    .clienttestiminials .owl-item.center .testi-content {
        width: 100%;
    }
}

/* testimonials listing */ 
.tmnllisting{ margin-bottom:35px; min-height:120px; }
.tmnllisting .tmnlthumb{ float:left; width:120px; height:150px; margin:0 30px 0 0; overflow:hidden; border: 3px solid #0041ac; }
.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; }