/*=================================== testimonial ====================================*/
.testimonial-section{ background-image:  linear-gradient( to bottom right,  rgba(0, 0, 0, 0.5),  rgba(42, 42, 43, 0.3) ),url('/assets/uploads/testi.png'); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } 
.testimonial-section .testimonial h2{ padding: 50px 0 20px; text-align: center; color: #d3d3d3; } 
.testimonial-section .testimonial .feedbacks{ width: 70%; margin: 0 auto; background: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 30px; text-align: center; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } 
.testimonial-section .testimonial .feedbacks p{ color: #fff; width: 90%; margin: 0 auto; } 
.testimonial-section .testimonial .feedbacks h6{ color: var(--secondary-clr); color: #8fe603; margin-top: 20px; font-size: var(--fontSize-7); font-weight: var(--weight-bold); letter-spacing: 1px; text-transform: capitalize; } 
.testimonial-section .testimonial .feedbacks span{ color: var(--bg-clr3); font-size: var(--fontSize-8); } #customers-testimonials.testimonial .owl-dots .owl-dot.active span, #customers-testimonials.testimonial .owl-dots .owl-dot:hover span { background: var(--bg-clr3); transform: translate3d(0px, -50%, 0px) scale(0.7); margin: 30px 5px; } 
#customers-testimonials.testimonial .owl-dots{ display: inline-block; width: 100%; text-align: center; } #customers-testimonials.testimonial .owl-dots .owl-dot{ display: inline-block; } #customers-testimonials.testimonial .owl-dots .owl-dot span { background: var(--bg-clr3); display: inline-block; height: 20px; margin: 30px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 20px; }
@media (max-width:992px){ 
  .testimonial-section .testimonial .feedbacks{ width: 90%; padding: 20px; } 
}
@media (max-width:767px){ 
  .testimonial-section .testimonial .feedbacks{ padding: 10px; } 
  .testimonial-section .testimonial .feedbacks h6{ font-size: var(--fontSize-8); } 
  .testimonial-section .testimonial .feedbacks span{ font-size: var(--fontSize-9); } 
}
@media (max-width:450px){ 
  .testimonial-section .testimonial .feedbacks{ width: 100%; padding:10px 5px; } 
  .testimonial-section .testimonial .feedbacks p{ padding-top: 10px; text-align: justify; } 
  .testimonial-section .testimonial .feedbacks h6{ margin-top: 10px; } 
  .testimonial-section .testimonial .feedbacks span{ font-size: var(--fontSize-10); margin: -5px 0 20px; } 
}