.d-flex {
  display: flex;
}

.text-gray {
  color: #4b5563;
}

.justify-content-between {
  justify-content: space-between;
}

.flex-col {
  flex-direction: column;
}

.testimonial {
  background-color: #f7f9fc;
  overflow-x: hidden;
  padding: 80px 16px;
  background: var(--Foreground---blue-foreground, #058beb);
}
.testimonial .wrapper {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding-bottom: 0;
}
.testimonial .testimonial-swiper {
  width: 100%;
  margin-top: 24px;
  padding-bottom: 50px;
}
.testimonial .wrapper h2,
.testimonial .wrapper p {
  margin: auto;
  color: white;
}

.testimonial .wrapper .testimonial-list .card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background: var(--neutralWhite, #fff);
  box-shadow: 0px 90px 25px 0px rgba(0, 0, 0, 0),
    0px 58px 23px 0px rgba(0, 0, 0, 0.01), 0px 32px 19px 0px rgba(0, 0, 0, 0.03),
    0px 14px 14px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
}
.testimonial .wrapper .testimonial-list .card img.five-star {
  width: 68px;
  height: 12px;
}
.testimonial .wrapper .testimonial-list .card img.avatar {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 12px;
}
.testimonial .wrapper .testimonial-list .card img.google-icon {
  width: 24px;
  height: 24px;
}
.testimonial .wrapper .testimonial-list .card div,
.testimonial .wrapper .testimonial-list .card p {
  color: #111;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 14.4px */
  letter-spacing: -0.06px;
}
.testimonial .wrapper .g-review {
  max-width: 276px;
  margin: auto;
}
.testimonial .wrapper .family-pic {
  max-width: 600px;
  margin: auto;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .testimonial .container .wrapper .testimonial-list {
    grid-template-columns: 1fr;
  }

  .testimonial {
    padding: 24px 16px;
  }
}