/* Database-driven testimonial carousel - extends the existing homepage layout. */
.testimonial .testimonial-carousel{position:relative}
.testimonial .testimonial-quote{transition:opacity .18s ease}
.testimonial .testimonial-avatar{font-size:11px;font-weight:900;letter-spacing:.04em}
.testimonial .testimonial-secondary{max-width:240px}
.testimonial-controls{display:flex;align-items:center;gap:6px;margin-top:6px;min-height:18px}
.testimonial-controls .testimonial-dots{display:flex;align-items:center;gap:5px;margin:0}
.testimonial-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#b5c3d4;cursor:pointer;transition:background .2s ease,transform .2s ease}
.testimonial-dot.active{background:#39dbea;transform:scale(1.15)}
.testimonial-arrow{width:22px;height:22px;padding:0;border:1px solid #c8d5e3;border-radius:50%;background:#fff;color:#10305e;display:grid;place-items:center;font-size:17px;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}
.testimonial-arrow:hover,.testimonial-arrow:focus-visible{border-color:#39dbea;color:#087da8;background:#f2fcfe;outline:none}
.testimonial-arrow[hidden],.testimonial-dots[hidden]{display:none!important}
@media (max-width:900px){
  .testimonial .testimonial-carousel{grid-template-columns:50px 1fr}
  .testimonial .testimonial-carousel .quote-person{grid-column:2}
}
@media (max-width:560px){
  .testimonial .testimonial-carousel{grid-template-columns:42px 1fr}
  .testimonial-controls{margin-top:8px}
}