:root{

--primary-color:#059ade !important;

--primary-color-dark:#0e76a6 !important;

--primary-color-light:#00b1f2 !important;

--secondary-color:#01224d !important;

}



  :root{

    --ink:#0f1f2e;          /* deep clinical navy */

    --ink-soft:#3c4f5e;

    --teal:var(--primary-color);         /* surgical teal accent */

    --teal-deep:var(--primary-color-dark);

    --mist:#eef4f4;         /* pale wash */

    --paper:#fbfcfc;

    --line:#d9e3e3;

    --gold:var(--secondary-color);         /* AIIMS gold medal nod */

    --radius:14px;

    --maxw:1140px;

  }

  *{box-sizing:border-box;margin:0;padding:0}

  html{scroll-behavior:smooth}

  body{

    font-family:'Roboto',sans-serif;

    color:var(--ink);background:var(--paper);

    line-height:1.65;-webkit-font-smoothing:antialiased;

  }
  
  
body,h1,h2,h3,h4,h5,h6,p,span,a,div,li,button{

font-family:'Roboto',sans-serif !important;

}

  h1,h2,h3{font-family:'Roboto',sans-serif;line-height:1.15;font-weight:600;letter-spacing:-.01em}

  a{color:inherit;text-decoration:none}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

  .eyebrow{

    font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;

    color:var(--teal);display:inline-block;margin-bottom:14px;

  }



  /* ---- Hero ---- */

  .hero{padding:72px 0 60px;background:radial-gradient(900px 420px at 78% -10%, #01224d, #01224d 60%);}

  .hero .wrap{display:grid;grid-template-columns:1.25fr .9fr;gap:56px;align-items:center}

  .hero h1{margin:6px 0 20px;font-size:32px; color: #fff;}

  .hero .creds{font-size:1.02rem;color:#fff;margin-bottom:14px}

  .degree-line{font-size:.9rem;color:var(--teal-deep);font-weight:600;margin-bottom:26px}

  .hero-actions{display:flex;gap:14px;flex-wrap:wrap}

  .btn-ghost{

    border:1.5px solid var(--line);padding:11px 22px;border-radius:999px;

    font-weight:600;font-size:.9rem;color:var(--ink);transition:border-color .2s,color .2s;

  }

  .btn-ghost:hover{border-color:var(--teal);color:var(--teal)}



  .portrait{position:relative}

  .portrait .frame{

    aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;

    background:linear-gradient(160deg,var(--mist),#dfeeed);

    border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;

    box-shadow:0 24px 60px -28px rgba(14,124,123,.45);

  }

  .portrait .frame img{width:100%;height:100%;object-fit:cover;display:block}

  .portrait .ph{

    color:var(--ink-soft);font-size:.82rem;padding:24px;text-align:center;opacity:.7;

  }

  .badge{

    position:absolute;left:-14px;bottom:24px;background:#fff;border:1px solid var(--line);

    border-radius:12px !important;padding:12px 16px !important;box-shadow:0 14px 30px -18px rgba(15,31,46,.4);

  }

  .badge b{font-family:'Roboto',sans-serif;font-size:1.02rem;color:var(--teal)}

  .badge small{display:block;font-size:.72rem;color:var(--ink-soft);letter-spacing:.02em; margin-top: 10px;}



  /* ---- Stat strip ---- */

  .stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}

  .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}

  .stat{padding:30px 22px;text-align:center;border-right:1px solid var(--line)}

  .stat:last-child{border-right:0}

  .stat b{display:block;font-family:'Roboto',sans-serif;font-size:1.95rem;color:var(--ink)}

  .stat span{font-size:.82rem;color:var(--ink-soft)}



  /* ---- Generic section ---- */

  section.block{padding:74px 0}

  .section-head{max-width:62ch;margin-bottom:44px}

  .section-head h2{font-size:32px;margin-bottom:14px}

  .section-head p{color:var(--ink-soft);font-size:1.02rem}

  .lead p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:18px}

  .lead p strong{color:var(--ink);font-weight:600}



  /* ---- Expertise cards ---- */

  .alt{background:var(--mist)}

  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

  .card{

    background:#fff;border:1px solid var(--line);border-radius:var(--radius);

    padding:26px 24px;transition:transform .25s,box-shadow .25s;

  }

  .card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(15,31,46,.35)}

  .card .num{font-family:'Roboto',sans-serif;color:var(--teal);font-size:.95rem;font-weight:600}

  .card h3{font-size:1.12rem;margin:8px 0 10px}

  .card p{font-size:.93rem;color:var(--ink-soft)}



  /* ---- Firsts / Milestones (medallion cards) ---- */

  .firsts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}

  .milestone{

    position:relative;display:flex;gap:18px;align-items:flex-start;

    background:#fff;border:1px solid var(--line);border-radius:16px;

    padding:22px 24px 22px 22px;overflow:hidden;

    transition:transform .25s,box-shadow .25s,border-color .25s;

  }

  .milestone::before{

    content:"";position:absolute;left:0;top:0;bottom:0;width:4px;

    background:linear-gradient(var(--teal),var(--gold));opacity:.85;

  }

  .milestone:hover{

    transform:translateY(-4px);box-shadow:0 24px 46px -28px rgba(15,31,46,.4);

    border-color:#bcd6d5;

  }

  .medallion{

    flex:none;width:50px;height:50px;border-radius:50%;

    background:conic-gradient(from 210deg,var(--gold),#149bda,var(--gold));

    display:flex;align-items:center;justify-content:center;

    box-shadow:inset 0 0 0 3px #fff, 0 6px 14px -6px rgba(176,133,38,.6);

  }

  .medallion span{

    font-family:'Roboto',sans-serif;font-weight:600;color:#fff;font-size:.78rem;

    letter-spacing:.04em;

  }

  .milestone .m-body b{display:block;font-weight:600;font-size:1.02rem;margin-bottom:2px}

  .milestone .m-body p{font-size:.88rem;color:var(--ink-soft)}

  .firsts-foot{

    margin-top:22px;font-size:.9rem;color:var(--ink-soft);

    display:flex;align-items:center;gap:10px;

  }

  .firsts-foot b{color:var(--gold);font-family:'Roboto',sans-serif}



  /* ---- Training (vertical timeline with spine) ---- */

  .timeline{position:relative;margin-left:6px;padding-left:42px;display:block;}

  .timeline::before{

    content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;

    background:linear-gradient(var(--teal),var(--line)); transform: none;

  }

  .tl-row{position:relative;padding:0 0 30px}

  .tl-row:last-child{padding-bottom:0}

  .tl-row::before{

    content:"";position:absolute;left:-35px;top:4px;width:14px;height:14px;

    border-radius:50%;background:#fff;border:3px solid var(--teal);

    box-shadow:0 0 0 4px var(--mist);

  }

  .tl-row .yr{

    display:inline-block;font-family:'Roboto',sans-serif;font-size:.72rem;

    font-weight:700;letter-spacing:.05em;text-transform:uppercase;

    color:var(--teal-deep);background:var(--mist);

    padding:4px 12px;border-radius:999px;margin-bottom:8px;

  }

  .tl-row h3{font-size:1.08rem;margin-bottom:4px}

  .tl-row p{font-size:.92rem;color:var(--ink-soft)}

  .tl-row.gold::before{border-color:var(--gold);box-shadow:0 0 0 4px #f6edd6}

  .tl-row.gold .yr{color:#7a5c12;background:#f6edd6}



  /* ---- Quote / testimonial ---- */

  .quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

  .quote{

    background:#fff;border:1px solid var(--line);border-left:3px solid var(--teal);

    border-radius:12px;padding:26px 28px;

  }

  .quote p{font-size:1rem;color:var(--ink);font-style:italic;margin-bottom:14px}

  .quote .who{font-size:.85rem;color:var(--ink-soft);font-style:normal;font-weight:600}

  .quote .who span{color:var(--teal-deep);font-weight:500}



  /* ---- FAQ ---- */

  details.faq{

    border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px;

    overflow:hidden;

  }

  details.faq summary{

    cursor:pointer;list-style:none;padding:20px 24px;font-weight:600;font-size:1.02rem;

    display:flex;justify-content:space-between;align-items:center;gap:16px;

  }

  details.faq summary::-webkit-details-marker{display:none}

  details.faq summary::after{content:"+";color:var(--teal);font-size:1.4rem;font-weight:400;transition:transform .2s}

  details.faq[open] summary::after{transform:rotate(45deg)}

  details.faq .ans{padding:0 24px 22px;color:var(--ink-soft);font-size:.98rem}





  /* ---- Responsive ---- */

  @media(max-width:880px){



    .hero .wrap{grid-template-columns:1fr;gap:36px}

    .portrait{order:-1;max-width:340px}

    .stats .wrap{grid-template-columns:repeat(2,1fr)}

    .stat:nth-child(2){border-right:0}

    .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}

    .grid{grid-template-columns:1fr}

    .firsts{grid-template-columns:1fr}

    .quotes{grid-template-columns:1fr}



  }

  @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}

  :focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}






.achievement-card {
    background: #fff;
    border-radius: 18px;
    padding: 35px 25px;
    text-align: center;
    height: 100%;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
    transition: .3s;
    position: relative;
}

.achievement-card:hover{
    transform: translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.achievement-number{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#01224d;
    color:#fff;
    font-size:28px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
}

.achievement-card h4{
    font-size:18px;
    font-weight:600;
    color:#0d2c63;
    line-height:1.35;
    margin-bottom:12px;
}

.achievement-card p{
    font-size:18px;
    color:#555;
    margin:0;
    line-height:1.6;
}


.achievement-card::after{
    content:"";
    width:70px;
    height:4px;
    background:#0192d3;
    border-radius:5px;
    display:block;
    margin:25px auto 0;
}

@media(max-width:991px){
    .achievement-card{
        padding:30px 20px;
    }

    .achievement-card h4{
        font-size:21px;
    }
}

@media(max-width:767px){
    .achievement-card h4{
        font-size:20px;
    }

    .achievement-card p{
        font-size:16px;
    }
}


.achievement-number img {
    width: 80%;
    filter: brightness(60.5);
}