:root{--sv-purple:#2b123d;--sv-purple2:#43135d;--sv-teal:#0b8f87;--sv-teal2:#13a99f;--sv-ink:#17152b;--sv-muted:#667085;--sv-bg:#f7fafb;--sv-line:#e8edf1;--sv-white:#fff}
html{scroll-behavior:smooth}body{background:#fff;color:var(--sv-ink);font-family:"Muli",sans-serif}a{color:inherit}.sv-topbar{background:var(--sv-purple);color:#fff;font-size:13px}.sv-topbar .container{display:flex;justify-content:space-between;gap:20px;padding:9px 15px}.sv-topbar a{color:#fff}.sv-header{background:#fff;border-bottom:1px solid #eef1f4;position:relative;z-index:100}.sv-header.sticky{position:sticky;top:0}.sv-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between}.sv-logo{width:205px;height:64px;object-fit:contain;object-position:left center}.sv-menu{display:flex;align-items:center;gap:31px}.sv-menu a{font-size:14px;font-weight:700;color:#263238;letter-spacing:.2px}.sv-menu a:hover,.sv-menu a.active{color:var(--sv-teal)}.sv-cta{background:var(--sv-teal);color:#fff!important;border-radius:6px;padding:14px 21px;box-shadow:0 8px 22px rgba(11,143,135,.18)}.sv-mobile{display:none;border:0;background:transparent;font-size:28px;color:var(--sv-purple)}
.sv-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#f7fbfc 0%,#eef7f6 55%,#fff 100%);min-height:650px;display:flex;align-items:center}.sv-hero:after{content:"";position:absolute;right:-170px;top:-180px;width:520px;height:520px;border-radius:50%;background:rgba(19,169,159,.08)}.sv-hero .container{position:relative;z-index:2}.sv-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sv-teal);font-weight:800;text-transform:uppercase;letter-spacing:1.6px;font-size:13px;margin-bottom:16px}.sv-kicker:before{content:"";width:34px;height:3px;background:var(--sv-teal);border-radius:2px}.sv-hero h1{font-size:58px;line-height:1.08;font-weight:800;color:var(--sv-purple);margin:0 0 20px}.sv-hero h1 span{color:var(--sv-teal)}.sv-hero p{font-size:18px;line-height:1.8;color:#586174;max-width:600px;margin-bottom:28px}.sv-actions{display:flex;gap:12px;flex-wrap:wrap}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 23px;border-radius:6px;font-weight:800;font-size:14px;border:1px solid transparent}.sv-btn-primary{background:var(--sv-teal);color:#fff}.sv-btn-outline{background:#fff;color:var(--sv-purple);border-color:#d8dfe5}.sv-hero-media{position:relative;margin-left:auto;max-width:650px}.sv-hero-media img{width:100%;height:520px;object-fit:cover;border-radius:22px 22px 22px 70px;box-shadow:0 28px 70px rgba(24,32,48,.18)}.sv-badge{position:absolute;left:-35px;bottom:28px;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 18px 45px rgba(24,32,48,.14);display:flex;align-items:center;gap:12px}.sv-badge strong{display:block;color:var(--sv-purple);font-size:14px}.sv-badge small{color:var(--sv-muted)}
.sv-section{padding:90px 0}.sv-section-soft{background:var(--sv-bg)}.sv-heading{text-align:center;max-width:760px;margin:0 auto 50px}.sv-heading .sv-kicker{justify-content:center}.sv-heading h2{font-size:40px;color:var(--sv-purple);font-weight:800;margin:0 0 12px}.sv-heading p{color:var(--sv-muted);line-height:1.8}.sv-about-img{width:100%;height:520px;object-fit:cover;border-radius:18px;box-shadow:0 20px 55px rgba(25,32,50,.12)}.sv-about-copy h2{font-size:42px;line-height:1.15;color:var(--sv-purple);font-weight:800;margin:8px 0 18px}.sv-about-copy p{color:var(--sv-muted);line-height:1.85;font-size:16px}.sv-checks{margin:25px 0}.sv-checks li{position:relative;padding-left:29px;margin:13px 0;color:#384152;font-weight:700}.sv-checks li:before{content:"✓";position:absolute;left:0;top:-2px;width:20px;height:20px;border-radius:50%;background:rgba(11,143,135,.12);color:var(--sv-teal);font-weight:900;text-align:center;line-height:20px}
.sv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sv-card{background:#fff;border:1px solid var(--sv-line);border-radius:14px;padding:30px 26px;box-shadow:0 10px 30px rgba(22,32,48,.05);transition:.25s}.sv-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(22,32,48,.1)}.sv-icon{width:54px;height:54px;border-radius:12px;background:rgba(11,143,135,.1);display:grid;place-items:center;color:var(--sv-teal);font-size:22px;margin-bottom:20px}.sv-card h3{font-size:21px;color:var(--sv-purple);font-weight:800;margin-bottom:10px}.sv-card p{color:var(--sv-muted);line-height:1.7;margin:0}
.sv-doctors{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:920px;margin:0 auto}.sv-doctor{background:#fff;border:1px solid var(--sv-line);border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(22,32,48,.07)}.sv-doctor img{width:100%;height:430px;object-fit:cover;object-position:center 35%}.sv-doctor-info{padding:23px 24px}.sv-doctor-info h3{font-size:23px;color:var(--sv-purple);font-weight:800;margin:0 0 5px}.sv-role{color:var(--sv-teal);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.sv-doctor-info p{color:var(--sv-muted);line-height:1.7;margin:13px 0 17px}
.sv-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.sv-gallery img{width:100%;height:300px;object-fit:cover;border-radius:14px}.sv-gallery img:first-child{height:618px;grid-row:span 2}.sv-location{background:linear-gradient(135deg,var(--sv-purple),#552171);color:#fff;border-radius:20px;padding:48px}.sv-location h2{color:#fff;font-weight:800;font-size:36px}.sv-location p{color:rgba(255,255,255,.82);line-height:1.8}.sv-contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:22px}.sv-contact-item{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:16px}.sv-contact-item small{display:block;color:rgba(255,255,255,.7);margin-bottom:5px}.sv-contact-item a{font-weight:800;color:#fff}.sv-footer{background:#15131f;color:#c6c8d1;padding:65px 0 20px}.sv-footer h4{color:#fff;font-weight:800}.sv-footer p{color:#aeb2bd;line-height:1.8}.sv-footer-logo{width:260px;height:70px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.95}.sv-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;font-size:13px}.sv-page-hero{background:linear-gradient(100deg,#f2f9f8,#fff);padding:80px 0}.sv-page-hero h1{font-size:48px;color:var(--sv-purple);font-weight:800;margin:0}.sv-page-hero p{color:var(--sv-muted);max-width:680px;line-height:1.8}.sv-contact-card{height:100%;background:#fff;border:1px solid var(--sv-line);border-radius:14px;padding:28px;box-shadow:0 10px 30px rgba(22,32,48,.05)}.sv-contact-card h3{font-size:22px;color:var(--sv-purple);font-weight:800}.sv-contact-card p{color:var(--sv-muted);line-height:1.8}.sv-form input,.sv-form textarea{width:100%;border:1px solid #dfe5ea;border-radius:7px;padding:14px 15px;margin-bottom:14px}.sv-form textarea{min-height:150px;resize:vertical}.sv-form button{border:0}.sv-map{width:100%;min-height:420px;border:0;border-radius:16px}.sv-quote{border-left:4px solid var(--sv-teal);background:#f3faf9;padding:22px 24px;border-radius:8px;color:#4b5565;line-height:1.8}
@media(max-width:991px){.sv-menu{gap:18px}.sv-hero{min-height:auto;padding:70px 0}.sv-hero h1{font-size:46px}.sv-hero-media{margin:45px auto 0}.sv-cards{grid-template-columns:repeat(2,1fr)}.sv-gallery{grid-template-columns:1fr 1fr}.sv-gallery img:first-child{height:300px;grid-row:auto;grid-column:span 2}}
@media(max-width:767px){.sv-topbar{display:none}.sv-nav{min-height:72px}.sv-logo{width:170px;height:58px}.sv-mobile{display:block}.sv-menu{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-top:1px solid #eee;padding:15px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 30px rgba(0,0,0,.08)}.sv-menu.open{display:flex}.sv-menu a{padding:9px 0}.sv-hero{padding:55px 0 65px}.sv-hero h1{font-size:38px}.sv-hero p{font-size:16px}.sv-hero-media img{height:360px;border-radius:16px}.sv-badge{left:10px;bottom:15px}.sv-section{padding:65px 0}.sv-heading h2,.sv-about-copy h2{font-size:32px}.sv-about-img{height:360px;margin-bottom:35px}.sv-cards,.sv-doctors,.sv-contact-list{grid-template-columns:1fr}.sv-gallery{grid-template-columns:1fr}.sv-gallery img:first-child{grid-column:auto;height:280px}.sv-gallery img{height:240px}.sv-location{padding:30px 23px}.sv-location h2{font-size:29px}.sv-page-hero{padding:60px 0}.sv-page-hero h1{font-size:38px}}

/* FINAL HEADER FIX - horizontal logo + navbar in one compact row */
.sv-topbar{display:none!important}
.sv-header{background:#fff!important;border-bottom:1px solid #eef1f4!important}
.sv-header.sticky{position:sticky!important;top:0!important}
.sv-nav{min-height:96px!important;height:96px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:35px!important}
.sv-logo{display:block!important;width:285px!important;height:78px!important;max-width:285px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.sv-menu{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:34px!important;margin-left:auto!important}
.sv-menu a{font-size:16px!important;font-weight:700!important;color:#17152b!important;white-space:nowrap!important}
.sv-menu a:hover,.sv-menu a.active{color:var(--sv-teal)!important}
.sv-cta{padding:15px 24px!important;border-radius:7px!important;background:var(--sv-teal)!important;color:#fff!important}
@media (max-width: 991px){
  .sv-nav{min-height:86px!important;height:86px!important}
  .sv-logo{width:245px!important;height:70px!important;max-width:245px!important}
  .sv-menu{gap:18px!important}
  .sv-menu a{font-size:14px!important}
}
@media (max-width: 767px){
  .sv-nav{min-height:72px!important;height:72px!important}
  .sv-logo{width:205px!important;height:58px!important;max-width:205px!important}
  .sv-mobile{display:block!important}
  .sv-menu{display:none!important;position:absolute!important;left:0!important;right:0!important;top:72px!important;background:#fff!important;padding:15px!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
  .sv-menu.open{display:flex!important}
}
/* FOOTER LOGO - FINAL */
.sv-footer-logo {
    width: 330px !important;
    height: 100px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
    background: transparent !important;
}
/* FOOTER VISIBILITY FIX - logo and Shivayu branding clearly visible */
.sv-footer {
    background: #f3faf9 !important;
    color: #4b5565 !important;
    border-top: 1px solid #dcefeb !important;
}
.sv-footer h4 {
    color: #4b1d6b !important;
}
.sv-footer p {
    color: #596273 !important;
}
.sv-footer-logo {
    width: 330px !important;
    height: 100px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
    background: transparent !important;
}
.sv-footer-bottom {
    border-top: 1px solid #d7e7e3 !important;
    color: #596273 !important;
}
@media (max-width: 767px) {
    .sv-footer-logo {
        width: 290px !important;
        height: 90px !important;
    }
}

/* INAUGURATION IMAGE - SHOW THE COMPLETE PHOTO WITHOUT CROPPING */
.sv-inauguration-gallery-img {
    object-fit: contain !important;
    object-position: center !important;
    background: #fff !important;
    padding: 0 !important;
}
.sv-inauguration-media {
    width: 100%;
    background: #f7fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(25,32,50,.12);
}
.sv-inauguration-img {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: 520px;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 18px;
}
@media(max-width:767px) {
    .sv-inauguration-img {
        max-height: none;
    }
}
/* Purple location box color change */
.sv-location {
    background: #0b8f87 !important;
}
/* CALL NOW - FIX TEXT DISAPPEARING ON CLICK */
.sv-cta,
.sv-cta:hover,
.sv-cta:focus,
.sv-cta:active,
.sv-cta:visited {
    background: #0b8f87 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* WhatsApp Floating Button */

.sv-whatsapp {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 58px;
    height: 58px;
    background: #25D366;
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    text-decoration: none !important;
    z-index: 99999;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.20);
}

.sv-whatsapp:hover {
    background: #20b957;
    color: #ffffff !important;
    transform: scale(1.08);
}

.sv-whatsapp:focus,
.sv-whatsapp:active,
.sv-whatsapp:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .sv-whatsapp {
        width: 52px;
        height: 52px;
        right: 18px;
        bottom: 18px;
        font-size: 29px;
    }
}

/* ==============================
   DOCTOR HIGHLIGHT SECTION
   ============================== */

.sv-doctor-highlight {
    background: #f7fbfa;
}

.sv-doctor-photo {
    position: relative;
    max-width: 430px;
    margin: 0 auto;
}

.sv-doctor-photo img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    object-position: center top;
    border-radius: 24px;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.sv-doctor-content {
    padding-left: 45px;
}

.sv-doctor-content h2 {
    margin-bottom: 12px;
}

.sv-doctor-role {
    color: #0b8f87;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}

.sv-doctor-contact {
    margin: 25px 0;
}

.sv-doctor-contact span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #242b5e;
}

.sv-doctor-contact i {
    color: #0b8f87;
}

.sv-doctor-content .sv-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Mobile */
@media (max-width: 991px) {
    .sv-doctor-content {
        padding-left: 0;
        margin-top: 35px;
    }

    .sv-doctor-photo {
        max-width: 380px;
    }

    .sv-doctor-photo img {
        height: 450px;
    }
}

@media (max-width: 575px) {
    .sv-doctor-photo img {
        height: 400px;
    }
}

/* =========================================
   UNIQUE PILES FEATURE SECTION
========================================= */

.sv-piles-feature {
    padding: 90px 0;
    background: #f6faf8;
    overflow: hidden;
}

.sv-piles-card {
    position: relative;

    display: grid;
    grid-template-columns: 1.15fr 0.85fr;

    min-height: 560px;

    border-radius: 30px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(42, 157, 126, 0.15),
            transparent 30%
        ),
        #ffffff;

    border: 1px solid rgba(27, 143, 114, 0.12);

    box-shadow:
        0 25px 70px rgba(24, 70, 57, 0.10);
}

/* LEFT SIDE */

.sv-piles-content {
    padding: 70px 65px;
    position: relative;
    z-index: 2;
}

.sv-piles-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 18px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;

    color: #18866b;
}

.sv-piles-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #18866b;
}

.sv-piles-content h2 {
    max-width: 620px;

    margin: 0 0 20px;

    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.05;
    letter-spacing: -1.8px;

    color: #173c32;
}

.sv-piles-content h2 span {
    color: #18866b;
}

.sv-piles-lead {
    max-width: 600px;

    margin-bottom: 38px;

    color: #65736e;

    font-size: 16px;
    line-height: 1.8;
}

/* POINTS */

.sv-piles-points {
    display: flex;
    flex-direction: column;
    gap: 22px;

    max-width: 620px;
}

.sv-piles-point {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.sv-piles-icon {
    flex: 0 0 38px;

    width: 38px;
    height: 38px;

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

    border-radius: 50%;

    background: #e5f4ef;
    color: #18866b;

    font-size: 11px;
    font-weight: 800;
}

.sv-piles-point strong {
    display: block;

    margin-bottom: 4px;

    color: #21463c;
    font-size: 14px;
}

.sv-piles-point p {
    margin: 0;

    color: #7a8581;

    font-size: 13px;
    line-height: 1.6;
}

/* BUTTON */

.sv-piles-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    margin-top: 35px;

    padding: 14px 20px 14px 23px;

    border-radius: 50px;

    background: #18866b;
    color: #fff !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    box-shadow: 0 10px 25px rgba(24, 134, 107, 0.22);

    transition: all 0.3s ease;
}

.sv-piles-btn span {
    font-size: 20px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.sv-piles-btn:hover {
    transform: translateY(-3px);
    background: #126e58;
}

.sv-piles-btn:hover span {
    transform: translateX(5px);
}

/* =========================================
   RIGHT DOCTOR VISUAL
========================================= */

.sv-piles-doctor {
    position: relative;

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

    min-height: 560px;

    background:
        linear-gradient(
            145deg,
            #eaf7f3 0%,
            #d9eee8 100%
        );
}

/* Decorative circles */

.sv-piles-orbit {
    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(24, 134, 107, 0.15);
}

.orbit-one {
    width: 390px;
    height: 390px;
}

.orbit-two {
    width: 480px;
    height: 480px;
}

/* Doctor Image */

.sv-piles-doctor-image {
    position: relative;
    z-index: 2;

    width: 330px;
    height: 400px;

    border-radius: 170px 170px 25px 25px;

    overflow: hidden;

    background: #fff;

    box-shadow:
        0 25px 50px rgba(25, 85, 69, 0.20);
}

.sv-piles-doctor-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* Floating Doctor Info */

.sv-piles-doctor-label {
    position: absolute;

    right: 30px;
    bottom: 35px;

    z-index: 4;

    width: 230px;

    padding: 18px 20px;

    border-radius: 16px;

    background: rgba(255, 255, 255, 0.94);

    box-shadow:
        0 15px 35px rgba(28, 70, 59, 0.14);

    backdrop-filter: blur(8px);
}

.sv-piles-doctor-label span {
    display: block;

    margin-bottom: 7px;

    color: #18866b;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sv-piles-doctor-label strong {
    display: block;

    margin-bottom: 4px;

    color: #183e34;

    font-size: 16px;
}

.sv-piles-doctor-label small {
    color: #71817b;

    font-size: 11px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .sv-piles-card {
        grid-template-columns: 1fr;
    }

    .sv-piles-content {
        padding: 55px 40px;
    }

    .sv-piles-doctor {
        min-height: 500px;
    }

}

@media (max-width: 767px) {

    .sv-piles-feature {
        padding: 55px 0;
    }

    .sv-piles-card {
        border-radius: 22px;
    }

    .sv-piles-content {
        padding: 40px 25px;
    }

    .sv-piles-content h2 {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .sv-piles-lead {
        font-size: 14px;
    }

    .sv-piles-doctor {
        min-height: 450px;
    }

    .sv-piles-doctor-image {
        width: 250px;
        height: 320px;
    }

    .orbit-one {
        width: 300px;
        height: 300px;
    }

    .orbit-two {
        width: 360px;
        height: 360px;
    }

    .sv-piles-doctor-label {
        right: 15px;
        bottom: 20px;
        width: 210px;
    }

}

/* NAVBAR DROPDOWNS - service/facility navigation */
.sv-nav{gap:28px!important}
.sv-menu{gap:26px!important}
.sv-dropdown{position:relative;display:flex;align-items:center}
.sv-dropbtn{border:0;background:transparent;padding:0;font-family:inherit;font-size:16px;font-weight:700;color:#17152b;letter-spacing:.2px;white-space:nowrap;cursor:pointer}
.sv-dropbtn span{font-size:14px;margin-left:4px;color:#0b8f87}
.sv-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);min-width:190px;background:#fff;border:1px solid #e8edf1;border-radius:10px;padding:8px;box-shadow:0 18px 45px rgba(22,32,48,.13);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;z-index:200}
.sv-dropdown-menu:before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;background:#fff;border-left:1px solid #e8edf1;border-top:1px solid #e8edf1;transform:translateX(-50%) rotate(45deg)}
.sv-dropdown-menu a{display:block!important;padding:11px 13px!important;border-radius:7px;font-size:14px!important;color:#263238!important;font-weight:700!important}
.sv-dropdown-menu a:hover{background:#f1faf9;color:#0b8f87!important}
.sv-dropdown:hover .sv-dropdown-menu,.sv-dropdown:focus-within .sv-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.sv-dropbtn:hover{color:#0b8f87}
@media(max-width:1200px){.sv-nav{gap:15px!important}.sv-menu{gap:16px!important}.sv-menu a,.sv-dropbtn{font-size:14px!important}.sv-cta{padding:13px 16px!important}}
@media(max-width:767px){
 .sv-nav{gap:10px!important}
 .sv-menu{gap:0!important}
 .sv-dropdown{width:100%;display:block}
 .sv-dropbtn{font-size:14px!important;padding:9px 0!important;width:100%;text-align:left}
 .sv-dropdown-menu{position:static;transform:none!important;min-width:0;width:100%;display:none;box-shadow:none;border:0;border-left:2px solid #dcefeb;border-radius:0;margin:0 0 5px 5px;padding:0 0 0 10px;opacity:1;visibility:visible;pointer-events:auto}
 .sv-dropdown.open .sv-dropdown-menu{display:block}
 .sv-dropdown-menu:before{display:none}
 .sv-dropdown-menu a{padding:8px 10px!important}
 .sv-menu .sv-cta{margin-top:8px;width:100%;text-align:center}
}

/* Important content points - bold for clear bilingual readability */
.sv-section .sv-kicker, .sv-page-hero .sv-kicker, .sv-section h1, .sv-section h2, .sv-section h3, .sv-section h4, .sv-page-hero h1, .sv-page-hero h2, .sv-page-hero h3, .sv-checks li { font-weight: 700; }

/* ALL SERVICES PAGE */
.sv-all-services{border-top:1px solid #edf2f2;margin-top:5px;padding-top:12px!important;color:#0b8f87!important;font-weight:800!important}
.sv-all-services span{float:right;font-size:16px}
.sv-disease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sv-disease-card{height:100%;background:#fff;border:1px solid var(--sv-line);border-radius:18px;padding:28px 24px;box-shadow:0 10px 30px rgba(22,32,48,.05);transition:.25s ease;position:relative;overflow:hidden}
.sv-disease-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sv-teal);opacity:.75}
.sv-disease-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(22,32,48,.1)}
.sv-disease-number{position:absolute;right:18px;top:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1faf9;color:var(--sv-teal);font-weight:800;font-size:13px}
.sv-disease-icon{width:58px;height:58px;border-radius:15px;background:rgba(11,143,135,.1);display:grid;place-items:center;color:var(--sv-teal);font-size:24px;margin-bottom:18px}
.sv-disease-card h3{font-size:22px;color:var(--sv-purple);font-weight:800;margin:0 45px 12px 0}
.sv-disease-card .sv-disease-label{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:var(--sv-teal);font-weight:800;margin-bottom:8px}
.sv-disease-card p{color:var(--sv-muted);line-height:1.72;font-size:15px;margin-bottom:11px}
.sv-disease-card .sv-marathi{font-size:14px}
.sv-disease-card .sv-mini-title{font-weight:800;color:#31394a;margin-top:13px;margin-bottom:5px}
.sv-disease-card .sv-btn{margin-top:8px}
.sv-services-note{background:linear-gradient(135deg,#f1faf9,#fff);border:1px solid #dcefeb;border-radius:18px;padding:28px 30px;margin-bottom:48px}
.sv-services-note h3{color:var(--sv-purple);font-weight:800;margin-bottom:10px}
.sv-services-note p{color:var(--sv-muted);line-height:1.8;margin:0}
@media(max-width:991px){.sv-disease-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.sv-disease-grid{grid-template-columns:1fr}.sv-services-note{padding:23px 20px;margin-bottom:32px}.sv-disease-card{padding:24px 21px}}

/* =========================================================
   DISEASE DETAIL REFRESH — compact, visual & responsive
   ========================================================= */
.sv-disease-hero{
  padding:42px 0 48px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(19,169,159,.12),transparent 24%),
    linear-gradient(120deg,#f3faf9 0%,#fff 68%);
  overflow:hidden;
}
.sv-disease-hero .sv-detail-back{
  display:inline-flex;align-items:center;gap:8px;
  color:#0b8f87;font-size:13px;font-weight:800;
  text-decoration:none;margin-bottom:20px;
}
.sv-disease-hero h1{
  font-size:clamp(38px,5vw,58px)!important;
  line-height:1.06!important;
  margin-bottom:16px!important;
  letter-spacing:-1.2px;
}
.sv-disease-lead{
  max-width:720px!important;
  font-size:17px!important;
  line-height:1.75!important;
  margin-bottom:10px!important;
}
.sv-disease-hero .sv-marathi{
  font-size:15px;line-height:1.75;margin-bottom:20px!important;
}
.sv-disease-hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.sv-disease-visual{
  position:relative;margin-left:auto;max-width:560px;
  border-radius:28px;overflow:visible;
}
.sv-disease-visual img{
  display:block;width:100%;height:auto;
  border-radius:28px;
  box-shadow:0 24px 65px rgba(22,55,50,.15);
}
.sv-disease-visual-tag{
  position:absolute;left:-18px;bottom:20px;
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.96);
  border:1px solid #e3efed;border-radius:14px;
  padding:12px 16px;box-shadow:0 14px 35px rgba(22,32,48,.12);
  color:#0b8f87;font-weight:800;font-size:13px;
}
.sv-disease-visual-tag i{font-size:20px}
.sv-disease-visual-tag span{display:flex;flex-direction:column;color:#2b123d}
.sv-disease-visual-tag small{font-size:10px;color:#74807f;font-weight:600;margin-top:2px}
.sv-disease-hero + .sv-section{padding-top:46px!important}
.sv-disease-hero + .sv-section .sv-detail-card{
  padding:26px 26px;
}
.sv-disease-hero + .sv-section .sv-detail-card h3{margin-bottom:10px}
.sv-disease-hero + .sv-section .sv-checks{margin:17px 0}
.sv-disease-hero + .sv-section .sv-checks li{margin:10px 0}
.sv-disease-hero + .sv-section-soft{padding-top:46px!important;padding-bottom:55px!important}

/* All-services cards now have a visual thumbnail instead of empty space. */
.sv-disease-card .sv-card-thumb{
  display:block;width:100%;height:145px;object-fit:cover;
  border-radius:13px;margin:-3px 0 19px;
  background:#eaf7f3;border:1px solid #e0eeeb;
}
.sv-disease-card .sv-disease-icon{display:none}
.sv-disease-card{padding-top:21px}
@media(max-width:991px){
  .sv-disease-hero{padding:34px 0 42px!important}
  .sv-disease-visual{max-width:620px;margin:18px auto 0}
  .sv-disease-hero + .sv-section{padding-top:38px!important}
}
@media(max-width:767px){
  .sv-disease-hero{padding:28px 0 34px!important}
  .sv-disease-hero h1{font-size:36px!important}
  .sv-disease-lead{font-size:15px!important}
  .sv-disease-visual{margin-top:12px}
  .sv-disease-visual-tag{left:12px;bottom:12px}
  .sv-disease-hero-actions .sv-btn{width:100%}
  .sv-disease-hero + .sv-section{padding-top:30px!important}
  .sv-disease-hero + .sv-section-soft{padding-top:30px!important}
  .sv-disease-card .sv-card-thumb{height:175px}
}

/* =========================================================
   SHIVAYU FINAL UI
   Clean spacing + attractive cards + Learn More always visible
   ========================================================= */

:root {
    --sv-purple: #35134d;
    --sv-teal: #0b9b91;
    --sv-dark: #18212b;
    --sv-muted: #667085;
    --sv-soft: #f4faf9;
}

/* Remove unnecessary empty vertical space */
.sv-section {
    padding: 55px 0;
}

.sv-page-hero {
    padding: 48px 0;
}

.sv-hero {
    min-height: 0;
    padding: 70px 0;
}

.sv-heading {
    margin-bottom: 32px;
}

.sv-heading h2 {
    margin-bottom: 8px;
}

.sv-heading p {
    margin-bottom: 0;
}

.sv-cards,
.sv-disease-grid {
    gap: 18px;
}

/* Attractive service cards */
.sv-disease-card {
    padding: 22px;
    border-radius: 20px;
    background: linear-gradient(145deg, #ffffff, #f8fcfb);
    border: 1px solid #e4eeec;
    box-shadow: 0 8px 24px rgba(30, 55, 70, 0.07);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sv-disease-card:hover {
    transform: translateY(-7px);
    border-color: #bfe4df;
    box-shadow: 0 18px 42px rgba(30, 90, 80, 0.14);
}

.sv-disease-card .sv-card-thumb {
    width: 100%;
    height: 175px;
    object-fit: contain;
    display: block;
    margin-bottom: 16px;
    border-radius: 14px;
    background: #eef8f6;
}

.sv-disease-card p {
    line-height: 1.55;
    margin-bottom: 10px;
}

.sv-mini-title {
    margin-top: 14px;
    color: var(--sv-purple);
    font-weight: 800;
    font-size: 13px;
}

/* Learn More must never disappear after click/focus/active */
.sv-disease-card .sv-btn,
.sv-disease-card .sv-btn:hover,
.sv-disease-card .sv-btn:focus,
.sv-disease-card .sv-btn:active,
.sv-disease-card .sv-btn:visited,
.sv-piles-btn,
.sv-piles-btn:hover,
.sv-piles-btn:focus,
.sv-piles-btn:active,
.sv-piles-btn:visited {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
}

.sv-disease-card .sv-btn {
    background: linear-gradient(135deg, #0b9b91, #087c74) !important;
    border: 0 !important;
    border-radius: 50px;
    padding: 12px 18px;
    box-shadow: 0 8px 20px rgba(11, 155, 145, .22);
}

/* Make the main page feel premium */
.sv-header {
    box-shadow: 0 5px 25px rgba(20, 35, 45, .06);
}

.sv-hero {
    background:
        radial-gradient(circle at 85% 20%, rgba(11, 155, 145, .12), transparent 28%),
        linear-gradient(135deg, #f4fbfa 0%, #ffffff 65%);
}

.sv-hero h1 {
    letter-spacing: -1.5px;
}

.sv-hero-media img {
    box-shadow: 0 24px 60px rgba(28, 50, 60, .16);
}

.sv-card {
    border-radius: 18px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.sv-card:hover {
    transform: translateY(-6px);
}

/* Keep content compact */
.sv-about-img {
    height: 430px;
}

.sv-location {
    padding: 38px;
}

.sv-footer {
    padding: 45px 0 18px;
}

.sv-footer-bottom {
    margin-top: 22px;
}

/* Mobile: no oversized blank gaps */
@media (max-width: 767px) {
    .sv-section {
        padding: 38px 0;
    }

    .sv-page-hero {
        padding: 35px 0;
    }

    .sv-hero {
        padding: 45px 0 50px;
    }

    .sv-heading {
        margin-bottom: 24px;
    }

    .sv-disease-grid {
        gap: 14px;
    }

    .sv-disease-card {
        padding: 18px;
    }

    .sv-disease-card .sv-card-thumb {
        height: 145px;
    }

    .sv-about-img {
        height: 330px;
    }

    .sv-location {
        padding: 28px 20px;
    }
}

/* Accessibility: clicking Learn More should not fade the button */
.sv-disease-card .sv-btn:focus-visible {
    outline: 3px solid rgba(11, 155, 145, .35);
    outline-offset: 3px;
}

/* FINAL FIXES - visibility/layout only; existing site colors are unchanged */
.sv-explore-all{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  margin-top:18px;
  visibility:visible !important;
  opacity:1 !important;
}
.sv-doctor-no-photo{
  align-items:stretch;
}
.sv-doctor-placeholder{
  width:100%;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:56px;
  font-weight:800;
  letter-spacing:1px;
  background:var(--sv-soft);
  color:var(--sv-teal);
}
@media (max-width:767px){
  .sv-doctor-placeholder{
    min-height:220px;
  }
}


/* =========================================================
   HIGHLIGHTS POINTS - SHIVAYU THEME
   Teal treatment to match the Visit Shivayu / CTA sections.
   ========================================================= */

.sv-highlights-box{
    margin: 28px auto 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 18px;
    background: linear-gradient(135deg, #0b8f87 0%, #087c74 100%);
    box-shadow: 0 16px 38px rgba(11,143,135,.18);
    text-align: left;
}

.sv-highlights-title{
    margin: 0;
    padding: 22px 28px 18px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .2px;
}

.sv-highlights-list{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sv-highlights-list li{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    margin: 0;
    padding: 15px 28px 15px 62px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    border-top: 1px solid rgba(255,255,255,.16);
}

.sv-highlights-list li::before{
    content: "✓";
    position: absolute;
    left: 25px;
    top: 50%;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.sv-highlights-list li:hover{
    background: rgba(255,255,255,.06);
}

@media (max-width: 767px){
    .sv-highlights-box{
        margin-top: 22px;
        border-radius: 14px;
    }

    .sv-highlights-title{
        padding: 18px 20px 15px;
        font-size: 18px;
    }

    .sv-highlights-list li{
        min-height: 54px;
        padding: 13px 18px 13px 52px;
        font-size: 14px;
    }

    .sv-highlights-list li::before{
        left: 18px;
        width: 23px;
        height: 23px;
    }
}

/* FINAL VISIBILITY FIX: Explore All Services button stays visible on every screen size. */
a.sv-explore-all {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

/* Highlights points: pop-in presentation */
.sv-highlights-box .sv-highlights-list li{
    opacity:0;
    transform:scale(.88) translateY(10px);
    animation:svHighlightPop .55s cubic-bezier(.2,.8,.2,1) forwards;
    border-top:0;
    margin:10px 14px;
    min-height:54px;
    padding:14px 20px 14px 58px;
    border-radius:14px;
    background:rgba(255,255,255,.10);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.sv-highlights-box .sv-highlights-list li:nth-child(1){animation-delay:.08s}
.sv-highlights-box .sv-highlights-list li:nth-child(2){animation-delay:.20s}
.sv-highlights-box .sv-highlights-list li:nth-child(3){animation-delay:.32s}
.sv-highlights-box .sv-highlights-list li:nth-child(4){animation-delay:.44s}
@keyframes svHighlightPop{
    0%{opacity:0;transform:scale(.88) translateY(10px)}
    70%{opacity:1;transform:scale(1.04) translateY(0)}
    100%{opacity:1;transform:scale(1) translateY(0)}
}

.sv-footer-phone, .sv-footer-phone:visited, .sv-footer-phone:hover, .sv-footer-phone:focus, .sv-footer-phone:active { color: inherit !important; opacity: 1 !important; visibility: visible !important; display: inline-block !important; text-decoration: none; }