/* ==========================================================
   TESTIMONIALS
   ========================================================== */
.ld-testi-sec{background:#f3f9fc;padding:80px 0}
.ld-testi{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center}
.ld-testi-media{border-radius:22px;overflow:hidden;height:400px}
.ld-testi-eyebrow{font-size:11px;letter-spacing:2px;color:#0078ad;font-weight:700;margin-bottom:16px}
.ld-testi-desc{margin-top:18px;font-size:14px;line-height:1.7;color:#758c97;max-width:440px}
.ld-testi-card{margin-top:32px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 40px rgba(6,58,82,0.08)}
.ld-testi-quote-mark{font-size:44px;line-height:0.5;color:#0098db;font-weight:800;height:24px}
.ld-testi-quote{font-size:17px;line-height:1.6;color:#203843;font-weight:500;margin:16px 0 22px}
.ld-testi-author{display:flex;align-items:center;gap:12px}
.ld-testi-name{font-weight:700;font-size:14px;color:#063a52}
.ld-testi-role{font-size:12px;color:#8799a1}
.ld-testi-slider{margin:32px -24px 0;overflow:hidden;padding:20px 24px}
.ld-testi-track{display:flex;transition:transform .4s ease}
.ld-testi-track .ld-testi-card{flex:0 0 100%;margin-top:0;box-sizing:border-box}
@media (prefers-reduced-motion:reduce){
  .ld-testi-track{transition:none}
}

.ld-testi-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.ld-testi-arrow{width:36px;height:36px;border-radius:50%;border:1px solid #d5e6ee;background:#fff;color:#0078ad;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}
.ld-testi-arrow:hover{background:#0098db;color:#fff}
.ld-testi-dots{display:flex;align-items:center;gap:8px}
.ld-testi-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d5e6ee;padding:0;cursor:pointer}
.ld-testi-dot.is-active{background:#0098db;width:22px;border-radius:4px;transition:width .2s ease,border-radius .2s ease}

/* ==========================================================
   RESPONSIVE
   Additive only — mirrors the breakpoint stops in style.css.
   Stops: 900 / 620
   ========================================================== */

@media (max-width:900px){
  .ld-testi{grid-template-columns:minmax(0,1fr);gap:32px}
  .ld-testi-media{height:340px}
}

@media (max-width:620px){
  .ld-testi-sec{padding:60px 0}
  .ld-testi-media{height:300px}
  .ld-testi-arrow{width:32px;height:32px;font-size:18px}
}