html,
body {
  margin: 0;
  padding: 0;
}

.site-header {
  margin-top: 0;
}

/* logo */
.site-logo {
  width: 240px;
  height: auto;
  display: block;
  object-fit: contain;
}

/* =========================
   LOGO FIX
========================= */

.site-header {
    background: #fff !important;
}

.logo {
    display: inline-flex;
    align-items: center;
    background: transparent !important;
    box-shadow: none !important;
}

.logo img,
.logo__img,
.site-logo {
    background: transparent !important;
    box-shadow: none !important;
    display: block;
    object-fit: contain;
}

/* Actual SVG logo */
.logo__mark {
    background: transparent !important;
    box-shadow: none !important;
    width: 46px;
    height: 46px;
}

.site-header {
  padding-top: 0;
}



.link-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.link-photo {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
    display: inline-block;
}

.svc--feature .svc__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* service hover */
.svc:hover .svc__img img {
    transform: scale(1.05);
}

/* Slider */
.hero__img {
    width: 100%;
    max-width: 560px;
    height: auto;
    aspect-ratio: auto !important;
    overflow: hidden;
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-lg);
    background: transparent !important;
    margin: 0 auto;
}

.hero__img img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
    object-fit: contain !important;
    display: block;
}

.eq {
    background: #1b2d47;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}

.eq:hover {
    border-color: rgba(248,142,89,.65);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.eq__img {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: #22375a;
    overflow: hidden;
}

.eq__img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

.eq:hover .eq__img img {
    transform: scale(1.05);
}

.eq__body {
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    flex: 1;
}

.eq__brand {
    font-size: .82rem;
    color: var(--brand);
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.eq h3 {
    font-size: 1.02rem;
    line-height: 1.35;
    color: #fff;
    margin: 0;
    text-align: center;
}

.eq__type {
    margin-top: .5rem;
    padding-top: .7rem;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.08);
    font-size: .8rem;
    color: #93a1b5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    text-align: center;
}

.eq__type .icon {
    width: 14px;
    height: 14px;
    color: #93a1b5;
}

.eq--wide {
    grid-column: span 2;
    flex-direction: row;
}

.eq--wide .eq__img {
    width: 55%;
    aspect-ratio: auto;
    flex: none;
}

.eq--wide .eq__body {
    padding: 1.4rem;
    justify-content: center;
}

.eq--wide h3 {
    font-size: 1.25rem;
}

/* =========================================
   MOBILE EQUIPMENT - 2 COLUMN GRID
   ========================================= */

@media (max-width: 720px) {

    .equip-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;

        gap: .8rem !important;

        overflow-x: visible !important;
        overflow-y: visible !important;

        margin-inline: 0 !important;
        padding-inline: 0 !important;
        padding-bottom: 0 !important;

        scroll-snap-type: none !important;
    }

    .eq,
    .eq--wide {
        width: 100%;
        min-width: 0;
        grid-column: auto !important;
        flex-direction: column !important;
        scroll-snap-align: none !important;
    }

    .eq__img,
    .eq--wide .eq__img {
        width: 100% !important;
        aspect-ratio: 4 / 3 !important;
    }

    .eq__body,
    .eq--wide .eq__body {
        width: 100%;
        padding: .8rem .6rem 1rem !important;
        align-items: center;
        text-align: center;
    }

    .eq__brand {
        font-size: .72rem;
    }

    .eq h3,
    .eq--wide h3 {
        font-size: .88rem;
        line-height: 1.3;
        text-align: center;
    }

    .eq__type {
        font-size: .7rem;
        justify-content: center;
        text-align: center;
    }
}

/* mobile 1 card css */

/* @media (max-width: 720px) {

    .equip-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;

        overflow-x: visible !important;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
        padding-bottom: 0 !important;

        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
    }

    .eq,
    .eq--wide {
        width: 100%;
        min-width: 0;
        grid-column: auto !important;
        flex-direction: column !important;
    }

    .eq__img,
    .eq--wide .eq__img {
        width: 100% !important;
        aspect-ratio: 4 / 3 !important;
    }

    .eq__body,
    .eq--wide .eq__body {
        width: 100%;
        padding: 1rem !important;
        align-items: center;
        text-align: center;
    }

    .eq h3,
    .eq--wide h3 {
        font-size: .95rem;
        text-align: center;
    }

    .eq__type {
        justify-content: center;
        text-align: center;
    }
} */

/* hide css */

@media (max-width: 720px) {
    .hide-mobile {
        display: none !important;
    }
}


.svc--feature {
    height: 250px;
}

@media (max-width: 720px) {
    .svc--feature {
        height: auto;
    }
}

.logo__img {
    width: 180px;
    height: auto;
    display: block;
}

.cta {
    background: #F88E59 !important;
    color: var(--ink);
}

.cta .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 3rem;
}

.cta__content {
    padding-block: 3rem;
}

.cta__image {
    width: 100%;
    height: 100%;
    min-height: 420px;
    overflow: hidden;
    border-radius: 16px;
}

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

/* Mobile */
@media (max-width: 960px) {
    .cta .container {
        grid-template-columns: 1fr;
    }

    .cta__image {
        min-height: 350px;
    }
}

.cta {
    background: #EEF5FF !important;
    color: #141A3C;
}

.cta h2 {
    color: #141A3C;
}

.cta p {
    color: #3b4a60;
}

.text-justify {
  text-align: justify;
}


.two-col {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 40px;
    align-items: center;
}

.two-col .prose {
    width: 100%;
}

.two-col .svc-hero__img {
    width: 100%;
}

.two-col .svc-hero__img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Tablet & Mobile */
@media (max-width: 991px) {
    .two-col {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.two-col .svc-hero__img img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 12px;
}

.two-col .svc-hero__img {
    transform: translateY(-10px);
}


/* MRI first section spacing fix */
section[aria-labelledby="mri-intro-h"] {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* First section ke immediately baad wali section */
section[aria-labelledby="mri-intro-h"] + section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Container ka extra top/bottom spacing remove */
section[aria-labelledby="mri-intro-h"] + section .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Paragraph ka default top margin */
section[aria-labelledby="mri-intro-h"] + section {
    padding-top: 25px !important;
}


/* Service page css */
 /* :root{
  --navy:#0B2545; --navy2:#123a63;
  --paper:#FBFAF7; --paper2:#F3F0E8;
  --ink:#17242B; --ink-soft:#4B5A61;
  --accent:#E2631B; --accent-ink:#7a3610;
  --teal:#1B7A72;
  --line:#E1DCCF;
  --radius:2px;
  font-size:17px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
} */
/* *{box-sizing:inherit;}
html{scroll-behavior:smooth; scroll-padding-top:76px;}
body{margin:0; background:var(--paper); color:var(--ink); font-family:'Public Sans',system-ui,-apple-system,sans-serif; line-height:1.6;}
h1,h2,h3{font-family:'Newsreader',Georgia,serif; font-weight:600; color:var(--navy); margin:0 0 .5em; letter-spacing:-.01em;}
p{margin:0 0 1.1em; color:var(--ink-soft); max-width:86ch;}
a{color:inherit;}
img{max-width:100%;}
.wrap{max-width:1320px; margin:0 auto; padding:0 24px;} */
 
/* topbar */
/* .topbar{position:sticky; top:0; z-index:40; background:rgba(251,250,247,.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line);}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between; height:60px; padding-top:env(safe-area-inset-top,0px);}
.brand{font-family:'Newsreader',serif; font-weight:700; font-size:1.15rem; color:var(--navy); text-decoration:none;}
.brand span{color:var(--accent);}
.call-chip{display:inline-flex; align-items:center; gap:8px; background:var(--navy); color:#fff; text-decoration:none; padding:9px 16px; border-radius:999px; font-size:.88rem; font-weight:600;}
.call-chip:hover{background:var(--accent);} */
 
/* hero */
/* .hero{position:relative; background:var(--navy); color:#fff; overflow:hidden;}
.hero .wrap{position:relative; z-index:2; padding:64px 24px 76px; display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:center;}
.crumb{font-size:.82rem; color:#a9bcd4; margin-bottom:18px;}
.crumb a{color:#a9bcd4; text-decoration:none;}
.crumb a:hover{color:#fff;}
.hero h1{color:#fff; font-size:clamp(2.3rem,5vw,3.4rem); line-height:1.05; margin-bottom:.35em;}
.hero .lede{color:#c7d4e3; max-width:46ch; font-size:1.05rem;}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px;}
.btn{display:inline-flex; align-items:center; gap:8px; padding:13px 22px; font-weight:600; text-decoration:none; font-size:.95rem; border-radius:2px;}
.btn-primary{background:var(--accent); color:#fff;}
.btn-primary:hover{background:#c6540f;}
.btn-outline{border:1px solid rgba(255,255,255,.35); color:#fff;}
.btn-outline:hover{border-color:#fff;}
.rings{width:100%; height:auto; display:block;}
.rings-wrap{position:relative;} */
 
/* facts strip */
.facts{background:var(--navy2); border-top:1px solid rgba(255,255,255,.12);}
.facts .wrap{display:flex; gap:0; flex-wrap:wrap;}
.facts .fact{flex:1 1 200px; padding:16px 0; color:#dbe4ef; font-size:.86rem; border-right:1px solid rgba(255,255,255,.12);}
.facts .fact:last-child{border-right:none;}
.facts .fact b{display:block; color:#fff; font-family:'Newsreader',serif; font-size:1.15rem; font-weight:600;}
 
/* layout: rail + article */
.layout{display:grid; grid-template-columns:150px 1fr; gap:36px; padding:56px 24px 20px; max-width:1320px; margin:0 auto;}
.rail{position:sticky; top:76px; align-self:start; font-size:.82rem;}
.rail-label{text-transform:none; color:var(--ink-soft); font-size:.78rem; margin-bottom:10px; letter-spacing:.02em;}
.rail nav{display:flex; flex-direction:column; gap:2px;}
.rail a{display:block; padding:6px 0 6px 10px; border-left:2px solid var(--line); color:var(--ink-soft); text-decoration:none; font-size:.82rem;}
.rail a:hover{border-left-color:var(--accent); color:var(--ink);}
 
.article section{padding:38px 0; border-bottom:1px solid var(--line);}
.article section:last-child{border-bottom:none;}
.article h2{font-size:1.6rem; margin-bottom:.55em;}
.article h3{font-size:1.08rem; color:var(--ink); margin:1.3em 0 .5em;}
.eyebrow{color:var(--teal); font-weight:600; font-size:.85rem; margin-bottom:.3em; display:block;}
 
.equip{display:flex; gap:28px; align-items:flex-start; background:var(--paper2); border:1px solid var(--line); padding:26px; margin:6px 0 0;}
.equip .ring-mini{flex:0 0 64px; height:64px;}
.equip p{margin:0;}
 
ul.plain{list-style:none; padding:0; margin:0 0 1.1em;}
ul.plain li{position:relative; padding-left:22px; margin-bottom:.6em; color:var(--ink-soft); max-width:84ch;}
ul.plain li::before{content:""; position:absolute; left:0; top:.55em; width:7px; height:7px; border-radius:50%; border:1.5px solid var(--teal);}
ul.plain li strong{color:var(--ink);}
 
.two-lists{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
 
.grid-exam{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:8px;}
.grid-exam .ex{background:var(--paper); padding:18px 16px;}
.grid-exam .ex h4{margin:0 0 4px; font-family:'Newsreader',serif; font-weight:600; color:var(--navy); font-size:1rem;}
.grid-exam .ex p{margin:0; font-size:.85rem;}
 
.steps{counter-reset:step; padding:0; margin:8px 0 0;}
.steps li{counter-increment:step; list-style:none; position:relative; padding:0 0 22px 46px; border-left:1px solid var(--line); margin-left:15px;}
.steps li:last-child{border-left-color:transparent; padding-bottom:0;}
.steps li::before{content:counter(step); position:absolute; left:-15px; top:-2px; width:30px; height:30px; border-radius:50%; background:var(--navy); color:#fff; font-family:'Newsreader',serif; font-weight:600; font-size:.88rem; display:flex; align-items:center; justify-content:center;}
.steps h4{margin:0 0 3px; font-size:1rem; color:var(--ink); font-weight:700;}
.steps p{margin:0; font-size:.92rem;}
 
.note-box{border-left:3px solid var(--accent); background:var(--paper2); padding:14px 18px; font-size:.9rem; color:var(--ink-soft); margin-top:14px;}
.note-box p{margin:0;}
 
.faq details{border-bottom:1px solid var(--line); padding:16px 0;}
.faq summary{cursor:pointer; font-weight:600; color:var(--navy); list-style:none; display:flex; justify-content:space-between; gap:12px; font-family:'Newsreader',serif; font-size:1.05rem;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; color:var(--accent); font-size:1.3rem; line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq .faq-a{padding-top:10px;}
.faq .faq-a p{margin:0;}
 
/* .cta{background:var(--navy); color:#fff; margin-top:20px;}
.cta .wrap{padding:56px 24px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;}
.cta h2{color:#fff; font-size:1.7rem; margin-bottom:.25em;}
.cta p{color:#c7d4e3; margin:0;} */
 
footer.site{background:var(--paper2); border-top:1px solid var(--line); padding:36px 0 calc(36px + env(safe-area-inset-bottom,0px));}
footer.site .wrap{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:.85rem; color:var(--ink-soft);}
footer.site a{color:var(--ink-soft);}
 
@media (max-width:860px){
  .layout{grid-template-columns:1fr; padding-top:32px;}
  .rail{position:static; order:-1; margin-bottom:8px; padding-bottom:14px; border-bottom:1px solid var(--line);}
  .rail nav{flex-direction:row; flex-wrap:wrap; gap:8px 16px;}
  .rail a{border-left:none; padding:4px 0; border-bottom:2px solid var(--line);}
  .hero .wrap{grid-template-columns:1fr; padding-bottom:40px;}
  .rings-wrap{max-width:220px; opacity:.5;}
  .two-lists{grid-template-columns:1fr;}
  .facts .fact{border-right:none; border-bottom:1px solid rgba(255,255,255,.12); flex:1 1 45%;}
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#12181A; --paper2:#1A2123; --ink:#030303; --ink-soft:#B6BFC2; --line:#2A3234;
  }
  :root:not([data-theme="light"]) .topbar{background:rgba(18,24,26,.92);}
}


/* mobile css */

.icon1{
        stroke: #fff;
            width: 1.25em;
    height: 1.25em;
    flex: none;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}