.testimonials {
  width: 100%;
  padding: 80px 20px;
  background:
    linear-gradient(
      135deg,
      rgba(0, 123, 182, 0.55),
      rgba(0, 153, 219, 0.45),
      rgba(0, 95, 141, 0.55)
    ),
    url("/assets/images/nutricos_banner/banner_03.png") center/cover no-repeat;
}

.testimonials .testimonialCard {
  height: 100%;
  padding: 35px 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  transition: 0.3s ease;
}

.testimonials .testimonialCard .name {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 700;
}

.testimonials .testimonialCard .role {
  margin-bottom: 20px;
  font-size: 14px;
  color: #777;
}

.testimonials .testimonialCard .quote {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #444;
}

@media (min-width: 0px) and (max-width: 767px) {
  .testimonials {
    padding: 40px 0px;
  }

  .testimonials .testimonialCard {
    padding: 20px;
  }
}