/* Testimonials page */

/* ---------- Reviews ---------- */
.page-testimonials .tst-reviews { padding-top: 80px; padding-bottom: 80px; }
.page-testimonials .tst-intro { padding: 0 10%; margin-bottom: 40px; }

.page-testimonials .tst-card {
  position: relative;
  display: flex;
  max-width: 800px;
  min-height: 210px;
  margin: 0 auto 40px;
  border-radius: 20px;
}
.page-testimonials .tst-card:last-child { margin-bottom: 0; }
.page-testimonials .tst-card--right { left: 5%; }
.page-testimonials .tst-card--left { left: -5%; }

.page-testimonials .tst-card__aside {
  width: 160px; flex-shrink: 0;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  padding: 10px;
  border-radius: 20px 0 0 20px;
}
.page-testimonials .tst-card__photo {
  width: 78px; height: 78px; margin-bottom: 10px;
  border: 3px solid var(--white); border-radius: 50px;
}
.page-testimonials .tst-card__body {
  flex: 1 1 auto; min-width: 0;
  display: flex; flex-direction: column; justify-content: center;
  padding: 20px 20px 20px 0;
  border-radius: 0 20px 20px 0;
}
.page-testimonials .tst-card__name { font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 10px; }
.page-testimonials .tst-card__place { font-size: 15px; line-height: 22.5px; margin-bottom: 10px; }
.page-testimonials .tst-card__quote { font-size: 15px; line-height: 25px; }
.page-testimonials .tst-card__quote p { margin-bottom: 14.4px; }

/* dark (navy) card */
.page-testimonials .tst-card--dark .tst-card__aside,
.page-testimonials .tst-card--dark .tst-card__body { background-color: var(--navy); }
.page-testimonials .tst-card--dark .tst-card__name,
.page-testimonials .tst-card--dark .tst-card__place,
.page-testimonials .tst-card--dark .tst-card__quote { color: var(--white); }

/* light card with navy outline */
.page-testimonials .tst-card--light .tst-card__aside,
.page-testimonials .tst-card--light .tst-card__body { background-color: var(--bg-blue); border: 2px solid var(--navy); }
.page-testimonials .tst-card--light .tst-card__aside { border-right: 0; }
.page-testimonials .tst-card--light .tst-card__body { border-left: 0; }
.page-testimonials .tst-card--light .tst-card__photo { border-color: var(--navy); }
.page-testimonials .tst-card--light .tst-card__name,
.page-testimonials .tst-card--light .tst-card__place { color: var(--navy); }
.page-testimonials .tst-card--light .tst-card__quote { color: var(--text); }

/* star rating */
.page-testimonials .rating { display: flex; justify-content: center; gap: 4px; margin: 8px 0; color: var(--star); font-size: 12px; line-height: 12px; }
.page-testimonials .rating svg.icon { width: 13.5px; height: 12px; }
.page-testimonials .rating__half { display: flex; width: 6.75px; overflow: hidden; }
.page-testimonials .rating__half svg.icon { flex-shrink: 0; }

/* ---------- CTA ---------- */
.page-testimonials .tst-cta { padding-top: 80px; padding-bottom: 80px; text-align: center; }
.page-testimonials .tst-cta__title { font-size: 36px; line-height: 46px; font-weight: 600; color: var(--white); margin-bottom: 20px; }
.page-testimonials .tst-cta__text { margin: 0 0 20px; padding: 10px 10% 0; font-size: 18px; line-height: 28px; color: var(--white); }
.page-testimonials .tst-cta__action { padding-top: 20px; }
.page-testimonials .tst-cta .btn { background-color: #CDD4DC; border: 2px solid #CDD4DC; }
.page-testimonials .tst-cta .btn:hover,
.page-testimonials .tst-cta .btn:focus { background-color: var(--white); border-color: var(--white); }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .page-testimonials .tst-reviews { padding-right: 45px; }
  .page-testimonials .tst-intro { padding: 0; margin-bottom: 34px; }
  .page-testimonials .tst-card--right,
  .page-testimonials .tst-card--left { left: 0; }
  .page-testimonials .tst-cta__title { font-size: 22px; line-height: 32px; }
  .page-testimonials .tst-cta__action { padding-top: 30px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .page-testimonials .tst-reviews { padding: 50px 20px; }
  .page-testimonials .tst-card { flex-direction: column; min-height: 0; }
  .page-testimonials .tst-card__aside { width: 100%; padding: 20px 20px 10px; border-radius: 20px 20px 0 0; }
  .page-testimonials .tst-card:first-of-type .tst-card__aside { padding: 20px 20px 10px 10px; }
  .page-testimonials .tst-card__body { padding: 0 20px 20px; border-radius: 0 0 20px 20px; text-align: center; }
  .page-testimonials .tst-card--light .tst-card__aside { border-right: 2px solid var(--navy); border-bottom: 0; }
  .page-testimonials .tst-card--light .tst-card__body { border-left: 2px solid var(--navy); border-top: 0; }
  .page-testimonials .tst-cta { padding: 50px 20px; }
  .page-testimonials .tst-cta__title { line-height: 30px; }
  .page-testimonials .tst-cta__text { padding: 10px 0 0; }
}