/* Testimonials + Contact page styles (shared components live in site.css). */

/* ---------- Testimonials ---------- */
.testi-page { padding: 51px 0 67px; }
.testi-page .testi-grid { margin-top: 0; row-gap: 39px; }
.testi-page .testi-card { background-image: url("icons/testi-card-white.svg"); }
.testi-actions { gap: 25px; margin-top: 52px; }
.testi-actions .btn { min-width: 239px; }

/* ---------- Contact ---------- */
.contact-section { padding: 87px 0; }
.contact-card {
  width: 559px;
  max-width: 100%;
  min-height: 661px;
  margin: 0 auto;
  padding: 51px 29px 18px;
  background: var(--green);
  border-radius: 30px;
}
.contact-card .h-sec { max-width: 450px; }
.contact-card .lead { margin-top: 15px; max-width: 489px; }
.contact-options {
  margin: 36px -11px 0;
  min-height: 330px;
  padding: 24px 19px;
  background: var(--green);
  border-radius: 30px;
}
.contact-options > p { font-size: 18px; line-height: 25.2px; text-align: center; }
.contact-option {
  display: flex;
  align-items: center;
  gap: 26px;
  min-height: 100px;
  margin-top: 36px;
  padding: 0 20px 0 14px;
  background: #fff;
  border-radius: 30px;
}
.contact-option img { width: 55px; height: 56px; flex: 0 0 auto; }
.contact-option strong { display: block; font-family: var(--font-head); font-weight: 800; font-size: 20px; line-height: 28px; }
.contact-option strong + span { font-size: 16px; line-height: 22px; }
.contact-option:hover strong { color: var(--green-dark); }
.contact-map { height: 436px; background: #e5e3df; }
.contact-map iframe { width: 100%; height: 100%; border: 0; display: block; }

@media (max-width: 620px) {
  .contact-section { padding: 48px 0; }
  .contact-card { min-height: 0; padding: 36px 20px 20px; }
  .contact-options { margin: 32px 0 0; min-height: 0; padding: 20px 12px; }
  .contact-option { gap: 14px; }
  .testi-actions .btn { min-width: 0; }
}