/* Hindi (and other language) hero banners.
   The banner photo stays; the English headline / button that is part of the picture is covered by a soft panel
   that carries the real text in the visitor's language. Used only on /hi/ ... pages (see includes/i18n.php). */
.ks-hero-hi{position:relative;container-type:size;overflow:hidden}
.ks-ov{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5cqh;
  padding:0 3cqw 0 3.4cqw;box-sizing:border-box;text-align:left;pointer-events:none;
  font-family:'Poppins','Noto Sans Devanagari',sans-serif;line-height:1.18;color:var(--ov-ink,#0e4d2b);
  background:var(--ov-bg,#f1f7e6);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 4.5cqw),transparent 100%);
          mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 4.5cqw),transparent 100%)}
.ks-ov__t{display:block;font-weight:700;font-size:clamp(20px,11.5cqh,52px);letter-spacing:0}
.ks-ov__t2{color:var(--ov-accent,#b07a12)}
.ks-ov__sub{display:block;font-weight:500;font-size:clamp(12px,5.3cqh,20px);line-height:1.35;max-width:94%;color:var(--ov-sub,#3d4d2c)}
.ks-ov__chip{display:inline-flex;align-items:center;gap:.4em;padding:.25em .8em;border-radius:999px;font-weight:600;font-size:clamp(11px,4.6cqh,17px);
  background:rgba(255,255,255,.72);color:var(--ov-ink,#0e4d2b)}
.ks-ov__cta{display:inline-flex;align-items:center;gap:.55em;margin-top:1.2cqh;padding:.5em 1.25em;border-radius:999px;font-weight:700;
  font-size:clamp(12px,5.6cqh,21px);background:var(--ov-cta,#0f5b33);color:#fff;box-shadow:0 .4cqh 1.6cqh rgba(0,0,0,.18)}

/* one palette + width per banner (desktop) */
.ks-ov--1{width:37cqw;--ov-bg:linear-gradient(180deg,#f6f9ec 0%,#ecf3d9 62%,#e5d3a8 100%);--ov-ink:#0e4d2b;--ov-accent:#b07a12;--ov-sub:#3d4d2c;--ov-cta:#0f5b33}
.ks-ov--2{width:46cqw;--ov-bg:linear-gradient(180deg,#235d22 0%,#1c5a1f 55%,#194d1c 100%);--ov-ink:#ffffff;--ov-accent:#f6ee1c;--ov-sub:#f1f6e6;--ov-cta:#f26b0c}
.ks-ov--3{width:54cqw;--ov-bg:linear-gradient(180deg,#f4faf0 0%,#e8f3df 60%,#d4e8c4 100%);--ov-ink:#0b5a28;--ov-accent:#0b5a28;--ov-sub:#2f3f2a;--ov-cta:#d4202a}
.ks-ov--3 .ks-ov__t{font-size:clamp(22px,13cqh,56px)}
.ks-ov--3 .ks-ov__sub{font-size:clamp(13px,6cqh,22px)}
.ks-ov--4{width:44cqw;--ov-bg:linear-gradient(180deg,#eef7f0 0%,#e3f1e0 60%,#cfe6bd 100%);--ov-ink:#1f7a2b;--ov-accent:#1f7a2b;--ov-sub:#2f3f2a;--ov-cta:#f26b0c}

@media (max-width:768px){
  .ks-ov{gap:1.2cqh;padding:0 2.4cqw 0 3.6cqw}
  .ks-ov__t{font-size:clamp(18px,11cqh,34px)}
  .ks-ov__sub{font-size:clamp(11px,5.6cqh,15px);max-width:100%}
  .ks-ov__cta{font-size:clamp(12px,6cqh,16px);padding:.45em 1.1em}
  .ks-ov--1{width:46cqw}
  .ks-ov--2{width:52cqw}
  .ks-ov--3{width:54cqw}
  .ks-ov--4{width:47cqw}
  .ks-ov__chip{display:none}
  .ks-ov--3 .ks-ov__t{font-size:clamp(18px,11cqh,34px)}
  .ks-ov--3 .ks-ov__sub{font-size:clamp(11px,5.6cqh,15px)}
}