/* =====================================================
   sections.css
   Certificates | Protected Brands | Testimonials | Trusted By
   Site variables (--bg, --bg2, --glass, --line, --ink, --mute,
   --c1, --g, --bt) style.css se aate hain
   ===================================================== */

.ls-sec{padding:72px 0;overflow:hidden}
.ls-minw{min-width:0}

/* ---------- common slider (marquee) ---------- */
.ls-marquee{overflow:hidden}
.ls-track{display:flex;width:max-content;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite}
.ls-left{animation-name:ls-left}
.ls-right{animation-name:ls-right}
.ls-marquee:hover .ls-track{animation-play-state:paused}
@keyframes ls-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ls-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ---------- 1) certificates (9:16) ---------- */
.ls-cert{flex:0 0 auto;width:320px;margin-right:24px;border:1px solid var(--line,#0b143026);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 40px #0003;transition:transform .25s,border-color .25s}
.ls-cert:hover{transform:translateY(-6px);border-color:var(--c1,#f2b01e)}
.ls-cert img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}

/* ---------- 2) 6 protected brand logos (3 + 3) ---------- */
.ls-logo{display:flex;align-items:center;justify-content:center;height:110px;padding:14px;border:1px solid var(--line,#0b143026);border-radius:14px;background:var(--glass,#fff);transition:transform .25s,border-color .25s}
.ls-logo:hover{transform:translateY(-4px);border-color:var(--c1,#f2b01e)}
.ls-logo img{max-width:100%;max-height:80px;object-fit:contain}

/* ---------- 3) testimonials (site theme) ---------- */
.ls-testi{background:linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg));color:var(--ink)}
.ls-testi h2,
.ls-testi .ls-rate{color:var(--ink)!important}
.ls-quote{color:var(--mute);font-weight:600;font-size:clamp(16px,2vw,22px);margin:10px 0 14px}
.ls-bar{display:inline-block;width:60px;height:4px;border-radius:4px;background:var(--g);margin-bottom:40px}

/* left panel */
.ls-stat{background:var(--glass);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:12px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ls-stat i{color:var(--c1)!important}
.ls-stat small{color:var(--mute)}
/* ---------- Trustpilot original look ---------- */
/* bada logo star (green) */
i.ls-tp{color:#00b67a!important}

/* rating stars: green box + white star */
span.ls-tp{display:inline-flex;gap:2px;vertical-align:middle;margin-left:4px}
span.ls-tp > i{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;font-size:14px;line-height:1;
  background:#00b67a;color:#fff!important;
}
/* half star: aadha green, aadha grey */
span.ls-tp > .bi-star-half{
  background:linear-gradient(90deg,#00b67a 50%,#dcdce6 50%);
}.ls-rate strong{font-size:18px}

/* review cards */
.ls-rcard{flex:0 0 auto;width:300px;height:230px;margin-right:16px;padding:20px;border-radius:18px;background:var(--glass);border:1px solid var(--line);color:var(--mute);display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #0003;transition:transform .25s,border-color .25s,box-shadow .25s}
.ls-rcard:hover{transform:translateY(-4px);border-color:var(--c1);box-shadow:0 12px 40px #f2b01e22}
.ls-rtext{margin:0;font-size:15px;line-height:1.6;color:var(--mute);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.ls-rfoot{display:flex;align-items:center}
.ls-rcard .ls-av{width:44px;height:44px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex:0 0 auto;background:var(--g)!important;color:var(--bt)!important;box-shadow:0 0 18px #f2a60c4d}
.ls-rname{font-size:14px;font-weight:700;color:var(--ink)}
.ls-rstars{font-size:15px;white-space:nowrap}

/* ---------- Google original colours ---------- */
.ls-testi .bi-google{
  display:inline-block;
  background:conic-gradient(from -45deg,#ea4335 0 25%,#4285f4 0 50%,#34a853 0 75%,#fbbc05 0);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent!important;
}
.ls-rstars .bi-google{margin-right:4px;font-size:17px}

/* Google star yellow */
.ls-rstars,
.ls-rate .text-warning{color:#fbbc04!important}

/* ---------- 4) trusted by (100 logos, 2 rows) ---------- */
.ls-brand{flex:0 0 auto;width:150px;height:80px;margin-right:16px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--line,#0b143026);border-radius:12px;background:#fff}
.ls-brand img{max-width:100%;max-height:56px;object-fit:contain}

/* ---------- responsive ---------- */
@media (max-width:575px){
  .ls-sec{padding:56px 0}
  .ls-cert{width:240px;margin-right:16px}
  .ls-logo{height:80px;padding:10px}
  .ls-logo img{max-height:56px}
  .ls-rcard{width:260px}
  .ls-brand{width:120px;height:70px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ls-track{animation:none}
}