/* ==========================================================================
   Testimonials page (testimonials/index). Inline styles extracted to classes.
   Shared page hero + helpers live in app.css. Page classes prefixed `ts-`.
   ========================================================================== */

/* intro */
.ts-intro-row { margin-bottom: 40px; row-gap: 16px; }
.ts-h2 { font-size: 34px; font-weight: 600; }
.ts-intro-text { color: #1B4977; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px; line-height: 24px; margin: 0; }

/* card */
.tcard { transition: transform .28s ease, box-shadow .28s ease; }
.tcard:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(13, 60, 120, .12); }
.star { color: #f5a623; font-size: 13px; letter-spacing: 1px; }

.ts-card { border-radius: 16px; padding: 28px; min-height: 300px; height: 100%; display: flex; flex-direction: column; box-shadow: 0 8px 22px rgba(13, 60, 120, .04); }
.ts-card-blue { background: #eef5fd; }
.ts-card-grey { background: #f6f7f9; }

.ts-card-head { display: flex; align-items: center; gap: 14px; }
.ts-avatar { width: 48px; height: 48px; border-radius: 50%; background: #16a394; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 20px; flex: none; }

.ts-avatar-img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: none; }

.ts-card:hover .ts-quote-open img , .ts-card:hover .ts-quote-close img { 
    filter: brightness(0) saturate(100%) invert(51%) sepia(83%) saturate(1200%) hue-rotate(175deg) brightness(95%) contrast(90%);
}

.ts-name { font-weight: 700; font-size: 15px; color: #0e2a47; }
.ts-rating { display: flex; align-items: center; gap: 8px; margin-top: 5px; }
.ts-gsvg { flex: none; }

.ts-quote-open { font-family: Georgia, 'Times New Roman', serif; font-size: 52px; line-height: .7; margin: 22px 0 0; }
.ts-quote-close { text-align: right; font-family: Georgia, 'Times New Roman', serif; font-size: 52px; line-height: 0; height: 26px; }
.ts-q-blue { color: #1f7ae0; }
.ts-q-red { color: #d8222a; }
.ts-quote-text { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; color: #1f5fb0; font-size: 14.5px; font-weight: 500; line-height: 1.7; margin: 6px 14px 0; }