/* ════════════════════════════════════════
   TESTIMONIAL.CSS — Student Testimonials Section
════════════════════════════════════════ */

#testimonials { background: var(--bg2); }

.testi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 1.25rem; margin-top: 3rem;
}

/* Testimonial Card */
.testi-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 18px; padding: 1.6rem;
  transition: all .3s;
}
.testi-card:hover { border-color: rgba(0,229,255,.18); transform: translateY(-3px); box-shadow: 0 16px 48px rgba(0,0,0,.4); }

/* Quote mark */
.testi-q {
  font-size: 3.5rem; line-height: .8;
  background: linear-gradient(135deg,var(--cyan),var(--violet));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  margin-bottom: .5rem; font-family: Georgia,serif; opacity: .6;
}

.testi-text {
  font-size: .875rem; color: var(--text2); line-height: 1.75;
  margin-bottom: 1.2rem; font-style: italic;
}

/* Author */
.testi-author { display: flex; align-items: center; gap: .75rem; }
.testi-ava {
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.testi-ava svg { width: 24px; height: 24px; }
.av1 { background: rgba(0,229,255,.1); }  .av1 svg { color: var(--cyan); }
.av2 { background: rgba(168,85,247,.1); } .av2 svg { color: var(--violet); }
.av3 { background: rgba(244,63,142,.1); } .av3 svg { color: var(--pink); }
.av4 { background: rgba(16,185,129,.1); } .av4 svg { color: var(--green); }

.testi-name { font-weight: 700; font-size: .9rem; }
.testi-role { font-size: .76rem; color: var(--text3); }

/* Stars */
.testi-stars { display: flex; gap: 2px; margin-bottom: .6rem; }
.testi-stars svg { width: 13px; height: 13px; color: var(--gold); }

/* Responsive */
@media (max-width: 768px) {
  .testi-grid { grid-template-columns: 1fr; }
}