/* Neovision Advanced Eye Care Centre page – colours from the Neovision logo */
.nv{--nv-a:#3b2f8f;--nv-d:#241b66;--nv-b:#0f8fb0;--nv-t:#25b9c9;--nv-soft:#f2f1fb;--nv-teal-soft:#e4f7fa;--nv-ink:#1d1a33;--nv-mut:#5b5873;--nv-line:#e6e4f3}
.nv h1,.nv h2,.nv h3{color:var(--nv-d)!important;font-family:var(--jss-head);letter-spacing:-.01em}
.nv-sec{padding:76px 0}
.nv-tint{background:linear-gradient(180deg,var(--nv-soft),#fff)}
.nv-head{max-width:760px;margin:0 auto 38px;text-align:center}
.nv-head h2,.nv-about h2,.nv-faq h2,.nv-doctor h2{font-size:clamp(27px,3.1vw,40px);line-height:1.18;margin:8px 0 12px}
.nv-head-row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;text-align:left}
.nv-head-row h2{margin-bottom:0}
.nv-kicker{display:inline-block;font:600 13px/1 var(--jss-head);letter-spacing:.12em;text-transform:uppercase;color:var(--nv-b)}
.nv-kicker.light{color:#a7ecf4}
.nv-link{font:600 15px var(--jss-head);color:var(--nv-a)!important;text-decoration:none!important;white-space:nowrap}
.nv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:999px;font:600 15.5px/1.15 var(--jss-head);text-decoration:none!important;border:2px solid transparent;transition:.2s;text-align:center}
.nv-btn-light{background:#fff;color:var(--nv-a)!important;box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}
.nv-btn-light:hover{background:var(--nv-teal-soft);transform:translateY(-2px)}
.nv-btn-ghost{border-color:rgba(255,255,255,.55);color:#fff!important}
.nv-btn-ghost:hover{background:rgba(255,255,255,.14)}
.nv-btn-solid{background:var(--nv-a);color:#fff!important}
.nv-btn-solid:hover{background:var(--nv-d)}
.nv-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.nv-ic{flex:none;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--nv-a),var(--nv-t));color:#fff;font-size:22px;box-shadow:0 12px 22px -12px var(--nv-a)}
.nv-small{color:var(--nv-mut);font-size:15.5px;line-height:1.6}
.nv-small p{margin:0}
.nv-small a{color:var(--nv-a);font-weight:600}

/* hero */
.nv-hero{position:relative;overflow:hidden;color:#fff;padding:40px 0 104px;background:radial-gradient(760px 480px at 88% 8%,rgba(37,185,201,.5),transparent 62%),linear-gradient(120deg,#1d1558 0%,#3b2f8f 52%,#0f8fb0 118%)}
.nv-iris{position:absolute;border-radius:50%;pointer-events:none}
.nv-iris-a{width:620px;height:620px;left:-240px;bottom:-320px;background:radial-gradient(circle,transparent 42%,rgba(255,255,255,.07) 43%,rgba(255,255,255,.07) 58%,transparent 59%)}
.nv-iris-b{width:280px;height:280px;left:44%;top:-150px;background:radial-gradient(circle,transparent 45%,rgba(255,255,255,.08) 46%,rgba(255,255,255,.08) 66%,transparent 67%)}
.nv-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.nv-crumbs{display:flex;gap:8px;font-size:14px;color:#d8d5f4;margin-bottom:18px}
.nv-crumbs a{color:#fff!important;text-decoration:none}
.nv-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.nv-brand-logo{background:#fff;border-radius:20px;padding:10px 14px;display:inline-flex;box-shadow:0 16px 30px -18px rgba(0,0,0,.6)}
body.jss-site .nv-brand-logo img{height:96px;width:auto;display:block}
.nv-unit{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 16px 6px 6px;color:#fff!important;text-decoration:none!important;font:600 14px/1.25 var(--jss-head)}
body.jss-site .nv-unit img{width:34px;height:34px;border-radius:50%;background:#fff;display:block}
.nv-hero h1{color:#fff!important;font-size:clamp(34px,4.7vw,58px);line-height:1.08;margin:0 0 16px}
.nv-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#ece9ff;max-width:600px;margin:0}
.nv-hero-media{position:relative;padding:0 10px}
.nv-photo{margin:0;border-radius:50% 50% 28px 28px/34% 34% 28px 28px;overflow:hidden;border:7px solid rgba(255,255,255,.9);box-shadow:0 34px 70px -30px rgba(0,0,0,.75);aspect-ratio:1/1.05}
body.jss-site .nv-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}
.nv-float{position:absolute;display:flex;gap:11px;align-items:center;background:#fff;border-radius:16px;padding:10px 15px;box-shadow:0 20px 36px -18px rgba(0,0,0,.55);text-decoration:none!important;color:var(--nv-ink)!important}
.nv-float b{display:block;font:700 15.5px/1.2 var(--jss-head);color:var(--nv-d)}
.nv-float small{font-size:13px;color:var(--nv-mut)}
body.jss-site .nv-float img{display:block;object-fit:contain}
body.jss-site .nv-float-doc img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top}
.nv-float-doc{left:-26px;bottom:42px}
.nv-float-nabh{right:-12px;top:44px}

/* stats */
.nv-stats{position:relative;z-index:2;margin-top:-60px}
.nv-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;border:1px solid var(--nv-line);box-shadow:0 26px 50px -32px rgba(36,27,102,.65);overflow:hidden}
.nv-stats-grid>div{padding:24px 20px;text-align:center;border-right:1px solid var(--nv-line)}
.nv-stats-grid>div:last-child{border-right:0}
.nv-stats-grid b{display:block;font:700 27px/1.1 var(--jss-head);background:linear-gradient(90deg,var(--nv-a),var(--nv-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.nv-stats-grid span{font-size:14.5px;color:var(--nv-mut)}

/* about */
.nv-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.nv-prose{font-size:18px;line-height:1.75;color:#37344f}
.nv-prose p{margin:0 0 14px}
.nv-prose a{color:var(--nv-a);font-weight:600}
.nv-link-card{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(135deg,var(--nv-soft),var(--nv-teal-soft));border-radius:28px;padding:40px 22px}
.nv-link-logo{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:22px 12px;box-shadow:0 18px 34px -24px rgba(36,27,102,.6);min-width:0}
body.jss-site .nv-link-logo img{width:auto;height:120px;max-width:100%;object-fit:contain;display:block}
.nv-link-logo span{font:600 14px var(--jss-head);color:var(--nv-d);text-align:center}
.nv-link-join{flex:none;width:46px;height:46px;margin:0 -8px;z-index:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--nv-a),var(--nv-t));color:#fff;border:4px solid #fff}

/* services */
.nv-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nv-service{display:flex;flex-direction:column;background:#fff;border:1px solid var(--nv-line);border-radius:22px;padding:26px 22px;color:inherit!important;text-decoration:none!important;transition:.25s}
.nv-service:hover{transform:translateY(-5px);border-color:var(--nv-t);box-shadow:0 26px 44px -28px rgba(36,27,102,.55)}
.nv-service h3{font-size:18.5px;margin:16px 0 8px}
.nv-service p{flex:1;margin:0 0 14px;color:var(--nv-mut);font-size:15.5px;line-height:1.55}
.nv-more{font:600 14.5px var(--jss-head);color:var(--nv-a)}

/* doctor */
.nv-doctor{padding:72px 0;color:#fff;background:linear-gradient(115deg,#1d1558,#3b2f8f 55%,#0f8fb0 125%)}
.nv-doctor h2{color:#fff!important}
.nv-doctor p{color:#ece9ff;font-size:17px;line-height:1.65;margin:0 0 12px}
.nv-doctor-grid{display:grid;grid-template-columns:330px 1fr;gap:52px;align-items:center}
.nv-doctor figure{margin:0;border-radius:28px;overflow:hidden;border:6px solid rgba(255,255,255,.9);background:#fff;aspect-ratio:1/1.1}
body.jss-site .nv-doctor figure img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.nv-doctor .nv-quals{font:600 17px var(--jss-head);color:#a7ecf4}
.nv-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:14px 0 0}
.nv-chips li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:6px 14px;border-radius:999px;font-size:14.5px}

/* why + problems */
.nv-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px}
.nv-why article{display:flex;gap:16px;align-items:flex-start}
.nv-why h3{font-size:18px;margin:2px 0 6px}
.nv-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nv-problems article{background:var(--nv-soft);border-radius:20px;padding:24px;transition:.2s}
.nv-problems article:hover{background:var(--nv-teal-soft)}
.nv-problems i{font-size:24px;color:var(--nv-a)}
.nv-problems h3{font-size:18px;margin:12px 0 6px}

/* steps */
.nv-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nv-steps li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--nv-line);border-radius:20px;padding:58px 20px 22px}
.nv-steps li::before{content:counter(s);position:absolute;left:20px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--nv-a);color:#fff;font:700 15px var(--jss-head)}
.nv-steps b{display:block;font:600 17px var(--jss-head);color:var(--nv-d);margin-bottom:5px}
.nv-steps span{color:var(--nv-mut);font-size:15px;line-height:1.5}

/* videos + blogs */
.nv-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nv-video{background:#fff;border:1px solid var(--nv-line);border-radius:18px;overflow:hidden;color:inherit!important;text-decoration:none!important;transition:.2s}
.nv-video:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(36,27,102,.6)}
.nv-thumb{position:relative;display:block;aspect-ratio:16/9;background:#000}
body.jss-site .nv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nv-thumb i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--nv-a);color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.25)}
.nv-video b{display:block;padding:14px 16px 16px;font:600 15.5px/1.4 var(--jss-head);color:var(--nv-d)}
.nv-blogs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nv-blog{background:#fff;border:1px solid var(--nv-line);border-radius:18px;overflow:hidden;color:inherit!important;text-decoration:none!important}
body.jss-site .nv-blog img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.nv-blog span{display:block;padding:14px 16px 18px}
.nv-blog small{color:var(--nv-b);font-weight:600}
.nv-blog b{display:block;margin-top:4px;font:600 16px/1.4 var(--jss-head);color:var(--nv-d)}

/* faq */
.nv-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}
.nv-faq>div:first-child{position:sticky;top:110px}
.nv-faq p{color:var(--nv-mut);margin:0 0 18px}
.nv-faqs details{background:#fff;border:1px solid var(--nv-line);border-radius:15px;margin-bottom:10px;padding:0 20px}
.nv-faqs summary{list-style:none;cursor:pointer;position:relative;padding:17px 30px 17px 0;font:600 16.5px/1.4 var(--jss-head);color:var(--nv-d)}
.nv-faqs summary::-webkit-details-marker{display:none}
.nv-faqs summary::after{content:"+";position:absolute;right:0;top:13px;font-size:23px;color:var(--nv-b)}
.nv-faqs details[open] summary::after{content:"–"}
.nv-faqs .nv-small{padding-bottom:16px}

/* visit */
.nv-visit-grid{display:grid;grid-template-columns:1fr 1.15fr;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(36,27,102,.7)}
.nv-visit-card{color:#fff;padding:42px 38px;background:linear-gradient(140deg,#241b66,#3b2f8f 60%,#0f8fb0 130%)}
.nv-visit-card h2{color:#fff!important;font-size:clamp(25px,2.7vw,34px);line-height:1.2;margin:0 0 10px}
.nv-visit-card p{color:#ece9ff;margin:0 0 18px}
.nv-visit-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.nv-visit-card li{display:flex;gap:12px}
.nv-visit-card li i{color:#a7ecf4;margin-top:5px}
.nv-visit-card a:not(.nv-btn){color:#fff!important}
.nv-visit-grid iframe{width:100%;height:100%;min-height:400px;border:0;display:block}

@media (max-width:1100px){.nv-services{grid-template-columns:repeat(3,minmax(0,1fr))}.nv-why{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .nv-hero-grid,.nv-about,.nv-faq,.nv-visit-grid{grid-template-columns:1fr}
  .nv-hero-grid{gap:34px}
  .nv-hero-media{max-width:480px;margin:0 auto;width:100%}
  .nv-doctor-grid{grid-template-columns:230px 1fr;gap:30px}
  .nv-faq>div:first-child{position:static}
  .nv-services,.nv-videos,.nv-blogs,.nv-problems{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nv-stats-grid{grid-template-columns:1fr 1fr}
  .nv-stats-grid>div:nth-child(2){border-right:0}
  .nv-stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--nv-line)}
  .nv-sec{padding:58px 0}
}
@media (max-width:620px){
  .nv-hero{padding:26px 0 90px}
  body.jss-site .nv-brand-logo img{height:74px}
  .nv-cta .nv-btn{flex:1 1 100%}
  .nv-float-doc{left:0;bottom:-18px}
  .nv-float-nabh{right:0;top:12px}
  .nv-photo{aspect-ratio:1/1}
  .nv-doctor-grid,.nv-services,.nv-videos,.nv-blogs,.nv-problems,.nv-why,.nv-steps{grid-template-columns:1fr}
  .nv-doctor figure{max-width:260px}
  .nv-stats-grid b{font-size:22px}
  .nv-stats-grid>div{padding:16px 10px}
  .nv-link-card{padding:22px 12px}
  body.jss-site .nv-link-logo img{height:84px}
  .nv-visit-card{padding:30px 22px}
  .nv-visit-grid iframe{min-height:300px}
}