/*-----------------
    21. Testimonials
-----------------------*/
.testimonials-section {
  position: relative;
  padding: 80px 0;
}

.testimonials-section.about-testimonial .review-box~p {
  margin-bottom: 24px;
}

@media (max-width: 991.96px) {
  .testimonials-section.about-testimonial .review-box~p {
    margin-bottom: 20px;
  }
}

@media (max-width: 991.96px) {
  .testimonials-section {
    padding: 50px 0;
  }
}

@media (max-width: 767.96px) {
  .testimonials-section {
    padding: 40px 0;
  }
}

.testimonials-section .testimonial-group {
  margin: 0 0 40px;
}

@media (max-width: 767.96px) {
  .testimonials-section .testimonial-group {
    margin: 0 0 20px;
  }
}

.testimonials-section .owl-stage-outer {
  margin: 0 0 16px;
}

@media (max-width: 991.96px) {
  .testimonials-section .owl-stage-outer {
    margin: 0 0 6px;
  }
}

.testimonials-section .card-body {
  -webkit-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
  -webkit-box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25);
  box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25);
  border-radius: 8px;
}

.testimonials-section .card-body:hover {
  background-color: var(--secondary);
}

.testimonials-section .card-body:hover .review-img {
  border: 3px solid #ffffff;
}

.testimonials-section .card-body:hover .review-details h6 {
  color: #ffffff;
}

.testimonials-section .card-body:hover .review-details p {
  font-size: 14px;
  margin-bottom: 0;
}

.testimonials-section .card-body:hover .list-rating p span {
  color: #ffffff;
}

.testimonials-section .card-body:hover p {
  color: #ffffff;
}

.testimonials-section .review-box {
  align-items: center;
  margin: 0 0 15px;
}

@media (max-width: 991.96px) {
  .testimonials-section .review-box {
    margin: 0 0 15px;
  }
}

.testimonials-section .review-box .review-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #DBDBDB;
  -webkit-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
}

@media (max-width: 991.96px) {
  .testimonials-section .review-box .review-img {
    width: 40px;
    height: 40px;
  }
}

.testimonials-section .review-box .review-img img {
  border-radius: 50px;
}

.testimonials-section .review-box .review-details {
  margin-left: 15px;
}

@media (max-width: 991.96px) {
  .testimonials-section .review-box .review-details {
    margin-left: 12px;
  }
}

.testimonials-section .review-box .review-details h6 {
  font-weight: 500;
  font-size: 20px;
  -webkit-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
  margin: 0 0 5px;
}

@media (max-width: 1199.96px) {
  .testimonials-section .review-box .review-details h6 {
    font-size: 18px;
  }
}

@media (max-width: 991.96px) {
  .testimonials-section .review-box .review-details h6 {
    font-size: 16px;
  }
}

.testimonials-section .list-rating {
  display: inline-flex;
  margin-top: 0;
}

.testimonials-section .list-rating .list-rating-star i {
  font-size: 12px;
  line-height: 0;
  color: var(--secondary);
}

.testimonials-section .list-rating p {
  font-size: 14px;
  line-height: 0;
  -webkit-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
}

.testimonials-section .list-rating p span {
  font-size: 14px;
  margin: 0 5px 0;
  -webkit-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
}

.testimonials-section p {
  -webkit-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
}

.testimonials-section .quotes-head {
  position: absolute;
  top: 24px;
  right: 24px;
}

.testimonials-section .quotes-head::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url(../img/quote.svg) no-repeat center center;
  margin: 0 0 20px;
  opacity: 0.3;
}

@media (max-width: 991.96px) {
  .testimonials-section .quotes-head::before {
    width: 18px;
    height: 18px;
    margin: 0 0 20px;
  }
}

/*
Author       : Suraj Sahu
Template Name: Gaadiwala Template
Version      : 1.0
*/
/*============================
 [Table of CSS]

1. Reset
2. Typography
3. General
4. Grid
5. Buttons
6. Header
7. Footer
8. Breadcrumb
9. Select
10. Table
11. Home
12. Login
13. Common
14. Faq
15. Pricing
16. Gallery
17. Our Team
18. Contact
19. Invoice
20. Blog
21. Testimonials
22. About Us
23. Product Details
24. Products
25. Users

========================================*/