.elementor-20429 .elementor-element.elementor-element-aaccbf5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7c6ad45 *//* AIK Infrastructure & Facilities | sirf CSS (koi <style> tag nahi). Paste: Appearance > Customize > Additional CSS
   Heading/body font theme ka hi use hota hai. Green badalna ho to --g / --gd badal dein. */
.aik{--g:#0f7a2e;--gd:#0a5a22;--gl:#e6f2e9;--bg:#f4f2ee;--ink:#161616;--txt:#4f5250;--line:#e4e2dd;
  background:var(--bg);padding:70px 20px 80px;color:var(--txt);line-height:1.85;box-sizing:border-box}
.aik *{box-sizing:border-box}
.aik h2,.aik h3{margin:0;color:var(--ink);line-height:1.25;font-weight:600}
.aik p{margin:0 0 14px;font-size:16px;color:var(--txt)}
.aik p:last-child{margin-bottom:0}
.aik .wrap{max-width:1150px;margin:0 auto}
.aik .card{background:#fff;border-radius:12px;padding:44px}
.aik .gap{margin-top:30px}

/* intro */
.aik .intro{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.aik .intro h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:20px}
.aik .intro p{font-size:16.5px}
.aik .intro img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:10px;display:block;background:#e3e1dc}

/* stats */
.aik .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.aik .s b{display:block;font-size:42px;line-height:1.1;color:var(--ink);font-weight:600;letter-spacing:.02em;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.aik .s h3{font-size:21px;margin-bottom:6px}
.aik .s p{font-size:15px}

/* bento */
.aik .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}
.aik .bx{position:relative;overflow:hidden;background:#fff;border-radius:12px;display:flex;flex-direction:column}
.aik .c2{grid-column:span 2}
.aik .c6{grid-column:1/-1}

.aik .ph{position:relative;margin:0;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(135deg,#bcd9c4,#e4efe6);flex:0 0 auto}
.aik .ph img{width:100%;height:100%;object-fit:cover;display:block}
.aik .tx{padding:32px 34px 38px}
.aik .tx h3{font-size:clamp(22px,2.2vw,26px);margin-bottom:14px}
.aik .tx h3:after{content:"";display:block;width:50px;height:3px;border-radius:3px;background:var(--g);margin-top:14px}

/* image beside text (Mosque, Honesty Shop) */
.aik .split{flex-direction:row}
.aik .split .ph{aspect-ratio:auto;flex:0 0 46%}
.aik .split .tx{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px}
.aik .split.rev{flex-direction:row-reverse}
.aik .split.mos .ph{flex-basis:36%}

/* green cards */
.aik .grn{background:linear-gradient(135deg,var(--gd),var(--g))}
.aik .grn h3{color:#fff}
.aik .grn h3:after{background:#fff}
.aik .grn p{color:#e3f4e8}
.aik .hon{border-left:5px solid var(--g)}

/* Academic Block */
.aik .acad{background:#fff}
.aik .ahead{display:flex;background:linear-gradient(135deg,var(--gd),var(--g))}
.aik .ahead .tx{flex:1;display:flex;flex-direction:column;justify-content:center;padding:44px}
.aik .ahead .tx h3{color:#fff}
.aik .ahead .tx h3:after{background:#fff}
.aik .ahead .tx p{color:#e3f4e8}
.aik .ahead .ph{flex:0 0 46%;aspect-ratio:auto;min-height:300px}
.aik .asub{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;padding:30px;background:var(--gl)}
.aik .it{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.aik .tag{display:inline-block;align-self:flex-start;background:var(--gl);color:var(--gd);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 14px;border-radius:99px;margin-bottom:12px}

/* Sports */
.aik .sp .ph{aspect-ratio:auto;height:270px}
.aik .sp .ph:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,90,34,.85));z-index:1}
.aik .sp .tx{padding:36px 44px 46px}
.aik .sp .tx h3{font-size:clamp(26px,3vw,34px)}
.aik .paras div+div{margin-top:14px}

@media(max-width:960px){
 .aik{padding:50px 14px 60px}
 .aik .card{padding:30px 24px}
 .aik .intro{grid-template-columns:1fr;gap:30px}
 .aik .stats{grid-template-columns:repeat(2,1fr)}
 .aik .bento{grid-template-columns:1fr;gap:20px}
 .aik .c2,.aik .c6{grid-column:1/-1}
 .aik .tx{padding:28px 24px 32px}
 .aik .split,.aik .split.rev{flex-direction:column}
 .aik .split .ph,.aik .split.mos .ph{flex:0 0 auto;aspect-ratio:16/10}
 .aik .split .tx{padding:30px 24px 34px}
 .aik .ahead{flex-direction:column}
 .aik .ahead .tx{padding:30px 24px 34px}
 .aik .ahead .ph{flex:0 0 auto;aspect-ratio:16/10;min-height:0;order:-1}
 .aik .asub{grid-template-columns:1fr;padding:18px 14px;gap:18px}
 .aik .sp .ph{height:200px}
 .aik .sp .tx{padding:28px 24px 34px}
}
@media(max-width:520px){.aik .stats{grid-template-columns:1fr}.aik .s b{font-size:36px}}/* End custom CSS */