/* Justify body paragraph text site-wide for cleaner, evenly-aligned edges.
   text-align-last keeps the final line left-aligned instead of stretching it. */
p {
    text-align: justify;
    text-align-last: left;
}

/* Premium editorial testimonials */
.about-reviews-section { position:relative; padding:96px 0; overflow:hidden; background:linear-gradient(120deg,#f3f8fa 0%,#fff 52%,#f8f4f5 100%) !important; }
.about-reviews-section .about-testimonial-stage { display:block; max-width:1080px; min-height:0; margin:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; }
.about-reviews-section .about-testimonial-stage::before,
.about-reviews-section .about-testimonial-stage::after { display:none; }
.about-reviews-section .section-head { display:block; margin:0 auto 38px !important; text-align:center !important; }
.about-reviews-section .section-head .sub-title { display:inline-flex; align-items:center; gap:9px; margin-bottom:12px; color:#15989b !important; font-size:13px; font-style:normal; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.about-reviews-section .section-head .sub-title::before,
.about-reviews-section .section-head .sub-title::after { content:""; width:24px; height:1px; background:#15989b; }
.about-reviews-section .section-head .title { max-width:none; color:#102d59 !important; font-size:clamp(38px,4vw,58px); line-height:1.08; }
.about-reviews-section .about-testimonial-slides { width:100%; max-width:920px; min-height:330px; margin:0 auto; overflow:hidden; border:1px solid #dfe8ee; border-radius:24px; background:#fff; box-shadow:0 22px 60px rgba(16,45,89,.10); }
.about-reviews-section .about-testimonial-slides::before { content:"“"; top:18px; left:34px; color:rgba(21,152,155,.11); font-size:118px; }
.about-reviews-section .about-testimonial-slides::after { content:"Google Review"; position:absolute; top:28px; right:30px; z-index:2; padding:8px 12px; border:1px solid #e3eaef; border-radius:999px; background:#f8fafb; color:#5a6f7f; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.about-reviews-section .about-testimonial-slide { align-items:center; justify-content:center; padding:62px 80px 48px; text-align:center; }
.about-reviews-section .about-testimonial-slide .review-stars { margin-bottom:22px; color:#e9a824; font-size:16px; letter-spacing:6px; }
.about-reviews-section .about-testimonial-slide blockquote { max-width:720px; margin:0 auto 28px; color:#203b55; font-family:"DM Serif Display",serif; font-size:clamp(21px,2vw,29px); font-style:normal; font-weight:400; line-height:1.5; }
.about-reviews-section .about-testimonial-slide > a { display:inline-flex; align-items:center; gap:11px; color:#102d59; font-family:"Plus Jakarta Sans",sans-serif; font-size:15px; font-weight:750; }
.about-reviews-section .about-testimonial-slide > a::before { content:attr(data-initial); display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:linear-gradient(145deg,#15989b,#116c80); color:#fff; font-size:13px; }
.about-reviews-section .testimonial-controls { display:flex; justify-content:center; margin:22px 0 0; }
.about-reviews-section .testimonial-controls > button { width:44px; height:44px; border-color:#d7e3e8; box-shadow:0 7px 18px rgba(16,45,89,.07); transition:background .25s,color .25s,transform .25s; }
.about-reviews-section .testimonial-controls > button:hover { background:#15989b; color:#fff; transform:translateY(-2px); }
.about-reviews-section .testimonial-dots button.active { background:#15989b; }
.about-reviews-section .testimonial-google-link { display:inline-flex; margin-top:20px; padding:0; background:transparent; color:#526a7b; font-size:13px; }
@media (max-width:767px) {
    .about-reviews-section { padding:66px 0; }
    .about-reviews-section .about-testimonial-stage { padding:0; }
    .about-reviews-section .about-testimonial-slides { min-height:370px; border-radius:20px; }
    .about-reviews-section .about-testimonial-slide { padding:70px 25px 40px; }
    .about-reviews-section .about-testimonial-slides::after { top:22px; right:20px; }
    .about-reviews-section .about-testimonial-slide blockquote { font-size:20px; }
}

/* Blog/service cards were showing a stray colored border on hover that
   couldn't be traced to any existing rule (likely the browser's own
   default focus ring). Force it off regardless of source, without
   touching any existing hover box-shadow/lift effects. */
.dz-card, .dz-card *, .dz-media, .dz-media img {
    outline: none !important;
}
.dz-card:hover, .dz-card:focus, .dz-card:focus-within,
.dz-media:hover, .dz-media img:hover {
    border-color: transparent !important;
}

/* Vidya Eye Hospital brand palette, sampled from the supplied logo. */
html[data-theme-color="skin-8"] {
    --bs-body-color: #4b5563;
    --bs-heading-color: #102d89;
    --bs-heading-color-rgb: 16, 45, 137;
    --bs-primary: #ed001d;
    --bs-primary-rgb: 237, 0, 29;
    --bs-secondary: #102d89;
    --bs-secondary-rgb: 16, 45, 137;
    --bs-light: #f3f6ff;
    --bs-light-rgb: 243, 246, 255;
    --bs-primary-text-emphasis: #a60014;
    --bs-secondary-text-emphasis: #0b1f60;
    --bs-primary-bg-subtle: #ffe8eb;
    --bs-secondary-bg-subtle: #e8edff;
    --bs-primary-border-subtle: #ffb8c1;
    --bs-secondary-border-subtle: #bdc9f4;
    --bs-primary-btn-hover-bg: #c90019;
    --bs-primary-btn-hover-border-color: #c90019;
    --bs-secondary-btn-hover-bg: #0b216b;
    --bs-secondary-btn-hover-border-color: #0b216b;
    --gradient-primary: linear-gradient(135deg, #ed001d 0%, #b9002e 100%);
    --primary-hover: #c90019;
    --border-color: #dce3f5;
}

html[data-theme-color="skin-8"] ::selection {
    color: #fff;
    background: #102d89;
}

.site-header .main-bar-wraper {
    border-bottom: 3px solid #102d89;
}

/* Inner-page banners (Blog Grid, Services, Contact, etc.) used a hardcoded
   var(--bs-primary) wash at 70% opacity for their photo overlay. Since our
   brand primary is red, every one of these banners rendered as a heavy red
   tint. Swap it for a white wash with dark heading text instead. */
.dz-bnr-inr.style-1:after {
    background: #ffffff;
    opacity: 0.85;
}

.dz-bnr-inr.style-1 h1,
.dz-bnr-inr.style-1 .h1 {
    color: #102d89;
}

/* Same treatment for the lighter banner variant (Clinic Gallery, Our Doctor,
   etc.), which used the theme's --bs-light (a pale blue tint) — make it a
   true white wash for consistency across every page banner. */
.overlay-primary-light:before,
.overlay-primary-middle:before,
.overlay-primary-dark:before,
.overlay-primary:before {
    background: #ffffff;
}

.site-header .nav > li > a:hover,
.site-header .nav > li.active > a,
.site-header .nav > li:hover > a {
    color: #ed001d;
}

.btn-primary {
    box-shadow: 0 8px 20px rgba(237, 0, 29, .18);
}

.btn-primary:hover,
.btn-primary:focus {
    box-shadow: 0 10px 24px rgba(201, 0, 25, .28);
}

.site-footer {
    background-color: #091b54;
}

.logo-header img,
.footer-logo img,
.sidebar-header img,
.content-logo img {
    width: auto;
    max-width: 210px;
    max-height: 82px;
    object-fit: contain;
}

.footer-logo img {
    background: #fff;
    border-radius: 10px;
    padding: 7px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
}

.form-status {
    position: fixed;
    z-index: 99999;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: min(92%, 620px);
    padding: 14px 20px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
}

.form-status.success { background: #102d89; }
.form-status.error { background: #ed001d; }

@media (max-width: 575.98px) {
    .logo-header img,
    .sidebar-header img {
        max-width: 155px;
        max-height: 62px;
    }
}

.clinic-gallery .gallery-card {
    position: relative;
    display: block;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
    border-radius: 18px;
    background: #102d89;
    box-shadow: 0 12px 30px rgba(16, 45, 137, .12);
}

.clinic-gallery .gallery-card img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    transition: transform .4s ease, opacity .4s ease;
}

.clinic-gallery .gallery-card span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 35px 20px 18px;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(transparent, rgba(9, 27, 84, .92));
}

.clinic-gallery .gallery-card:hover img {
    transform: scale(1.045);
    opacity: .88;
}

.doctor-profile-photo {
    overflow: hidden;
    border: 7px solid #fff;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(16, 45, 137, .18);
}

.doctor-profile-photo img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center top;
}

.hero-thumbnail .thumbnail,
.hero-thumbnail .thumbnail2 {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-thumbnail .hero-eye-image {
    overflow: hidden;
    border-radius: var(--radius-lg);
}

.hero-thumbnail .hero-eye-image .thumbnail {
    aspect-ratio: 16 / 9;
}

.hero-thumbnail .col-5 > .row > .col-12 .thumbnail {
    aspect-ratio: 16 / 10;
}

.hero-thumbnail .thumbnail2 {
    height: 100%;
    min-height: 520px;
    object-position: center 42%;
}

@media (max-width: 991.98px) {
    .hero-thumbnail .thumbnail2 {
        min-height: 390px;
    }
}

.fixed-social-bar {
    position: fixed;
    z-index: 9998;
    top: 50%;
    right: 14px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    transform: translateY(-50%);
}

.fixed-social-bar a {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    color: #fff;
    font-size: 19px;
    box-shadow: 0 6px 18px rgba(9, 27, 84, .2);
    transition: transform .2s ease, box-shadow .2s ease;
}

.fixed-social-bar a:hover {
    color: #fff;
    transform: translateX(-4px);
    box-shadow: 0 9px 24px rgba(9, 27, 84, .3);
}

.fixed-social-bar .social-instagram { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); }
.fixed-social-bar .social-facebook { background: #1877f2; }
.fixed-social-bar .social-whatsapp { background: #25d366; }
.fixed-social-bar .social-google { background: #ea4335; }

.contact-form-section {
    background: linear-gradient(135deg, #f7f9ff 0%, #fff 58%, #fff5f6 100%) !important;
}

.contact-form-card {
    background: transparent;
}

.contact-form-visual {
    position: relative;
    min-height: 650px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #dce3f5;
    border-radius: 26px;
    background: #102d89;
    box-shadow: 0 20px 48px rgba(16, 45, 137, .12);
}

.contact-form-visual::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, transparent 35%, rgba(9, 27, 84, .9) 100%);
}

.contact-form-visual > img {
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: cover;
    object-position: center;
}

.contact-visual-caption {
    position: absolute;
    z-index: 1;
    right: 45px;
    bottom: 42px;
    left: 45px;
    color: #fff;
}

.contact-visual-caption span {
    display: inline-block;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contact-visual-caption h2,
.contact-visual-caption p { color: #fff; }
.contact-visual-caption p { margin-bottom: 0; }

.contact-form-panel {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 55px;
    border: 1px solid #dce3f5;
    border-radius: 26px;
    background: #f3f6ff;
    box-shadow: 0 20px 48px rgba(16, 45, 137, .1);
}

.contact-form-panel .form-wrapper,
.contact-form-panel .form-body {
    width: 100%;
    padding: 0;
    background: transparent !important;
}

.contact-form-panel .form-wrapper::before { display: none; }

@media (max-width: 991.98px) {
    .contact-form-visual,
    .contact-form-visual > img { min-height: 430px; }
    .contact-form-panel { padding: 40px; }
}

@media (max-width: 575.98px) {
    .contact-form-visual,
    .contact-form-panel { border-radius: 18px; }
    .contact-form-visual,
    .contact-form-visual > img { min-height: 340px; }
    .contact-visual-caption { right: 24px; bottom: 24px; left: 24px; }
    .contact-form-panel { padding: 30px 22px; }
}

@media (max-width: 767.98px) {
    .fixed-social-bar {
        top: auto;
        right: 50%;
        bottom: 12px;
        flex-direction: row;
        transform: translateX(50%);
    }

    .fixed-social-bar a {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }
}

/* Homepage "Book a Consultation" photo: the theme's style-2 content-media
   uses large negative margins designed for a decorative cutout graphic,
   which cropped/misaligned this real photograph. Reset it to sit cleanly
   inside its own column with rounded corners instead. */
.content-wrapper.style-2 .content-media.home-appointment-media {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
.content-wrapper.style-2 .content-media.home-appointment-media img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 20px;
}
@media (max-width: 991px) {
    .content-wrapper.style-2 .content-media.home-appointment-media img {
        height: 320px;
    }
}


/* Refreshed typography pairing for a more elegant, editorial feel.
   Both fonts are already loaded via Google Fonts <link> tags in <head>,
   so this is a zero-extra-request swap. */
[data-typography="typography_1"] {
    --font-family-title: "DM Serif Display";
    --font-family-base: "Plus Jakarta Sans";
    --bs-body-font-family: "Plus Jakarta Sans";
    --font-family-display: "Fraunces", "DM Serif Display", serif;
}

/* Bold italic display treatment for the biggest statement headings
   (hero title, page banners, section heads) -- smaller card/list
   titles keep the standard DM Serif Display look for readability. */
.hero-content .title,
.dz-bnr-inr-entry h1,
.section-head .title,
.content-info .title {
    font-family: var(--font-family-display);
    font-style: italic;
    font-weight: 600;
    font-optical-sizing: auto;
}

@media (max-width: 575px) {
    .hero-content .title,
    .dz-bnr-inr-entry h1 {
        font-weight: 500;
    }
}

/* Quiet, consistent hover transitions site-wide -- a small lift and a
   soft shadow, nothing heavier. */
a, .btn, .dz-card, .dz-team, .icon-bx-wraper, .dz-media img, .dz-social-icon a {
    transition: transform 0.3s ease, box-shadow 0.3s ease,
                color 0.25s ease, background-color 0.25s ease;
}

.dz-media img {
    transform: scale(1);
}
.dz-media:hover img {
    transform: scale(1.02);
}

.dz-card.style-2:hover,
.dz-team:hover,
.icon-bx-wraper:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px -18px rgba(16, 45, 137, 0.18);
}

.btn.btn-primary:hover,
.btn.btn-secondary:hover {
    transform: translateY(-2px);
}

.dz-social-icon a:hover {
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    a, .btn, .dz-card, .dz-team, .icon-bx-wraper, .dz-media img, .dz-social-icon a {
        transition: none !important;
        transform: none !important;
    }
}

/* Playful editorial 3D variant for the FAQ visual stage. */
.faq-vision-section {
    background:
        radial-gradient(circle at 12% 28%, rgba(255, 151, 137, .24), transparent 25%),
        radial-gradient(circle at 88% 72%, rgba(107, 89, 214, .20), transparent 28%),
        linear-gradient(140deg, #fff9f4 0%, #f5f0ff 48%, #eef5ff 100%);
}
.faq-vision-section .faq-3d-stage {
    position: relative;
    width: min(590px, 95%);
    height: 610px;
    padding: 0;
    transform-style: preserve-3d;
}
.faq-3d-card {
    position: absolute;
    overflow: hidden;
    border: 7px solid rgba(255,255,255,.92);
    background: #fff;
    box-shadow: 0 30px 70px rgba(67, 49, 139, .24);
    transform-style: preserve-3d;
}
.faq-3d-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.faq-3d-card-main {
    top: 12px;
    left: 0;
    width: 78%;
    height: 76%;
    border-radius: 42px 110px 42px 76px;
    transform: translateZ(32px) rotate(-3deg);
    animation: vidya-faq-card-main 8s ease-in-out infinite;
}
.faq-3d-card-float {
    z-index: 3;
    right: 0;
    bottom: 12px;
    width: 47%;
    height: 47%;
    border-radius: 48px;
    transform: translateZ(85px) rotate(7deg);
    animation: vidya-faq-card-float 7s ease-in-out infinite;
}
.faq-3d-bubble {
    position: absolute;
    z-index: 4;
    display: block;
    border-radius: 50%;
    box-shadow: inset -8px -10px 18px rgba(42, 29, 108, .16), 0 16px 30px rgba(67, 49, 139, .18);
    transform: translateZ(105px);
}
.faq-3d-bubble.bubble-one {
    top: 4%;
    right: 8%;
    width: 55px;
    height: 55px;
    background: linear-gradient(145deg, #ffb29e, #ff776b);
    animation: vidya-faq-bubble 5.5s ease-in-out infinite;
}
.faq-3d-bubble.bubble-two {
    bottom: 15%;
    left: 2%;
    width: 34px;
    height: 34px;
    background: linear-gradient(145deg, #a99cf4, #5a49c9);
    animation: vidya-faq-bubble 6.5s ease-in-out .7s infinite reverse;
}
.faq-vision-section #accordionExample .accordion-item {
    border-color: rgba(83, 66, 170, .12);
    background: rgba(255,255,255,.76);
    box-shadow: 0 12px 30px rgba(83, 66, 170, .07);
}
.faq-vision-section #accordionExample .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: rgba(104, 82, 202, .28);
    box-shadow: -10px 22px 45px rgba(83, 66, 170, .16), 12px 12px 0 rgba(255, 152, 137, .10);
}
.faq-vision-section #accordionExample .accordion-item::before {
    background: linear-gradient(90deg, #5b49c9, #ff786e, #69b8d5);
}
.faq-vision-section #accordionExample .accordion-button::before {
    color: #5847be;
    background: linear-gradient(145deg, #f0ecff, #e3dcff);
}
.faq-vision-section #accordionExample .accordion-button:not(.collapsed)::before {
    background: linear-gradient(145deg, #6856d2, #4936aa);
}
@keyframes vidya-faq-card-main {
    0%,100% { transform: translateZ(32px) rotate(-3deg) translateY(0); }
    50% { transform: translateZ(46px) rotate(-1.5deg) translateY(-9px); }
}
@keyframes vidya-faq-card-float {
    0%,100% { transform: translateZ(85px) rotate(7deg) translate3d(0,0,0); }
    50% { transform: translateZ(105px) rotate(4deg) translate3d(-8px,-12px,0); }
}
@keyframes vidya-faq-bubble {
    0%,100% { transform: translateZ(105px) translateY(0) rotate(0); }
    50% { transform: translateZ(125px) translateY(-13px) rotate(12deg); }
}
@media (max-width: 991px) {
    .faq-vision-section .faq-3d-stage { height: 570px; }
}
@media (max-width: 575px) {
    .faq-vision-section .faq-3d-stage { width: 100%; height: 420px; }
    .faq-3d-card-main { width: 82%; height: 72%; border-radius: 28px 65px 28px 50px; }
    .faq-3d-card-float { width: 49%; height: 45%; border-width: 4px; border-radius: 28px; }
    .faq-3d-bubble.bubble-one { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
    .faq-3d-card-main, .faq-3d-card-float, .faq-3d-bubble { animation: none !important; }
}

/* Home hero: rounded, layered composition inspired by the supplied layout
   reference, while retaining Vidya's own palette, copy and eye-care media. */
.hero-banner.style-1 {
    height: auto;
    min-height: 700px;
    margin: 18px;
    padding: 70px 0;
    border-radius: 42px;
    background: linear-gradient(135deg, #f7f9ff 0%, #eef5ff 58%, #f9fbff 100%);
}
.hero-banner.style-1::after {
    width: 46%;
    background: rgba(16, 45, 137, .035);
}
.hero-banner.style-1 .inner-wrapper { min-height: 560px; }
.hero-banner.style-1 .hero-content {
    max-width: 620px;
    margin-left: clamp(0px, 4vw, 70px);
    padding-left: 0;
}
.hero-banner.style-1 .title {
    font-size: clamp(48px, 5vw, 78px);
    line-height: 1.08;
    margin-bottom: 22px;
}
.hero-banner.style-1 p {
    max-width: 590px;
    margin-bottom: 34px;
    line-height: 1.8;
}
.hero-banner.style-1 > .item1,
.hero-banner.style-1 > .item2,
.hero-banner.style-1 > .item4,
.hero-banner.style-1 > .item5,
.hero-banner.style-1 > .item6 { display: none; }

.hero-banner.style-1 .hero-orbit {
    position: relative;
    width: min(580px, 44vw);
    height: min(580px, 44vw);
    min-width: 460px;
    min-height: 460px;
    margin: 0 auto;
    overflow: visible;
}
.hero-orbit-ring {
    position: absolute;
    inset: 5%;
    border: 2px dashed rgba(16, 45, 137, .20);
    border-radius: 48% 52% 46% 54% / 54% 44% 56% 46%;
    animation: vidya-orbit-ring 24s linear infinite;
}
.hero-orbit-main {
    position: absolute;
    inset: 11%;
    overflow: hidden;
    border: 8px solid #fff;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 30px 70px rgba(16, 45, 137, .16);
}
.hero-orbit-main img,
.hero-orbit-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-orbit-main img { animation: vidya-hero-pan 16s ease-in-out infinite alternate; }
.hero-orbit-small {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    width: 155px;
    height: 155px;
    border: 7px solid #fff;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 18px 45px rgba(16, 45, 137, .18);
}
.hero-orbit-small-one {
    top: 3%;
    right: 0;
    animation: vidya-orbit-float-one 6s ease-in-out infinite;
}
.hero-orbit-small-two {
    bottom: 2%;
    left: 1%;
    width: 135px;
    height: 135px;
    animation: vidya-orbit-float-two 7s ease-in-out infinite;
}
.hero-orbit-dot {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ed001d;
    box-shadow: 0 0 0 9px rgba(237, 0, 29, .08);
}
.hero-orbit-dot-one { top: 18%; left: 2%; }
.hero-orbit-dot-two { right: 5%; bottom: 18%; width: 10px; height: 10px; background: #102d89; }
@keyframes vidya-orbit-ring { to { transform: rotate(360deg); } }
@keyframes vidya-orbit-float-one {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -10px, 0); }
}
@keyframes vidya-orbit-float-two {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(8px, 7px, 0); }
}

@media (max-width: 1199px) {
    .hero-banner.style-1 { min-height: 620px; padding: 55px 0; }
    .hero-banner.style-1 .hero-orbit { min-width: 410px; min-height: 410px; }
    .hero-orbit-small { width: 125px; height: 125px; }
    .hero-orbit-small-two { width: 112px; height: 112px; }
}
@media (max-width: 991px) {
    .hero-banner.style-1 { margin: 10px; border-radius: 30px; }
    .hero-banner.style-1 .hero-content { margin: 0 auto 35px; text-align: center; }
    .hero-banner.style-1 p { margin-right: auto; margin-left: auto; }
    .hero-banner.style-1 .hero-orbit { width: min(560px, 82vw); height: min(560px, 82vw); }
}
@media (max-width: 575px) {
    .hero-banner.style-1 { margin: 6px; padding: 42px 0 35px; border-radius: 24px; }
    .hero-banner.style-1 .hero-orbit { width: 88vw; height: 88vw; min-width: 0; min-height: 0; }
    .hero-orbit-main { border-width: 5px; }
    .hero-orbit-small { width: 92px; height: 92px; border-width: 4px; }
    .hero-orbit-small-two { width: 78px; height: 78px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-orbit-ring, .hero-orbit-small-one, .hero-orbit-small-two { animation: none !important; }
}

/* FAQ micro-interactions: calm depth, stagger and a smooth content reveal. */
#accordionExample .accordion-item {
    position: relative;
    overflow: hidden;
    transform-origin: center top;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
#accordionExample .accordion-item::before {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    content: "";
    background: var(--bs-primary);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
#accordionExample .accordion-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(16, 45, 137, .09);
}
#accordionExample .accordion-item:has(.accordion-button:not(.collapsed))::before {
    transform: scaleY(1);
}
#accordionExample .accordion-button {
    transition: color .3s ease, background-color .3s ease, padding-left .3s ease;
}
#accordionExample .accordion-button:hover { padding-left: 4px; }
#accordionExample .accordion-button::after {
    border-radius: 50%;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease !important;
}
#accordionExample .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg) scale(1.08);
    box-shadow: 0 0 0 7px rgba(16, 45, 137, .07);
}
#accordionExample .accordion-collapse.show .accordion-body {
    animation: vidya-faq-answer .55s cubic-bezier(.2, .7, .2, 1) both;
}
@keyframes vidya-faq-answer {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
#accordionExample .accordion-item:nth-child(2) { --reveal-delay: 70ms; }
#accordionExample .accordion-item:nth-child(3) { --reveal-delay: 140ms; }
#accordionExample .accordion-item:nth-child(4) { --reveal-delay: 210ms; }

@media (prefers-reduced-motion: reduce) {
    #accordionExample .accordion-item,
    #accordionExample .accordion-button,
    #accordionExample .accordion-button::after,
    #accordionExample .accordion-item::before,
    #accordionExample .accordion-collapse.show .accordion-body {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* FAQ vision-focus composition: a distinct layered treatment, not a repeat
   of the circular hero. The image uses a soft squircle and scanning rings;
   the questions behave like numbered optical layers. */
.faq-vision-section {
    position: relative;
    background: linear-gradient(145deg, #ffffff 0%, #f5f8ff 52%, #eef4ff 100%);
}
.faq-vision-section::before {
    position: absolute;
    top: 8%;
    right: -90px;
    width: 330px;
    height: 330px;
    content: "";
    pointer-events: none;
    border: 1px solid rgba(16, 45, 137, .10);
    border-radius: 50%;
    box-shadow: 0 0 0 45px rgba(16, 45, 137, .025), 0 0 0 90px rgba(16, 45, 137, .018);
    animation: vidya-faq-radar 11s ease-in-out infinite;
}
.faq-vision-section .content-media {
    position: relative;
    width: min(520px, 90%);
    margin: 0 auto;
    padding: 24px;
}
.faq-vision-section .content-media::before,
.faq-vision-section .content-media::after {
    position: absolute;
    content: "";
    pointer-events: none;
    border: 2px solid rgba(16, 45, 137, .16);
}
.faq-vision-section .content-media::before {
    inset: 2px 48px 45px 0;
    border-radius: 44% 56% 38% 62% / 52% 38% 62% 48%;
    animation: vidya-faq-outline 13s ease-in-out infinite alternate;
}
.faq-vision-section .content-media::after {
    right: 0;
    bottom: 8%;
    width: 78px;
    height: 78px;
    border-color: rgba(237, 0, 29, .22);
    border-radius: 50%;
    box-shadow: inset 0 0 0 12px rgba(237, 0, 29, .045);
    animation: vidya-faq-focus 5s ease-in-out infinite;
}
.faq-vision-section .content-media .dz-media {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 8px solid #fff;
    border-radius: 38px 120px 38px 120px;
    box-shadow: 0 28px 65px rgba(16, 45, 137, .15);
}
.faq-vision-section .content-media .dz-media img {
    min-height: 500px;
    object-fit: cover;
}

.faq-vision-section #accordionExample {
    counter-reset: vidya-faq;
    perspective: 900px;
}
.faq-vision-section #accordionExample .accordion-item {
    counter-increment: vidya-faq;
    margin-bottom: 14px;
    border: 1px solid rgba(16, 45, 137, .09);
    border-radius: 18px;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(8px);
    transform: translateX(0) rotateY(0);
}
.faq-vision-section #accordionExample .accordion-item:nth-child(even) {
    margin-left: 18px;
}
.faq-vision-section #accordionExample .accordion-item:hover {
    transform: translateX(-5px) rotateY(1deg);
}
.faq-vision-section #accordionExample .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: rgba(16, 45, 137, .20);
    background: #fff;
    box-shadow: 0 18px 42px rgba(16, 45, 137, .11);
}
.faq-vision-section #accordionExample .accordion-item::before {
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: 3px;
    background: linear-gradient(90deg, #102d89, #ed001d);
    transform: scaleX(0);
    transform-origin: left;
}
.faq-vision-section #accordionExample .accordion-item:has(.accordion-button:not(.collapsed))::before {
    transform: scaleX(1);
}
.faq-vision-section #accordionExample .accordion-button {
    gap: 14px;
    padding: 20px 22px;
}
.faq-vision-section #accordionExample .accordion-button::before {
    display: inline-grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    content: counter(vidya-faq, decimal-leading-zero);
    place-items: center;
    border-radius: 14px;
    background: rgba(16, 45, 137, .07);
    color: #102d89;
    font-size: 12px;
    font-weight: 700;
    transition: color .35s ease, background-color .35s ease, transform .35s ease;
}
.faq-vision-section #accordionExample .accordion-button:not(.collapsed)::before {
    color: #fff;
    background: #102d89;
    transform: rotate(-5deg) scale(1.06);
}
.faq-vision-section #accordionExample .accordion-body { padding-left: 78px; }

@keyframes vidya-faq-radar {
    0%, 100% { opacity: .45; transform: scale(.96); }
    50% { opacity: .8; transform: scale(1.04); }
}
@keyframes vidya-faq-outline {
    from { transform: rotate(-2deg) translate3d(0, 0, 0); }
    to { transform: rotate(2deg) translate3d(8px, -7px, 0); }
}
@keyframes vidya-faq-focus {
    0%, 100% { transform: scale(.92); opacity: .5; }
    50% { transform: scale(1.08); opacity: 1; }
}

@media (max-width: 991px) {
    .faq-vision-section .content-media { margin-top: 35px; }
    .faq-vision-section #accordionExample .accordion-item:nth-child(even) { margin-left: 0; }
}
@media (max-width: 575px) {
    .faq-vision-section .content-media .dz-media { border-radius: 26px 72px 26px 72px; }
    .faq-vision-section .content-media .dz-media img { min-height: 330px; }
    .faq-vision-section #accordionExample .accordion-button { gap: 10px; padding: 16px 14px; }
    .faq-vision-section #accordionExample .accordion-button::before { flex-basis: 35px; width: 35px; height: 35px; }
    .faq-vision-section #accordionExample .accordion-body { padding-left: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .faq-vision-section::before,
    .faq-vision-section .content-media::before,
    .faq-vision-section .content-media::after { animation: none !important; }
}

/* Dimensional interaction: layered planes and restrained pointer tilt. */
.faq-vision-section .row { perspective: 1400px; }
.faq-vision-section #accordionExample { transform-style: preserve-3d; }
.faq-vision-section #accordionExample .accordion-item,
.faq-vision-section .content-media {
    --depth-rotate-x: 0deg;
    --depth-rotate-y: 0deg;
    --depth-light-x: 50%;
    --depth-light-y: 50%;
    transform-style: preserve-3d;
}
.faq-vision-section #accordionExample .accordion-item.vidya-depth-ready {
    transform: perspective(900px) rotateX(var(--depth-rotate-x)) rotateY(var(--depth-rotate-y)) translateZ(0);
    transition: transform .18s ease-out, box-shadow .35s ease, border-color .35s ease;
}
.faq-vision-section #accordionExample .accordion-item.vidya-depth-ready:hover {
    transform: perspective(900px) rotateX(var(--depth-rotate-x)) rotateY(var(--depth-rotate-y)) translate3d(-3px, -4px, 16px);
    box-shadow: -8px 22px 42px rgba(16, 45, 137, .14), 0 7px 15px rgba(16, 45, 137, .07);
}
.faq-vision-section #accordionExample .accordion-item::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    pointer-events: none;
    border-radius: inherit;
    background: radial-gradient(circle at var(--depth-light-x) var(--depth-light-y), rgba(255,255,255,.7), transparent 42%);
    opacity: 0;
    transition: opacity .25s ease;
}
.faq-vision-section #accordionExample .accordion-item:hover::after { opacity: .65; }
.faq-vision-section #accordionExample .accordion-header,
.faq-vision-section #accordionExample .accordion-collapse {
    position: relative;
    z-index: 1;
    transform: translateZ(18px);
}
.faq-vision-section #accordionExample .accordion-button::before {
    box-shadow: 0 8px 16px rgba(16, 45, 137, .14);
    transform: translateZ(26px);
}
.faq-vision-section #accordionExample .accordion-button:not(.collapsed)::before {
    transform: translateZ(30px) rotate(-5deg) scale(1.06);
}
.faq-vision-section .content-media.vidya-depth-ready {
    transform: perspective(1100px) rotateX(var(--depth-rotate-x)) rotateY(var(--depth-rotate-y));
    transition: transform .22s ease-out;
}
.faq-vision-section .content-media .dz-media {
    transform: translateZ(24px);
    transition: transform .35s ease, box-shadow .35s ease;
}
.faq-vision-section .content-media:hover .dz-media {
    transform: translateZ(40px) scale(1.012);
    box-shadow: -12px 34px 70px rgba(16, 45, 137, .20);
}
.faq-vision-section .content-media::after { transform: translateZ(55px); }

@media (prefers-reduced-motion: reduce) {
    .faq-vision-section #accordionExample .accordion-item,
    .faq-vision-section .content-media,
    .faq-vision-section .content-media .dz-media,
    .faq-vision-section #accordionExample .accordion-header,
    .faq-vision-section #accordionExample .accordion-collapse,
    .faq-vision-section #accordionExample .accordion-button::before {
        transform: none !important;
        transition: none !important;
    }
}

/* ============================================================
   Smoother, slower, more deliberate scroll reveals than the stock
   animate.css defaults. Redeclaring the same-named @keyframes here
   (loaded after vendor/animate/animate.css) overrides it site-wide
   for every element already using "wow fadeInUp" etc., with no HTML
   changes needed.
   ============================================================ */
.animated {
    animation-duration: 0.9s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(28px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(32px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-32px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Understated underline sweep on primary nav links. */
.site-header.style-3 .header-nav .nav > li > a {
    overflow: hidden;
}
.site-header.style-3 .header-nav .nav > li > a::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}
.site-header.style-3 .header-nav .nav > li > a:hover::after,
.site-header.style-3 .header-nav .nav > li > a.active::after {
    transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
    .animated {
        animation: none !important;
    }
    .site-header.style-3 .header-nav .nav > li > a::after {
        transition: none !important;
    }
}

/* ============================================================
   Scroll progress bar + auto-reveal (paired with vidya-motion.js).
   Both are quiet, functional touches rather than decoration.
   ============================================================ */
.vidya-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    width: 0%;
    background: var(--bs-primary);
    z-index: 100000;
    transition: width 0.1s ease-out;
}

.auto-reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.auto-reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .vidya-scroll-progress {
        transition: none;
    }
    .auto-reveal {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Minimal interaction polish: pricing cards, form focus states, and
   the FAQ accordion icon -- small, quiet, no heavy shadows. */
.pricingtable-wrapper {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pricingtable-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px -22px rgba(16, 45, 137, 0.18);
}

.floating-underline input,
.floating-underline select,
.form-control {
    transition: border-color 0.25s ease;
}

.accordion-button::after {
    transition: transform 0.3s ease !important;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .pricingtable-wrapper:hover {
        transform: none !important;
    }
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

/* The "Book a Consultation" CTA used the vivid brand red as a full-bleed
   background -- a strong, saturated color block. Swapping to the more
   muted brand navy keeps full contrast for the existing white text/form
   styling while reading as calmer and more editorial. */
.content-wrapper.style-2 {
    background: var(--bs-secondary);
}

/* ============================================================
   Vidya motion and interaction system
   ============================================================ */
.vidya-scroll-progress {
    height: 3px;
    background: linear-gradient(90deg, #102d89, #ed001d);
    box-shadow: 0 1px 8px rgba(237, 0, 29, .22);
}

.auto-reveal {
    opacity: 0;
    transform: translate3d(0, 24px, 0) scale(.992);
    transition:
        opacity .72s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms),
        transform .72s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}

.auto-reveal.auto-reveal-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.site-header .main-bar-wraper {
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 8px 30px rgba(16, 45, 137, .055);
}

.site-header .nav > li > a {
    position: relative;
}

.site-header .nav > li > a::after {
    position: absolute;
    right: 18px;
    bottom: 14px;
    left: 18px;
    height: 2px;
    content: "";
    border-radius: 2px;
    background: #ed001d;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease;
}

.site-header .nav > li:hover > a::after,
.site-header .nav > li.active > a::after {
    transform: scaleX(1);
    transform-origin: left;
}

.btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.btn::before {
    position: absolute;
    z-index: -1;
    top: -40%;
    left: -35%;
    width: 24%;
    height: 180%;
    content: "";
    background: rgba(255, 255, 255, .28);
    transform: rotate(18deg) translateX(-220%);
    transition: transform .55s ease;
}

.btn:hover { transform: translateY(-3px); }
.btn:hover::before { transform: rotate(18deg) translateX(620%); }
.btn i { transition: transform .25s ease; }
.btn:hover i { transform: translateX(4px); }

.dz-card,
.icon-bx-wraper,
.dz-team,
.pricingtable-wrapper,
.contact-form-card > [class*="col-"] > * {
    transition: box-shadow .38s ease, border-color .38s ease;
}

.dz-card:hover,
.icon-bx-wraper:hover,
.dz-team:hover,
.pricingtable-wrapper:hover {
    box-shadow: 0 22px 48px rgba(16, 45, 137, .13);
}

.section-head .sub-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.section-head .sub-title::before {
    width: 22px;
    height: 2px;
    content: "";
    border-radius: 2px;
    background: #ed001d;
    transition: width .35s ease;
}

.section-head:hover .sub-title::before { width: 34px; }

.fixed-social-bar a {
    animation: vidya-social-in .55s both;
}
.fixed-social-bar a:nth-child(2) { animation-delay: .08s; }
.fixed-social-bar a:nth-child(3) { animation-delay: .16s; }
.fixed-social-bar a:nth-child(4) { animation-delay: .24s; }

@keyframes vidya-social-in {
    from { opacity: 0; transform: translateX(22px) scale(.8); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

.floating-underline:focus-within {
    transform: translateY(-2px);
    transition: transform .25s ease;
}

.icon-bx-wraper .icon-bx i,
.info-widget i,
.contact-bx i {
    display: inline-block;
    transition: transform .35s cubic-bezier(.2, .7, .2, 1), color .3s ease;
}

.icon-bx-wraper:hover .icon-bx i,
.info-widget:hover i,
.contact-bx:hover i {
    transform: translateY(-4px) rotate(-5deg) scale(1.08);
}

.icon-link-hover-end {
    position: relative;
}

.icon-link-hover-end::after {
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    height: 1px;
    content: "";
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease;
}

.icon-link-hover-end:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.accordion-item {
    transition: border-color .3s ease, box-shadow .3s ease;
}

.accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: rgba(16, 45, 137, .22);
    box-shadow: 0 12px 28px rgba(16, 45, 137, .08);
}

.site-footer .widget_services a,
.site-footer .widget-getintouch a {
    display: inline-block;
    transition: color .25s ease, transform .25s ease;
}

.site-footer .widget_services a:hover,
.site-footer .widget-getintouch a:hover {
    transform: translateX(5px);
}

.form-control:focus {
    box-shadow: 0 8px 20px rgba(16, 45, 137, .08);
}

/* Media motion is restrained and always contained by its existing frame. */
.dz-media,
.content-media,
.doctor-profile-photo,
.hero-thumbnail { overflow: hidden; }

.dz-media img,
.content-media img,
.doctor-profile-photo img {
    transform: scale(1);
    transition: transform .65s cubic-bezier(.2, .7, .2, 1);
}
.dz-media:hover img,
.content-media:hover img,
.doctor-profile-photo:hover img { transform: scale(1.03); }

/* The Clinic Gallery is intentionally excluded from every motion rule. */
.clinic-gallery img,
.clinic-gallery picture,
.clinic-gallery .dz-media,
.clinic-gallery .gallery-card { animation: none !important; transform: none !important; transition: none !important; }

.map-wrapper iframe {
    filter: saturate(.84) contrast(.96);
    transition: filter .4s ease;
}

/* Premium, low-amplitude motion additions. */
.site-header .main-bar-wraper {
    transition: box-shadow .35s ease, background-color .35s ease;
}
.site-header.vidya-header-scrolled .main-bar-wraper {
    box-shadow: 0 9px 25px rgba(16, 45, 137, .12);
}

.auto-reveal.reveal-left { transform: translate3d(-26px, 0, 0); }
.auto-reveal.reveal-right { transform: translate3d(26px, 0, 0); }
.auto-reveal.reveal-left.auto-reveal-visible,
.auto-reveal.reveal-right.auto-reveal-visible { transform: translate3d(0, 0, 0); }

.hero-content .title,
.hero-content p,
.hero-content .contant-box,
.hero-content .btn {
    opacity: 0;
    animation: vidya-hero-rise .65s cubic-bezier(.2, .7, .2, 1) forwards;
}
.hero-content p { animation-delay: .12s; }
.hero-content .contant-box,
.hero-content .btn { animation-delay: .22s; }
@keyframes vidya-hero-rise {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

.hero-thumbnail img {
    animation: vidya-hero-pan 16s ease-in-out infinite alternate;
    transform-origin: center;
}
@keyframes vidya-hero-pan {
    from { transform: scale(1.015) translate3d(-2px, 0, 0); }
    to { transform: scale(1.045) translate3d(5px, -2px, 0); }
}

/* The eye-shaped brand mark closes for a fraction of a second, then rests. */
.logo-header img {
    transform-origin: center;
    animation: vidya-logo-blink 7s ease-in-out infinite;
}
@keyframes vidya-logo-blink {
    0%, 46%, 50%, 100% { transform: scaleY(1); }
    48% { transform: scaleY(.12); }
}

.icon-bx-wraper:hover { transform: translateY(-5px); }
.icon-bx-wraper .icon-bx,
.icon-bx-wraper .dz-icon { position: relative; transition: transform .35s ease; }
.icon-bx-wraper:hover .icon-bx,
.icon-bx-wraper:hover .dz-icon { transform: scale(1.05); }
.icon-bx-wraper .icon-bx::after,
.icon-bx-wraper .dz-icon::after {
    position: absolute;
    inset: -7px;
    content: "";
    pointer-events: none;
    border: 1px solid rgba(16, 45, 137, .18);
    border-radius: 50%;
    animation: vidya-icon-ripple 4.8s ease-out infinite;
}
@keyframes vidya-icon-ripple {
    0%, 70%, 100% { opacity: 0; transform: scale(.92); }
    78% { opacity: .45; }
    94% { opacity: 0; transform: scale(1.15); }
}

a[href*="makeappointments"],
a[href*="appointment.php"] { animation: vidya-breathe 5s ease-in-out infinite; }
@keyframes vidya-breathe {
    0%, 82%, 100% { box-shadow: 0 0 0 0 rgba(237, 0, 29, 0); }
    89% { box-shadow: 0 0 0 7px rgba(237, 0, 29, .10); }
}

.twentytwenty-box {
    clip-path: inset(0 100% 0 0 round 12px);
    transition: clip-path .7s cubic-bezier(.2, .7, .2, 1);
}
.twentytwenty-box.vidya-in-view { clip-path: inset(0 0 0 0 round 12px); }

.timeline-wrapper::before,
.process-wrapper::before {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}
.timeline-wrapper.vidya-in-view::before,
.process-wrapper.vidya-in-view::before { transform: scaleX(1); }

.testimonial-swiper1 .swiper-slide,
.testimonial-swiper2 .swiper-slide {
    opacity: .28;
    transition: opacity .65s ease;
}
.testimonial-swiper1 .swiper-slide-active,
.testimonial-swiper2 .swiper-slide-active { opacity: 1; }

.banner-shape4, .banner-shape5, .banner-shape6,
.hero-banner [class*="item"], .bg-shap, .shap {
    animation: vidya-shape-drift 22s ease-in-out infinite alternate;
}
@keyframes vidya-shape-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(8px, -6px, 0); }
}

/* Brand-colour iris loader, using the existing preloader markup. */
.dz-preloader-3 .preloader-inner {
    position: relative;
    width: 190px;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    animation: vidya-loader-eye 1.8s ease-in-out infinite;
}
.dz-preloader-3 .preloader-inner img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}
.dz-preloader-3 .preloader-inner::before,
.dz-preloader-3 .preloader-inner::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}
@keyframes vidya-loader-eye {
    0%, 100% { opacity: .82; transform: scale(.98); }
    50% { opacity: 1; transform: scale(1.02); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-content .title, .hero-content p, .hero-content .contant-box, .hero-content .btn,
    .hero-thumbnail img, .logo-header img, .icon-bx-wraper .icon-bx::after,
    .icon-bx-wraper .dz-icon::after, a[href*="makeappointments"], a[href*="appointment.php"],
    .banner-shape4, .banner-shape5, .banner-shape6, .hero-banner [class*="item"], .bg-shap, .shap,
    .dz-preloader-3 .preloader-inner {
        animation: none !important;
        opacity: 1;
        transform: none !important;
    }
    .twentytwenty-box { clip-path: none; }
    .dz-media img, .content-media img, .doctor-profile-photo img { transition: none; transform: none !important; }
}
.map-wrapper:hover iframe { filter: saturate(1) contrast(1); }

/* Keep the later FAQ base rules from flattening the playful 3D variant. */
.faq-vision-section {
    background:
        radial-gradient(circle at 12% 28%, rgba(255, 151, 137, .24), transparent 25%),
        radial-gradient(circle at 88% 72%, rgba(107, 89, 214, .20), transparent 28%),
        linear-gradient(140deg, #fff9f4 0%, #f5f0ff 48%, #eef5ff 100%);
}
.faq-vision-section .content-media.faq-3d-stage {
    width: min(590px, 95%);
    height: 610px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}
@media (max-width: 991px) {
    .faq-vision-section .content-media.faq-3d-stage { height: 570px; margin-top: 35px; }
}
@media (max-width: 575px) {
    .faq-vision-section .content-media.faq-3d-stage { width: 100%; height: 420px; }
}

@media (prefers-reduced-motion: reduce) {
    .auto-reveal,
    .fixed-social-bar a {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    .btn:hover { transform: none !important; }
}

/* ============================================================
   ULTRA 3D REDESIGN — CSS-built dark vibrant playground
   ============================================================ */
:root {
    --ultra-ink: #07091b;
    --ultra-navy: #0c1230;
    --ultra-panel: #141a3d;
    --ultra-violet: #784cff;
    --ultra-purple: #b44cff;
    --ultra-cyan: #3fe3ff;
    --ultra-coral: #ff725e;
    --ultra-lime: #d9ff5b;
    --ultra-text: #f7f5ff;
    --ultra-muted: #b9bdd3;
    --ultra-ease: cubic-bezier(.16, 1, .3, 1);
}
body.vidya-ultra-3d {
    color: var(--ultra-muted);
    background: var(--ultra-ink);
}
.vidya-ultra-3d .page-content {
    position: relative;
    z-index: 1;
    overflow: clip;
    background:
        radial-gradient(circle at 8% 12%, rgba(120,76,255,.18), transparent 24%),
        radial-gradient(circle at 90% 40%, rgba(63,227,255,.09), transparent 25%),
        linear-gradient(180deg, #090b20, #0d1230 48%, #080a1b);
}
.vidya-ultra-3d main > section,
.vidya-ultra-3d main > .content-inner,
.vidya-ultra-3d main > .content-inner-1,
.vidya-ultra-3d main > .content-inner-2,
.vidya-ultra-3d main > .content-inner-3 {
    position: relative;
    color: var(--ultra-muted);
    background-color: transparent !important;
    background-image: none !important;
}
.vidya-ultra-3d main h1,
.vidya-ultra-3d main h2,
.vidya-ultra-3d main h3,
.vidya-ultra-3d main h4,
.vidya-ultra-3d main h5,
.vidya-ultra-3d main h6,
.vidya-ultra-3d main .title { color: var(--ultra-text); }
.vidya-ultra-3d main p { color: var(--ultra-muted); }
.vidya-ultra-3d .section-head .sub-title {
    color: var(--ultra-cyan);
    letter-spacing: .15em;
    text-transform: uppercase;
}
.vidya-ultra-3d .section-head .sub-title::before { background: var(--ultra-coral); }

/* Ambient backdrop, deliberately behind all usable content. */
.vidya-ambient-world {
    position: fixed;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.ambient-orb { position: absolute; border-radius: 50%; filter: blur(3px); opacity: .32; }
.ambient-orb.orb-one {
    top: 16%; left: -130px; width: 330px; height: 330px;
    background: radial-gradient(circle at 32% 27%, #d8c8ff, #784cff 38%, #24126b 72%);
    box-shadow: 40px 55px 90px rgba(120,76,255,.28);
    animation: ultra-orb-one 18s ease-in-out infinite alternate;
}
.ambient-orb.orb-two {
    right: -100px; bottom: 7%; width: 250px; height: 250px;
    background: radial-gradient(circle at 30% 25%, #d7fbff, #3fe3ff 30%, #06617f 75%);
    animation: ultra-orb-two 22s ease-in-out infinite alternate;
}
.ambient-grid {
    position: absolute; inset: 0; opacity: .055;
    background-image: linear-gradient(rgba(255,255,255,.45) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000, transparent 75%);
}
@keyframes ultra-orb-one { to { transform: translate3d(70px, 80px, 0) rotate(22deg); } }
@keyframes ultra-orb-two { to { transform: translate3d(-75px, -55px, 0) scale(1.12); } }

/* Floating glass navigation. */
.vidya-ultra-3d .site-header {
    position: relative;
    z-index: 9999;
    padding: 12px 18px 0;
    background: transparent;
}
.vidya-ultra-3d .site-header .main-bar-wraper {
    overflow: hidden;
    max-width: 1500px;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 24px;
    background: rgba(10,13,38,.82);
    box-shadow: 0 18px 50px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.10);
    backdrop-filter: blur(22px);
    transition: max-width .4s var(--ultra-ease), border-radius .4s ease, box-shadow .4s ease;
}
.vidya-ultra-3d .site-header.vidya-header-scrolled .main-bar-wraper {
    max-width: 1240px;
    border-radius: 18px;
    box-shadow: 0 22px 65px rgba(0,0,0,.40), 0 0 35px rgba(120,76,255,.10);
}
.vidya-ultra-3d .site-header .nav > li > a,
.vidya-ultra-3d .site-header .info-widget a { color: #eef0ff; }
.vidya-ultra-3d .site-header .nav > li > a::after { background: linear-gradient(90deg, var(--ultra-violet), var(--ultra-cyan)); }
.vidya-ultra-3d .logo-header { padding: 6px 12px; border-radius: 15px; background: rgba(255,255,255,.94); }

/* Hero: typography and CSS-generated clay world. */
.vidya-ultra-3d .hero-banner.style-1 {
    min-height: 760px;
    margin: 16px 18px 30px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 46px;
    background:
        radial-gradient(circle at 76% 38%, rgba(180,76,255,.25), transparent 28%),
        radial-gradient(circle at 20% 85%, rgba(63,227,255,.12), transparent 25%),
        linear-gradient(135deg, #0a0d27, #151343 55%, #10102d);
    box-shadow: inset 0 1px rgba(255,255,255,.12), 0 34px 100px rgba(0,0,0,.42);
}
.vidya-ultra-3d .hero-banner.style-1::before {
    position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .22;
    background-image: radial-gradient(rgba(255,255,255,.6) 1px, transparent 1px);
    background-size: 27px 27px;
    mask-image: linear-gradient(100deg, #000, transparent 58%);
}
.vidya-ultra-3d .hero-banner.style-1::after { display: none; }
.vidya-ultra-3d .hero-banner.style-1 .hero-content { perspective: 900px; }
.vidya-ultra-3d .hero-banner.style-1 .title {
    max-width: 720px;
    color: #fff;
    font-size: clamp(58px, 6.1vw, 104px);
    font-style: normal;
    font-weight: 800;
    letter-spacing: -.045em;
    text-shadow:
        1px 2px 0 #8365ff,
        3px 5px 0 #5d3cc0,
        6px 9px 0 #39247c,
        10px 16px 24px rgba(0,0,0,.46),
        0 0 38px rgba(120,76,255,.20);
    transform: perspective(800px) rotateY(-5deg) rotateX(2deg);
    animation: ultra-title-float 6s ease-in-out infinite;
}
.vidya-ultra-3d .hero-content p { max-width: 610px; color: #c8cbe0; font-size: 18px; }
@keyframes ultra-title-float {
    0%,100% { transform: perspective(800px) rotateY(-5deg) rotateX(2deg) translateY(0); }
    50% { transform: perspective(800px) rotateY(-2deg) rotateX(1deg) translateY(-8px); }
}
.hero-playground {
    --hero-x: 0px; --hero-y: 0px;
    position: relative !important;
    width: min(610px, 45vw) !important;
    height: 610px;
    min-width: 490px;
    overflow: visible !important;
    perspective: 1100px;
    transform: translate3d(var(--hero-x), var(--hero-y), 0);
    transition: transform .45s var(--ultra-ease);
}
.play-eye {
    position: absolute; z-index: 4; top: 20%; left: 13%; width: 410px; height: 245px;
    display: grid; place-items: center;
    border: 7px solid rgba(255,255,255,.75);
    border-radius: 72% 22% 72% 22%;
    background: linear-gradient(145deg, #f9f4ff, #c9c1e7);
    box-shadow: inset 18px 20px 28px #fff, inset -22px -25px 35px rgba(45,27,105,.25), 22px 38px 65px rgba(0,0,0,.38);
    transform: rotate(45deg) translateZ(90px);
    animation: ultra-eye-float 6.5s ease-in-out infinite;
}
.play-iris {
    width: 150px; height: 150px; display: grid; place-items: center; border-radius: 50%;
    background: radial-gradient(circle at 34% 29%, #bff7ff 0 5%, #45dff8 8%, #6949e5 42%, #17143d 70%);
    box-shadow: inset 10px 12px 18px rgba(255,255,255,.28), inset -12px -14px 20px rgba(0,0,0,.38), 0 12px 25px rgba(46,27,112,.28);
}
.play-iris i { width: 55px; height: 55px; border-radius: 50%; background: #060713; box-shadow: inset 9px 9px 0 rgba(255,255,255,.13); }
.play-torus {
    position: absolute; z-index: 2; top: 7%; right: 1%; width: 165px; height: 165px;
    border: 38px solid #ff725e; border-radius: 50%;
    box-shadow: inset 12px 13px 18px rgba(255,255,255,.35), inset -12px -15px 20px rgba(92,17,20,.30), 18px 30px 45px rgba(0,0,0,.32);
    transform: rotateX(62deg) rotateZ(24deg) translateZ(10px);
    animation: ultra-torus 9s ease-in-out infinite;
}
.play-cube {
    position: absolute; right: 7%; bottom: 8%; width: 145px; height: 145px;
    border-radius: 28px; background: linear-gradient(145deg, #9c7cff, #5637c2);
    box-shadow: inset 13px 14px rgba(255,255,255,.18), inset -16px -18px rgba(28,15,84,.28), 22px 32px 42px rgba(0,0,0,.34);
    transform: rotateX(18deg) rotateY(-28deg) rotateZ(12deg) translateZ(65px);
    animation: ultra-cube 8s ease-in-out infinite alternate;
}
.play-cube span { position: absolute; inset: 37px; border: 8px solid rgba(255,255,255,.62); border-radius: 17px; }
.play-capsule {
    position: absolute; left: 3%; bottom: 8%; width: 190px; height: 72px; border-radius: 60px;
    background: linear-gradient(145deg, #eaff8b, #a8da28);
    box-shadow: inset 9px 11px rgba(255,255,255,.34), inset -12px -15px rgba(69,101,9,.23), 15px 25px 35px rgba(0,0,0,.3);
    transform: rotate(-24deg) translateZ(45px);
    animation: ultra-capsule 7s ease-in-out infinite;
}
.play-sphere { position: absolute; border-radius: 50%; }
.sphere-a { top: 3%; left: 18%; width: 72px; height: 72px; background: radial-gradient(circle at 30% 25%, #fff, #3fe3ff 30%, #087a9b 72%); box-shadow: 12px 20px 30px rgba(0,0,0,.28); animation: ultra-sphere 5s ease-in-out infinite; }
.sphere-b { right: 2%; top: 48%; width: 46px; height: 46px; background: radial-gradient(circle at 30% 25%, #fff, #b44cff 32%, #5a1b86 75%); animation: ultra-sphere 6.5s ease-in-out .6s infinite reverse; }
.play-star { position: absolute; z-index: 7; left: 4%; top: 40%; color: #d9ff5b; font-size: 80px; line-height: 1; text-shadow: 0 12px 18px rgba(0,0,0,.3); animation: ultra-star 8s ease-in-out infinite; }
.play-squiggle { position: absolute; right: 22%; bottom: 1%; width: 120px; height: 55px; border: 13px solid #3fe3ff; border-right-color: transparent; border-left-color: transparent; border-radius: 50%; transform: rotate(-15deg); }
@keyframes ultra-eye-float { 0%,100% { transform: rotate(45deg) translateZ(90px) translateY(0); } 50% { transform: rotate(43deg) translateZ(115px) translateY(-13px); } }
@keyframes ultra-torus { 50% { transform: rotateX(66deg) rotateZ(52deg) translate3d(-8px,-12px,30px); } }
@keyframes ultra-cube { to { transform: rotateX(25deg) rotateY(-12deg) rotateZ(18deg) translate3d(-8px,-12px,85px); } }
@keyframes ultra-capsule { 50% { transform: rotate(-17deg) translate3d(12px,-10px,65px); } }
@keyframes ultra-sphere { 50% { transform: translate3d(8px,-16px,40px) scale(1.08); } }
@keyframes ultra-star { 50% { transform: rotate(25deg) scale(1.16); filter: drop-shadow(0 0 14px rgba(217,255,91,.5)); } }

/* Raised physical buttons. */
.vidya-ultra-3d .btn {
    --magnet-x: 0px; --magnet-y: 0px;
    border: 1px solid rgba(255,255,255,.22);
    background: linear-gradient(135deg, var(--ultra-violet), #5531c4 55%, var(--ultra-coral));
    box-shadow: inset 0 2px rgba(255,255,255,.28), inset 0 -4px rgba(31,13,93,.28), 0 12px 0 #2d1b6b, 0 20px 34px rgba(0,0,0,.32);
    transform: translate3d(var(--magnet-x), var(--magnet-y), 0);
    transition: transform .35s var(--ultra-ease), box-shadow .35s ease, filter .35s ease;
}
.vidya-ultra-3d .btn:hover {
    filter: saturate(1.12) brightness(1.08);
    transform: translate3d(var(--magnet-x), calc(var(--magnet-y) - 4px), 0) scaleX(1.025) scaleY(.975);
    box-shadow: inset 0 2px rgba(255,255,255,.33), 0 15px 0 #2d1b6b, 0 25px 40px rgba(0,0,0,.36);
}
.vidya-ultra-3d .btn:active { transform: translate3d(var(--magnet-x), calc(var(--magnet-y) + 7px), 0) scale(.98); box-shadow: inset 0 2px 8px rgba(0,0,0,.2), 0 4px 0 #2d1b6b; }

/* Dimensional cards and bento rhythm. */
.vidya-ultra-3d .dz-card,
.vidya-ultra-3d .icon-bx-wraper,
.vidya-ultra-3d .dz-team,
.vidya-ultra-3d .pricingtable-wrapper,
.vidya-ultra-3d .contact-bx {
    --card-rx: 0deg; --card-ry: 0deg; --card-light-x: 50%; --card-light-y: 50%;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 26px;
    color: var(--ultra-muted);
    background: linear-gradient(145deg, rgba(31,37,81,.94), rgba(16,20,52,.96));
    box-shadow: inset 1px 1px rgba(255,255,255,.10), inset -1px -1px rgba(0,0,0,.35), 0 18px 42px rgba(0,0,0,.30);
    transform-style: preserve-3d;
}
.vidya-ultra-3d .ultra-tilt-card {
    transform: perspective(950px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateZ(0);
    transition: transform .22s ease-out, box-shadow .35s ease;
}
.vidya-ultra-3d .ultra-tilt-card:hover {
    transform: perspective(950px) translateY(-8px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateZ(28px);
    box-shadow: -12px 28px 55px rgba(0,0,0,.42), 0 0 35px rgba(120,76,255,.16);
}
.vidya-ultra-3d .ultra-tilt-card::after {
    position: absolute; inset: 0; content: ""; pointer-events: none;
    background: radial-gradient(circle at var(--card-light-x) var(--card-light-y), rgba(255,255,255,.20), transparent 38%);
    opacity: 0; transition: opacity .3s ease;
}
.vidya-ultra-3d .ultra-tilt-card:hover::after { opacity: 1; }
.vidya-ultra-3d .dz-card .dz-info,
.vidya-ultra-3d .icon-bx-wraper > *,
.vidya-ultra-3d .dz-team .dz-content { position: relative; z-index: 2; transform: translateZ(24px); }
.vidya-ultra-3d .dz-card:nth-child(3n+1) { background: linear-gradient(145deg, #23185a, #121630); }
.vidya-ultra-3d .dz-card:nth-child(3n+2) { background: linear-gradient(145deg, #123b54, #11172f); }
.vidya-ultra-3d .dz-card:nth-child(3n) { background: linear-gradient(145deg, #4b203e, #16142f); }

/* CSS-only FAQ toy scene replaces photography entirely. */
.vidya-ultra-3d .faq-vision-section {
    background: radial-gradient(circle at 18% 45%, rgba(255,114,94,.16), transparent 25%), linear-gradient(135deg, #100d2c, #17113d 50%, #0b1830) !important;
}
.faq-css-eye {
    position: absolute; z-index: 3; top: 18%; left: 8%; width: 390px; height: 235px;
    display: grid; place-items: center; border-radius: 72% 20% 72% 20%;
    background: linear-gradient(145deg,#fff,#c8c1e4); border: 7px solid rgba(255,255,255,.75);
    box-shadow: inset 18px 20px 28px #fff, inset -24px -26px 30px rgba(68,46,135,.25), 25px 40px 65px rgba(0,0,0,.42);
    transform: rotate(45deg) translateZ(65px); animation: faq-css-float 7s ease-in-out infinite;
}
.faq-css-eye span { width: 125px; height: 125px; border: 28px solid #3fe3ff; border-radius: 50%; background: #080918; box-shadow: inset 8px 8px rgba(255,255,255,.13), 0 0 35px rgba(63,227,255,.38); }
.faq-question-object {
    position: absolute; z-index: 5; right: 5%; top: 7%; width: 130px; height: 150px;
    display: grid; place-items: center; color: #fff; font-size: 100px; font-weight: 800; border-radius: 40px;
    background: linear-gradient(145deg,#ff9a88,#ff5b58); box-shadow: inset 11px 12px rgba(255,255,255,.22), inset -13px -16px rgba(106,20,40,.25), 20px 28px 45px rgba(0,0,0,.32);
    transform: rotate(10deg) translateZ(105px); animation: faq-question-bob 6s ease-in-out infinite;
}
.faq-lens-object { position:absolute; z-index:4; width:105px; height:105px; border:18px solid #9d7cff; border-radius:50%; box-shadow: inset 8px 9px rgba(255,255,255,.2), 13px 20px 32px rgba(0,0,0,.3); }
.faq-lens-object.lens-one { left:8%; bottom:10%; transform:rotateX(54deg) rotateZ(-16deg); }
.faq-lens-object.lens-two { left:29%; bottom:2%; width:75px; height:75px; border-color:#d9ff5b; transform:rotateX(60deg) rotateZ(25deg); }
.faq-ring-object { position:absolute; right:12%; bottom:7%; width:155px; height:65px; border:16px solid #b44cff; border-radius:50%; transform:rotate(-15deg); box-shadow:0 20px 30px rgba(0,0,0,.28); }
@keyframes faq-css-float { 50% { transform:rotate(43deg) translate3d(5px,-13px,90px); } }
@keyframes faq-question-bob { 50% { transform:rotate(3deg) translate3d(-8px,12px,125px); } }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item { background: linear-gradient(145deg, rgba(37,29,89,.94), rgba(17,22,52,.96)); }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button { color:#f8f6ff; background:transparent; }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-body p { color:#bbc0d8; }

/* Mixed depth entrances rather than one repeated fade. Blur removed --
   it made text (especially headings) read as smeared/garbled while
   still transitioning or if the observer fires late. */
.auto-reveal.depth-entrance-1 { transform: translate3d(0,20px,0) scale(.98); }
.auto-reveal.depth-entrance-2 { transform: translate3d(-16px,0,0); }
.auto-reveal.depth-entrance-3 { transform: translate3d(16px,0,0); }
.auto-reveal.auto-reveal-visible { transform: translate3d(0,0,0) scale(1); }

.vidya-ultra-3d .site-footer { position:relative; z-index:2; background:linear-gradient(145deg,#080a1c,#111334); color:var(--ultra-muted); }
.vidya-ultra-3d .site-footer h1,.vidya-ultra-3d .site-footer h2,.vidya-ultra-3d .site-footer h3,.vidya-ultra-3d .site-footer h4,.vidya-ultra-3d .site-footer h5,.vidya-ultra-3d .site-footer h6 { color:#fff; }

@media (max-width: 1199px) {
    .hero-playground { min-width:400px; height:520px; }
    .play-eye { width:330px; height:200px; }
    .play-iris { width:120px; height:120px; }
}
@media (max-width: 991px) {
    .vidya-ultra-3d .site-header { padding:8px 8px 0; }
    .vidya-ultra-3d .hero-banner.style-1 { margin:10px; min-height:auto; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { text-align:center; }
    .hero-playground { width:min(560px,88vw)!important; min-width:0; height:540px; margin:0 auto; }
}
@media (max-width: 575px) {
    .vidya-ultra-3d .hero-banner.style-1 { border-radius:28px; padding-top:45px; }
    .vidya-ultra-3d .hero-banner.style-1 .title { font-size:46px; text-shadow:1px 2px 0 #8365ff,3px 5px 0 #49348f,7px 11px 20px rgba(0,0,0,.5); }
    .hero-playground { height:390px; transform:scale(.84); transform-origin:top center; margin-bottom:-55px; }
    .play-eye { left:8%; width:270px; height:165px; }
    .play-iris { width:92px; height:92px; }
    .play-iris i { width:38px; height:38px; }
    .play-torus { width:105px; height:105px; border-width:25px; }
    .play-cube { width:100px; height:100px; }
    .play-capsule { width:135px; height:55px; }
    .faq-css-eye { left:3%; width:270px; height:165px; }
    .faq-css-eye span { width:86px; height:86px; border-width:20px; }
    .faq-question-object { width:86px; height:100px; font-size:66px; }
}
@media (prefers-reduced-motion: reduce) {
    .ambient-orb,.hero-playground *,.faq-css-eye,.faq-question-object { animation:none!important; }
    .vidya-ultra-3d .ultra-tilt-card,.vidya-ultra-3d .btn,.hero-playground { transform:none!important; transition:none!important; }
    .auto-reveal { filter:none!important; }
}

/* Layout stabilization after replacing the template's original hero system. */
html, body { max-width: 100%; overflow-x: clip; }
.vidya-ultra-3d .hero-banner.style-1 .wow,
.vidya-ultra-3d .hero-banner.style-1 .hero-content,
.vidya-ultra-3d .hero-banner.style-1 .hero-playground {
    visibility: visible !important;
}
.vidya-ultra-3d .hero-banner.style-1 .row {
    min-height: 620px;
    align-items: center !important;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content {
    position: relative;
    z-index: 8;
    width: 100%;
    margin: 0;
    padding: 30px 0 30px clamp(15px, 5vw, 78px);
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content .title {
    visibility: visible !important;
    opacity: 1 !important;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content p {
    opacity: 1;
    text-align: left;
    text-align-last: left;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-playground {
    float: none;
    max-width: 100%;
    margin: 0 auto;
}
.vidya-ultra-3d main .container,
.vidya-ultra-3d main .container-fluid { position: relative; z-index: 2; }
.vidya-ultra-3d main section { padding-right: 0; padding-left: 0; }

@media (max-width: 1199px) {
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { padding-left: 20px; }
}
@media (max-width: 991px) {
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height: 0; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content {
        max-width: 720px;
        margin: 0 auto 12px;
        padding: 25px 20px 0;
        text-align: center;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content p {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        text-align-last: center;
    }
}
@media (max-width: 575px) {
    .vidya-ultra-3d .site-header { padding: 7px 7px 0; }
    .vidya-ultra-3d .site-header .main-bar-wraper { border-radius: 19px; }
    .vidya-ultra-3d .site-header .logo-header { width: 140px; min-width: 140px; }
    .vidya-ultra-3d .hero-banner.style-1 { overflow: hidden; margin: 7px; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { padding: 30px 16px 0; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content .title {
        margin-bottom: 20px;
        font-size: clamp(42px, 13vw, 56px);
        line-height: 1.02;
        transform: perspective(700px) rotateY(-2deg);
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content p { font-size: 15px; line-height: 1.7; }
    .hero-playground {
        left: auto;
        width: 100% !important;
        max-width: 100% !important;
        height: 400px;
        margin: 5px auto -35px !important;
        transform: none;
        transform-origin: top center;
    }
    .fixed-social-bar { right: 7px; transform: scale(.82); transform-origin: right center; }
}

/* Shared-page alignment and contrast normalization. */
.vidya-ultra-3d .page-content .wow { visibility: visible !important; }
.vidya-ultra-3d .page-content .wow:not(.animated) { opacity: 1 !important; }
.vidya-ultra-3d .site-header .main-bar-wraper,
.vidya-ultra-3d .site-header .main-bar,
.vidya-ultra-3d .site-header .inner-bar {
    background: rgba(10,13,38,.90) !important;
}
.vidya-ultra-3d .site-header .main-bar-wraper {
    border-color: rgba(255,255,255,.14) !important;
}
.vidya-ultra-3d .site-header .logo-header { margin: 4px 10px; }
.vidya-ultra-3d .site-header .nav > li > a { color: #f4f2ff !important; }
.vidya-ultra-3d .site-header .nav > li > a:hover,
.vidya-ultra-3d .site-header .nav > li.active > a { color: var(--ultra-cyan) !important; }

.vidya-ultra-3d .dz-bnr-inr,
.vidya-ultra-3d .dz-bnr-inr.style-1 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    height: 330px;
    min-height: 330px;
    background-image: none !important;
    background-color: #111333 !important;
    background:
        radial-gradient(circle at 18% 50%, rgba(120,76,255,.35), transparent 27%),
        radial-gradient(circle at 84% 22%, rgba(63,227,255,.18), transparent 22%),
        linear-gradient(135deg,#090b22,#17133e 58%,#0b1930) !important;
}
.vidya-ultra-3d .dz-bnr-inr::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 10%;
    width: 150px;
    height: 150px;
    content: "";
    border: 32px solid var(--ultra-coral);
    border-radius: 50%;
    box-shadow: inset 10px 12px 18px rgba(255,255,255,.25), 22px 30px 45px rgba(0,0,0,.3);
    transform: translateY(-50%) rotateX(62deg) rotateZ(18deg);
    animation: ultra-inner-ring 10s ease-in-out infinite;
}
.vidya-ultra-3d .dz-bnr-inr::after {
    position: absolute;
    z-index: -2;
    inset: 0;
    content: "";
    opacity: .18;
    background-color: transparent !important;
    background-image: radial-gradient(rgba(255,255,255,.7) 1px,transparent 1px);
    background-size: 28px 28px;
}
.vidya-ultra-3d .dz-bnr-inr-entry {
    position: relative;
    z-index: 2;
    display: flex !important;
    height: 330px;
    align-items: center;
}
.vidya-ultra-3d .dz-bnr-inr-entry h1 {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    margin: 0;
    color: #fff !important;
    font-size: clamp(52px,6vw,84px);
    font-style: normal;
    font-weight: 800;
    text-shadow: 2px 3px 0 #7654e6, 5px 7px 0 #3c277f, 10px 15px 25px rgba(0,0,0,.38);
}
@keyframes ultra-inner-ring { 50% { transform: translate3d(-18px,-58%,30px) rotateX(68deg) rotateZ(42deg); } }

.vidya-ultra-3d .bg-white,
.vidya-ultra-3d .icon-bx-wraper.bg-white,
.vidya-ultra-3d .content-bx,
.vidya-ultra-3d .contact-form-panel,
.vidya-ultra-3d .form-wrapper,
.vidya-ultra-3d .dz-card {
    color: var(--ultra-muted) !important;
    background: linear-gradient(145deg,rgba(31,37,81,.96),rgba(15,19,49,.98)) !important;
}
.vidya-ultra-3d .icon-bx-wraper a,
.vidya-ultra-3d .icon-bx-wraper .text-body,
.vidya-ultra-3d .contact-form-panel label,
.vidya-ultra-3d .contact-form-panel input,
.vidya-ultra-3d .contact-form-panel textarea { color: #e9e8f5 !important; }
.vidya-ultra-3d .form-control { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); }
.vidya-ultra-3d .list-check li { color: #d4d5e5; }
.vidya-ultra-3d .content-wrapper,
.vidya-ultra-3d .content-wrapper.style-2,
.vidya-ultra-3d .content-wrapper.style-3 { background-color: transparent !important; }
.vidya-ultra-3d .dz-card.style-1 { width: 100%; max-width: 100%; }
.vidya-ultra-3d .dz-card.style-1 .dz-info,
.vidya-ultra-3d .dz-card.style-1:hover .dz-info {
    color: var(--ultra-muted);
    background: linear-gradient(145deg,rgba(31,37,81,.96),rgba(15,19,49,.98)) !important;
    box-shadow: inset 1px 1px rgba(255,255,255,.10), 0 16px 35px rgba(0,0,0,.26);
}
.vidya-ultra-3d .dz-card.style-1 p { color: var(--ultra-muted) !important; }
.vidya-ultra-3d .dz-card.style-1 .dz-title,
.vidya-ultra-3d .dz-card.style-1 .dz-title a { color: #fff !important; }

@media (max-width: 767px) {
    .vidya-ultra-3d .dz-bnr-inr,
    .vidya-ultra-3d .dz-bnr-inr.style-1 { height: 240px; min-height: 240px; }
    .vidya-ultra-3d .dz-bnr-inr-entry { height: 240px; justify-content: center; text-align: center; }
    .vidya-ultra-3d .dz-bnr-inr::before { right: -55px; width: 110px; height: 110px; border-width: 24px; }
}
@media (max-width: 575px) {
    .vidya-ultra-3d .hero-banner.style-1 .hero-content .title {
        width: 100%;
        font-size: 40px;
        letter-spacing: -.035em;
        text-align: center;
        overflow-wrap: anywhere;
        transform: none;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content p { width: 100%; padding: 0 3px; }
    .vidya-ultra-3d .dz-card.style-1 .dz-info {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr auto;
        gap: 12px;
        padding: 24px 20px;
    }
    .vidya-ultra-3d .dz-card.style-1 .small-title { grid-column: 1 / -1; }
    .vidya-ultra-3d .dz-card.style-1 .dz-title { grid-column: 1 / -1; }
    .vidya-ultra-3d .dz-card.style-1 p { grid-column: 1 / 2; }
    .vidya-ultra-3d .dz-card.style-1 .btn-link { align-self: end; }
    .vidya-ultra-3d main .container { padding-right: 18px; padding-left: 18px; }
    .vidya-ultra-3d .dz-card.style-1 p {
        width: 100%;
        overflow-wrap: anywhere;
        text-align: left;
        text-align-last: left;
    }
    .play-eye { left: 9%; }
    .play-torus { right: -13%; }
    .play-cube { right: 1%; }
    .sphere-b { right: -2%; }
    .vidya-ultra-3d .navicon span { background: #fff !important; }
}

/* Image-aware colour harmonisation. Natural photography gets quiet neutral
   framing; brighter violet/cyan/coral remains reserved for CSS artwork. */
.vidya-ultra-3d {
    --photo-panel: #171b32;
    --photo-panel-soft: #20243c;
    --photo-frame: #eee9df;
    --photo-muted: #c9cad5;
}
.vidya-ultra-3d .page-content {
    background:
        radial-gradient(circle at 7% 14%, rgba(105,75,191,.13), transparent 23%),
        radial-gradient(circle at 91% 48%, rgba(42,151,170,.08), transparent 27%),
        linear-gradient(180deg,#090c1c 0%,#11142a 48%,#0a1022 100%);
}
.vidya-ultra-3d main > section:nth-of-type(even) {
    background: linear-gradient(135deg,rgba(25,29,54,.58),rgba(12,17,36,.26)) !important;
}
.vidya-ultra-3d main > section:nth-of-type(odd) {
    background: linear-gradient(135deg,rgba(10,14,31,.22),rgba(28,25,50,.40)) !important;
}
.vidya-ultra-3d .section-head .sub-title { color: #71d5df; }
.vidya-ultra-3d main p { color: #c4c6d3; }

.vidya-ultra-3d .content-media:not(.faq-3d-stage) > .dz-media,
.vidya-ultra-3d .doctor-profile-photo,
.vidya-ultra-3d .dz-team .dz-media,
.vidya-ultra-3d .contact-form-visual,
.vidya-ultra-3d .twentytwenty-box {
    padding: 6px;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 28px;
    background: linear-gradient(145deg,#faf7f1,var(--photo-frame));
    box-shadow: 0 24px 58px rgba(0,0,0,.34), inset 0 1px #fff;
}
.vidya-ultra-3d .content-media:not(.faq-3d-stage) > .dz-media img,
.vidya-ultra-3d .doctor-profile-photo img,
.vidya-ultra-3d .dz-team .dz-media img,
.vidya-ultra-3d .contact-form-visual img {
    border-radius: 22px;
    filter: saturate(.92) contrast(.98) brightness(1.01);
}
.vidya-ultra-3d .content-wrapper:has(.content-media:not(.faq-3d-stage)),
.vidya-ultra-3d .contact-form-section {
    background:
        radial-gradient(circle at 16% 50%,rgba(255,182,139,.08),transparent 28%),
        linear-gradient(135deg,#101326,#19182e) !important;
}
.vidya-ultra-3d .content-info,
.vidya-ultra-3d .contact-form-panel,
.vidya-ultra-3d .dz-team .dz-content {
    color: var(--photo-muted);
}
.vidya-ultra-3d .dz-team,
.vidya-ultra-3d .contact-form-panel,
.vidya-ultra-3d .content-bx {
    background: linear-gradient(145deg,var(--photo-panel-soft),var(--photo-panel)) !important;
    border-color: rgba(238,233,223,.12) !important;
}
.vidya-ultra-3d .dz-team .dz-name,
.vidya-ultra-3d .dz-team .dz-name a,
.vidya-ultra-3d .content-info strong { color: #f5f0e8 !important; }
.vidya-ultra-3d .dz-team .dz-position { color: #9fd1d4; }

/* Keep real clinic gallery photographs unchanged, as previously requested. */
.vidya-ultra-3d .clinic-gallery .dz-media,
.vidya-ultra-3d .clinic-gallery .gallery-card,
.vidya-ultra-3d .clinic-gallery img {
    padding: 0;
    border-color: initial;
    background: initial;
    filter: none !important;
    box-shadow: none;
}

@media (max-width: 767px) {
    .vidya-ultra-3d .content-media:not(.faq-3d-stage) > .dz-media,
    .vidya-ultra-3d .doctor-profile-photo,
    .vidya-ultra-3d .dz-team .dz-media,
    .vidya-ultra-3d .contact-form-visual { padding: 4px; border-radius: 20px; }
}

/* Dark-surface contrast repair. The original template uses brand navy for
   secondary copy and 1px rules; both disappear on the ultra-dark palette. */
.vidya-ultra-3d main {
    --bs-body-color: #c9ccda;
    --bs-secondary: #bfc8ff;
    --bs-secondary-rgb: 191, 200, 255;
    --bs-border-color: rgba(184, 199, 255, .24);
}
.vidya-ultra-3d main .text-secondary,
.vidya-ultra-3d main .text-body,
.vidya-ultra-3d main .text-dark,
.vidya-ultra-3d main .description,
.vidya-ultra-3d main .text {
    color: #cbd0e2 !important;
}
.vidya-ultra-3d main a:not(.btn):not(.social-btn) {
    color: #7edce8;
}
.vidya-ultra-3d main a:not(.btn):not(.social-btn):hover {
    color: #ffffff;
}
.vidya-ultra-3d main .dz-title a,
.vidya-ultra-3d main .title a,
.vidya-ultra-3d main h1 a,
.vidya-ultra-3d main h2 a,
.vidya-ultra-3d main h3 a {
    color: #f7f5ff !important;
}
.vidya-ultra-3d main .list-check li,
.vidya-ultra-3d main .list-check li a,
.vidya-ultra-3d main .icon-content p,
.vidya-ultra-3d main .icon-content p a,
.vidya-ultra-3d main .content-bx p,
.vidya-ultra-3d main .dz-info p,
.vidya-ultra-3d main .accordion-body p {
    color: #c9ccda !important;
}
.vidya-ultra-3d main .list-check li::before,
.vidya-ultra-3d main .list-check li i,
.vidya-ultra-3d main .icon-cell i {
    color: #49d9df !important;
}
.vidya-ultra-3d main hr,
.vidya-ultra-3d main .border,
.vidya-ultra-3d main .border-top,
.vidya-ultra-3d main .border-bottom,
.vidya-ultra-3d main .title-dashed-separator,
.vidya-ultra-3d main .separator {
    border-color: rgba(164, 187, 255, .28) !important;
}
.vidya-ultra-3d main .title-dashed-separator::before,
.vidya-ultra-3d main .title-dashed-separator::after,
.vidya-ultra-3d main .separator::before,
.vidya-ultra-3d main .separator::after {
    background-color: #54d7df !important;
}
.vidya-ultra-3d main .accordion-item,
.vidya-ultra-3d main .content-bx,
.vidya-ultra-3d main .icon-bx-wraper,
.vidya-ultra-3d main .dz-card,
.vidya-ultra-3d main .pricingtable-wrapper {
    border-color: rgba(164, 187, 255, .22) !important;
}
.vidya-ultra-3d main .accordion-button,
.vidya-ultra-3d main .accordion-button.collapsed {
    color: #f3f1ff !important;
}
.vidya-ultra-3d main .form-control,
.vidya-ultra-3d main input,
.vidya-ultra-3d main textarea,
.vidya-ultra-3d main select {
    color: #f3f4fa !important;
    border-color: rgba(164, 187, 255, .30) !important;
}
.vidya-ultra-3d main input::placeholder,
.vidya-ultra-3d main textarea::placeholder {
    color: #9da4bc !important;
    opacity: 1;
}
.vidya-ultra-3d main .small-title,
.vidya-ultra-3d main .meta,
.vidya-ultra-3d main .dz-position,
.vidya-ultra-3d main small {
    color: #aeb7cf !important;
}

/* ============================================================
   PROFESSIONAL CLINICAL REFINEMENT
   Retains depth and motion while removing the toy/playground appearance.
   ============================================================ */
.vidya-ultra-3d {
    --pro-navy: #071326;
    --pro-navy-2: #0c1d34;
    --pro-panel: #11243b;
    --pro-teal: #39b8bd;
    --pro-teal-soft: #8dd5d6;
    --pro-ivory: #f5f2eb;
    --pro-red: #c92d42;
    --pro-line: rgba(157, 201, 209, .20);
}
.vidya-ultra-3d .page-content {
    background:
        radial-gradient(circle at 88% 8%, rgba(57,184,189,.08), transparent 24%),
        linear-gradient(180deg,#071326 0%,#0a1729 52%,#07111f 100%);
}
.vidya-ultra-3d main > section:nth-of-type(even),
.vidya-ultra-3d main > section:nth-of-type(odd) {
    background: transparent !important;
    border-top: 1px solid rgba(141,213,214,.07);
}
.vidya-ambient-world { opacity: .45; }
.ambient-orb.orb-one {
    opacity: .16;
    background: radial-gradient(circle at 32% 27%,#d5f4f2,#39989e 36%,#12384a 72%);
}
.ambient-orb.orb-two {
    opacity: .12;
    background: radial-gradient(circle at 30% 25%,#fff,#80c8ca 30%,#174858 75%);
}
.ambient-grid { opacity: .025; background-size: 72px 72px; }

.vidya-ultra-3d .site-header .main-bar-wraper,
.vidya-ultra-3d .site-header .main-bar,
.vidya-ultra-3d .site-header .inner-bar {
    background: rgba(7,19,38,.94) !important;
}
.vidya-ultra-3d .site-header .main-bar-wraper {
    border-color: rgba(141,213,214,.16) !important;
    border-radius: 18px;
    box-shadow: 0 15px 38px rgba(0,0,0,.24);
}
.vidya-ultra-3d .site-header .nav > li > a:hover,
.vidya-ultra-3d .site-header .nav > li.active > a { color: var(--pro-teal-soft) !important; }
.vidya-ultra-3d .site-header .nav > li > a::after {
    background: var(--pro-teal);
}

.vidya-ultra-3d .hero-banner.style-1 {
    border-color: rgba(141,213,214,.15);
    border-radius: 32px;
    background:
        radial-gradient(circle at 76% 42%,rgba(57,184,189,.13),transparent 27%),
        linear-gradient(135deg,#08162a,#0e2239 62%,#101b31);
    box-shadow: inset 0 1px rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.30);
}
.vidya-ultra-3d .hero-banner.style-1::before { opacity: .08; }
.vidya-ultra-3d .hero-banner.style-1 .title {
    color: var(--pro-ivory);
    font-family: var(--font-family-display);
    font-size: clamp(56px,5.4vw,88px);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.03em;
    text-shadow: 0 3px 0 rgba(57,184,189,.26),0 14px 32px rgba(0,0,0,.34);
    transform: perspective(900px) rotateY(-2deg);
    animation: pro-title-float 8s ease-in-out infinite;
}
@keyframes pro-title-float {
    0%,100% { transform:perspective(900px) rotateY(-2deg) translateY(0); }
    50% { transform:perspective(900px) rotateY(-1deg) translateY(-4px); }
}
.vidya-ultra-3d .hero-content p { color:#c2cbd5; }

/* Keep the eye as the clinical focal object; remove novelty props. */
.play-torus,.play-cube,.play-capsule,.play-star,.play-squiggle,.sphere-b { display:none; }
.play-eye {
    top: 25%;
    left: 17%;
    width: 430px;
    height: 255px;
    border-color: rgba(255,255,255,.82);
    background: linear-gradient(145deg,#fff,#d9e3e7);
    box-shadow: inset 14px 18px 24px #fff,inset -20px -23px 28px rgba(20,65,77,.18),0 30px 60px rgba(0,0,0,.30);
}
.play-iris {
    background: radial-gradient(circle at 34% 29%,#e8ffff 0 5%,#72d4d5 9%,#278b94 42%,#0d3448 72%);
    box-shadow: inset 8px 10px 15px rgba(255,255,255,.25),inset -10px -12px 18px rgba(0,0,0,.30),0 10px 24px rgba(7,43,53,.28);
}
.sphere-a {
    top: 17%;
    left: 70%;
    width: 48px;
    height: 48px;
    opacity: .75;
    background: radial-gradient(circle at 30% 25%,#fff,#8dd5d6 35%,#246b77 76%);
}

.vidya-ultra-3d .btn {
    border-color: rgba(255,255,255,.16);
    border-radius: 12px;
    background: linear-gradient(135deg,#173c55,#0f6970);
    box-shadow: inset 0 1px rgba(255,255,255,.20),0 8px 20px rgba(0,0,0,.24);
}
.vidya-ultra-3d .btn:hover {
    filter: brightness(1.08);
    transform: translate3d(var(--magnet-x),calc(var(--magnet-y) - 2px),0);
    box-shadow: inset 0 1px rgba(255,255,255,.22),0 12px 26px rgba(0,0,0,.28);
}
.vidya-ultra-3d .btn:active {
    transform: translate3d(var(--magnet-x),calc(var(--magnet-y) + 2px),0);
    box-shadow: inset 0 2px 7px rgba(0,0,0,.20),0 4px 10px rgba(0,0,0,.20);
}
.vidya-ultra-3d .btn-primary { background:linear-gradient(135deg,#ad2438,#d34452); }

.vidya-ultra-3d .dz-card,
.vidya-ultra-3d .icon-bx-wraper,
.vidya-ultra-3d .dz-team,
.vidya-ultra-3d .pricingtable-wrapper,
.vidya-ultra-3d .contact-bx,
.vidya-ultra-3d .content-bx,
.vidya-ultra-3d .contact-form-panel {
    border-color: var(--pro-line) !important;
    border-radius: 20px;
    background: linear-gradient(145deg,rgba(18,39,61,.96),rgba(10,28,48,.98)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.055),0 15px 36px rgba(0,0,0,.22);
}
.vidya-ultra-3d .dz-card.style-1 .dz-info,
.vidya-ultra-3d .dz-card.style-1:hover .dz-info {
    background: linear-gradient(145deg,rgba(18,39,61,.96),rgba(10,28,48,.98)) !important;
    box-shadow: none;
}
.vidya-ultra-3d .ultra-tilt-card:hover {
    box-shadow: -8px 22px 42px rgba(0,0,0,.28),0 0 24px rgba(57,184,189,.08);
}
.vidya-ultra-3d .section-head .sub-title,
.vidya-ultra-3d main a:not(.btn):not(.social-btn) { color:var(--pro-teal-soft); }
.vidya-ultra-3d .section-head .sub-title::before { background:var(--pro-red); }

.vidya-ultra-3d .dz-bnr-inr,
.vidya-ultra-3d .dz-bnr-inr.style-1 {
    background: radial-gradient(circle at 82% 28%,rgba(57,184,189,.12),transparent 24%),linear-gradient(135deg,#08162a,#10283f) !important;
}
.vidya-ultra-3d .dz-bnr-inr::before {
    border-color:var(--pro-teal);
    opacity:.65;
    box-shadow:inset 8px 10px 14px rgba(255,255,255,.18),18px 26px 38px rgba(0,0,0,.24);
}
.vidya-ultra-3d .dz-bnr-inr-entry h1 {
    color:var(--pro-ivory) !important;
    font-weight:600;
    text-shadow:0 4px 0 rgba(57,184,189,.18),0 13px 28px rgba(0,0,0,.30);
}

/* FAQ becomes a restrained clinical depth study. */
.vidya-ultra-3d .faq-vision-section {
    background:radial-gradient(circle at 18% 45%,rgba(57,184,189,.08),transparent 25%),linear-gradient(135deg,#09182a,#0e263b) !important;
}
.faq-question-object,.faq-lens-object,.faq-ring-object,.faq-3d-bubble { display:none !important; }
.faq-css-eye {
    top:25%;
    left:10%;
    border-color:rgba(255,255,255,.76);
    background:linear-gradient(145deg,#fff,#d9e4e6);
    box-shadow:inset 16px 18px 25px #fff,inset -20px -22px 28px rgba(30,73,82,.18),0 28px 58px rgba(0,0,0,.30);
}
.faq-css-eye span { border-color:var(--pro-teal); box-shadow:inset 6px 7px rgba(255,255,255,.12),0 0 24px rgba(57,184,189,.20); }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item {
    background:linear-gradient(145deg,rgba(18,39,61,.98),rgba(9,27,46,.98));
}
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item::before { background:var(--pro-teal); }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button::before { background:rgba(57,184,189,.10); color:var(--pro-teal-soft); }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button:not(.collapsed)::before { background:#17646b; }

@media (max-width:575px) {
    .vidya-ultra-3d .hero-banner.style-1 .hero-content .title { font-size:40px; text-shadow:0 3px 0 rgba(57,184,189,.20),0 10px 22px rgba(0,0,0,.30); }
    .play-eye { left:7%; width:285px; height:170px; }
    .sphere-a { left:76%; }
}

/* Guaranteed off-canvas mobile navigation */
@media (max-width:991px) {
    .site-header #W3Menu.header-nav,
    .vidya-ultra-3d .site-header #W3Menu.header-nav {
        position:fixed !important;
        top:0 !important;
        bottom:0 !important;
        left:0 !important;
        display:block !important;
        width:min(86vw,340px) !important;
        height:100dvh !important;
        margin:0 !important;
        overflow-y:auto !important;
        visibility:hidden !important;
        opacity:0 !important;
        transform:translate3d(-105%,0,0) !important;
        transition:transform .32s ease,opacity .25s ease,visibility .32s !important;
    }
    .site-header #W3Menu.header-nav.show,
    .vidya-ultra-3d .site-header #W3Menu.header-nav.show {
        visibility:visible !important;
        opacity:1 !important;
        transform:translate3d(0,0,0) !important;
    }
    .site-header #W3Menu .nav,
    .vidya-ultra-3d .site-header #W3Menu .nav { display:block !important; width:100% !important; }
    .site-header #W3Menu .nav > li,
    .vidya-ultra-3d .site-header #W3Menu .nav > li { display:block !important; width:100% !important; visibility:visible !important; opacity:1 !important; }
    .site-header #W3Menu .nav > li > a,
    .vidya-ultra-3d .site-header #W3Menu .nav > li > a { display:flex !important; width:100% !important; min-height:52px; padding:14px 8px !important; }
    .site-header .w3menu-toggler.navicon span { left:10px !important; background:#fff !important; }
    .site-header .w3menu-toggler.navicon span:nth-child(1) { top:13px !important; width:25px !important; }
    .site-header .w3menu-toggler.navicon span:nth-child(2) { top:22px !important; width:25px !important; }
    .site-header .w3menu-toggler.navicon span:nth-child(3) { top:31px !important; width:25px !important; }
    .site-header .w3menu-toggler.navicon.open span:nth-child(1) { top:22px !important; width:25px !important; transform:rotate(45deg) !important; }
    .site-header .w3menu-toggler.navicon.open span:nth-child(2) { opacity:0 !important; }
    .site-header .w3menu-toggler.navicon.open span:nth-child(3) { top:22px !important; width:25px !important; transform:rotate(-45deg) !important; }
    body.fixed .menu-close { position:fixed; z-index:10001; inset:0; display:block !important; background:rgba(5,20,35,.48); }
}

/* Remove the colored 3D ring from the Our Doctor banner */
.vidya-ultra-3d .doctor-page-banner::before,
.doctor-page-banner::before { content:none !important; display:none !important; border:0 !important; box-shadow:none !important; animation:none !important; }

/* Responsive header actions: keep Call and Appointment available at every size */
.mobile-menu-actions { display:none; }

@media (min-width:992px) and (max-width:1199px) {
    .vidya-ultra-3d .site-header .inner-bar,
    .site-header .inner-bar { min-height:76px; padding-right:12px; padding-left:12px; }
    .vidya-ultra-3d .site-header .logo-header,
    .site-header .logo-header { flex:0 0 105px; width:105px; min-width:105px; margin-right:8px; }
    .vidya-ultra-3d .site-header .header-nav .nav > li > a,
    .site-header .header-nav .nav > li > a { padding-right:6px; padding-left:6px; font-size:12px; white-space:nowrap; }
    .vidya-ultra-3d .site-header .extra-nav,
    .site-header .extra-nav { display:block !important; margin-left:6px; padding:0; }
    .vidya-ultra-3d .site-header .header-right,
    .site-header .header-right { display:flex; align-items:center; gap:7px; }
    .vidya-ultra-3d .site-header .item-call,
    .site-header .item-call { display:block !important; }
    .vidya-ultra-3d .site-header .item-call .widget-media,
    .site-header .item-call .widget-media { display:none; }
    .vidya-ultra-3d .site-header .item-call .title,
    .site-header .item-call .title { margin:0; font-size:10px; line-height:1.1; }
    .vidya-ultra-3d .site-header .item-call a,
    .site-header .item-call a { font-size:12px; white-space:nowrap; }
    .vidya-ultra-3d .site-header .item-btn .btn,
    .site-header .item-btn .btn { min-width:0; padding:11px 12px; font-size:12px; white-space:nowrap; }
}

@media (max-width:991px) {
    body.fixed #W3Menu .mobile-menu-actions,
    #W3Menu.header-nav.show .mobile-menu-actions {
        display:grid !important;
        width:100%;
        max-width:520px;
        margin:22px auto 0;
        grid-template-columns:1fr 1fr;
        gap:12px;
    }
    #W3Menu .mobile-menu-actions a {
        display:flex;
        min-height:52px;
        padding:12px 16px;
        align-items:center;
        justify-content:center;
        gap:8px;
        border-radius:12px;
        font-size:14px;
        font-weight:750;
        line-height:1.25;
        text-align:center;
    }
    #W3Menu .mobile-call-action { border:1px solid #173e68; color:#173e68; background:#eef5f7; }
    #W3Menu .mobile-appointment-action { color:#fff; background:#d7354a; box-shadow:0 10px 22px rgba(200,47,67,.20); }
}

@media (max-width:430px) {
    body.fixed #W3Menu,
    #W3Menu.header-nav.show { padding-right:18px !important; padding-left:18px !important; }
    body.fixed #W3Menu .mobile-menu-actions,
    #W3Menu.header-nav.show .mobile-menu-actions { grid-template-columns:1fr; }
}

/* Service preview must never render as an empty panel */
.home-services-section .service-preview-panel img { display:block !important; visibility:visible !important; opacity:1; }

/* Blog desktop columns: latest posts left, article right */
@media (min-width:992px) {
    .blog-detail-page .blog-reading-grid > .col-lg-4 { order:1 !important; }
    .blog-detail-page .blog-reading-grid > .col-lg-8 { order:2 !important; }
}

/* Doctor profile section: stable two-column layout without horizontal overflow */
.about-profile-section { overflow:hidden; padding:88px 0; }
.about-profile-section > .container { width:100%; max-width:1320px; padding-right:24px; padding-left:24px; }
.about-profile-section .content-wrapper.style-6 {
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    margin-right:0 !important;
    margin-left:0 !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    justify-content:space-between !important;
}
.about-profile-section .content-wrapper.style-6 > [class*="col-"] {
    position:relative;
    right:auto !important;
    left:auto !important;
    min-width:0;
    transform:none;
}
.about-profile-section .content-info { max-width:580px; margin:0; padding:0 42px 0 0; }
.about-profile-section .content-info .section-head { max-width:none; }
.about-profile-section .content-info .section-head p { color:#526a7b; font-size:16px; line-height:1.75; }
.about-profile-section .content-media {
    width:100%;
    max-width:570px;
    margin:0 0 0 auto;
    padding:7px;
    border-radius:64px 24px 24px 24px;
}

/* Rebuilt ophthalmologist profile */
.about-profile-section { padding:100px 0; background:#eaf3f5 !important; }
.about-profile-section::before { top:auto; bottom:-150px; left:-120px; border-color:rgba(19,124,132,.055); }
.doctor-profile-panel { position:relative; z-index:2; display:grid; grid-template-columns:minmax(380px,.86fr) minmax(520px,1.14fr); max-width:1240px; margin:auto; overflow:hidden; border:1px solid rgba(17,57,86,.09); border-radius:30px; background:#fff; box-shadow:0 28px 70px rgba(16,45,89,.12); }
.doctor-profile-visual { position:relative; min-height:650px; overflow:hidden; background:#dfeaed; }
.doctor-profile-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 68%,rgba(7,36,61,.34)); pointer-events:none; }
.doctor-profile-visual > img { width:100%; height:100%; min-height:650px; object-fit:cover; object-position:center 16%; }
.doctor-credential { position:absolute; right:25px; bottom:25px; z-index:2; display:flex; align-items:center; gap:12px; padding:15px 18px; border:1px solid rgba(255,255,255,.45); border-radius:15px; background:rgba(255,255,255,.94); box-shadow:0 14px 35px rgba(7,36,61,.18); }
.doctor-credential strong { color:#c82f43; font-family:"DM Serif Display",serif; font-size:36px; line-height:1; }
.doctor-credential span { color:#29485f; font-size:12px; font-weight:750; line-height:1.3; text-transform:uppercase; }
.doctor-profile-copy { display:flex; padding:64px 62px; align-items:flex-start; flex-direction:column; justify-content:center; }
.doctor-eyebrow { margin-bottom:12px; color:#c82f43; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.doctor-profile-copy h2 { max-width:560px; margin:0 0 20px; color:#102d59; font-family:"DM Serif Display",serif; font-size:clamp(42px,4vw,60px); font-weight:400; line-height:1.08; }
.doctor-profile-copy > p { margin-bottom:30px; color:#526a7b; font-size:16px; line-height:1.78; }
.doctor-profile-copy > p strong { color:#183e5b; }
.doctor-profile-copy h3 { margin:0 0 17px; color:#147f85; font-size:19px; }
.doctor-expertise-list { display:grid; width:100%; margin:0 0 32px; padding:0; grid-template-columns:1fr 1fr; gap:10px 12px; list-style:none; }
.doctor-expertise-list li { display:flex; min-height:48px; padding:10px 13px; align-items:center; gap:9px; border:1px solid #dfe9ec; border-radius:10px; background:#f7fafb; color:#29485f; font-size:13px; font-weight:650; }
.doctor-expertise-list i { display:grid; width:23px; height:23px; flex:0 0 23px; place-items:center; border-radius:50%; background:#dff2f0; color:#147f85; font-size:12px; }
.doctor-profile-cta { display:inline-flex; min-height:52px; padding:0 22px; align-items:center; gap:16px; border-radius:10px; background:#c82f43; color:#fff !important; font-size:14px; font-weight:750; box-shadow:0 13px 28px rgba(200,47,67,.20); }
.doctor-profile-cta:hover { background:#aa2335; transform:translateY(-2px); }
@media (max-width:991px) {
    .doctor-profile-panel { grid-template-columns:1fr; max-width:720px; }
    .doctor-profile-visual,.doctor-profile-visual > img { min-height:540px; height:540px; }
    .doctor-profile-copy { padding:50px; }
}
@media (max-width:575px) {
    .about-profile-section { padding:65px 0; }
    .doctor-profile-panel { border-radius:20px; }
    .doctor-profile-visual,.doctor-profile-visual > img { min-height:380px; height:380px; }
    .doctor-profile-copy { padding:36px 22px 40px; }
    .doctor-profile-copy h2 { font-size:39px; }
    .doctor-expertise-list { grid-template-columns:1fr; }
    .doctor-credential { right:16px; bottom:16px; }
}
.about-profile-section .content-media .dz-media,
.about-profile-section .content-media img {
    display:block;
    width:100%;
    height:500px;
    border-radius:57px 18px 18px 18px;
    object-fit:cover;
}
@media (min-width:1200px) {
    .about-profile-section .content-wrapper.style-6 > .col-xl-6 { flex:0 0 50%; width:50%; max-width:50%; }
}
@media (max-width:1199px) {
    .about-profile-section .content-wrapper.style-6 { gap:42px; }
    .about-profile-section .content-wrapper.style-6 > [class*="col-"] { flex:0 0 100% !important; width:100% !important; max-width:100% !important; }
    .about-profile-section .content-info { max-width:720px; margin:0 auto; padding:0; text-align:center; }
    .about-profile-section .content-info .list-check { max-width:600px; margin-right:auto; margin-left:auto; text-align:left; }
    .about-profile-section .content-media { max-width:620px; margin:0 auto; }
}
@media (max-width:575px) {
    .about-profile-section { padding:60px 0; }
    .about-profile-section > .container { padding-right:16px; padding-left:16px; }
    .about-profile-section .content-wrapper.style-6 { gap:30px; }
    .about-profile-section .content-media { border-radius:40px 18px 18px 18px; }
    .about-profile-section .content-media .dz-media,
    .about-profile-section .content-media img { height:340px; border-radius:34px 13px 13px 13px; }
}

/* Blog detail visual refinement: calm clinical editorial palette */
.blog-detail-page .blog-detail-hero {
    padding:72px 0 78px;
    border-bottom:1px solid #dce8ec;
    background:linear-gradient(135deg,#f7fbfc 0%,#eef7f7 58%,#fdf7f7 100%);
}
.blog-detail-page .blog-detail-hero::before {
    content:"";
    position:absolute;
    top:-160px;
    right:6%;
    width:430px;
    height:430px;
    border:1px solid rgba(21,152,155,.12);
    border-radius:50%;
}
.blog-detail-page .blog-detail-hero::after {
    right:-75px;
    bottom:-260px;
    width:420px;
    height:420px;
    border:72px solid rgba(220,42,61,.035);
}
.blog-detail-page .blog-back-link {
    margin-bottom:36px;
    color:#567185;
}
.blog-detail-page .blog-back-link:hover { color:#dc2a3d; }
.blog-detail-page .blog-detail-kicker {
    margin-bottom:13px;
    color:#168f94;
}
.blog-detail-page .blog-detail-heading { max-width:850px; }
.blog-detail-page .blog-detail-heading h1 {
    max-width:850px;
    margin-bottom:20px;
    color:#102d59;
    font-size:clamp(40px,4.2vw,62px);
    line-height:1.1;
}
.blog-detail-page .blog-detail-heading > p {
    max-width:720px;
    margin-bottom:25px;
    color:#526a7b;
    font-size:17px;
    line-height:1.72;
}
.blog-detail-page .blog-detail-meta { color:#3f5d72; }
.blog-detail-page .blog-detail-meta span {
    padding:8px 12px;
    border:1px solid #dce8ec;
    border-radius:999px;
    background:rgba(255,255,255,.72);
}
.blog-detail-page .blog-detail-content {
    padding:72px 0 96px;
    background:#fff;
}
.blog-detail-page .blog-detail-content > .container { margin-top:0; }
.blog-detail-page .blog-reading-grid { align-items:flex-start; --bs-gutter-x:44px; }
.blog-detail-page .dz-blog.blog-single {
    border:0;
    border-radius:20px;
    background:#fff;
    box-shadow:none;
}
.blog-detail-page .dz-blog.blog-single .dz-media {
    height:430px;
    border:1px solid #dce7eb;
    border-radius:20px !important;
    box-shadow:0 18px 45px rgba(16,45,89,.09);
}
.blog-detail-page .dz-blog.blog-single .dz-info { padding:42px 8px 10px; }
.blog-detail-page .dz-post-text {
    max-width:760px;
    color:#425b6d;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:17px;
    line-height:1.9;
}
.blog-detail-page .dz-post-text > p:first-child {
    padding-left:20px;
    border-left:3px solid #15989b;
    color:#284a60;
    font-size:19px;
}
.blog-detail-page .dz-post-text h2,
.blog-detail-page .dz-post-text h3,
.blog-detail-page .dz-post-text h4 { color:#123d5b; }
.blog-detail-page .side-bar {
    top:105px;
    padding:0;
}
.blog-detail-page .side-bar .widget-bx {
    padding:25px;
    border:1px solid #dfe8ec;
    border-top:4px solid #15989b;
    border-radius:17px;
    background:#f8fbfc !important;
    box-shadow:none;
}
.blog-detail-page .side-bar .widget-title .title { font-size:24px; }
.blog-detail-page .widget-post { grid-template-columns:76px minmax(0,1fr); gap:13px; }
.blog-detail-page .widget-post .dz-media { width:76px; height:70px; box-shadow:none; }
.blog-detail-page .widget-post .title { font-size:13px; }
@media (max-width:991px) {
    .blog-detail-page .blog-detail-content { padding-top:55px; }
    .blog-detail-page .side-bar { margin-top:35px; }
}
@media (max-width:575px) {
    .blog-detail-page .blog-detail-hero { padding:42px 0 48px; }
    .blog-detail-page .blog-detail-heading h1 { font-size:36px; }
    .blog-detail-page .blog-detail-meta span { padding:6px 10px; }
    .blog-detail-page .blog-detail-content { padding:38px 0 70px; }
    .blog-detail-page .dz-blog.blog-single .dz-media { height:245px; border-radius:15px !important; }
    .blog-detail-page .dz-blog.blog-single .dz-info { padding:28px 2px 0; }
    .blog-detail-page .dz-post-text > p:first-child { padding-left:14px; font-size:17px; }
}

/* Final professional hospital treatment: one dimensional hero, followed by
   calm light clinical surfaces and restrained brand accents. */
.vidya-ultra-3d .page-content {
    color:#536174;
    background:#f6f8fc;
}
.vidya-ambient-world { display:none; }
.vidya-ultra-3d main > section:nth-of-type(even) {
    background:#ffffff !important;
    border-top:1px solid #e7ebf2;
}
.vidya-ultra-3d main > section:nth-of-type(odd) {
    background:#f6f8fc !important;
    border-top:1px solid #edf0f5;
}
.vidya-ultra-3d main h1,
.vidya-ultra-3d main h2,
.vidya-ultra-3d main h3,
.vidya-ultra-3d main h4,
.vidya-ultra-3d main h5,
.vidya-ultra-3d main h6,
.vidya-ultra-3d main .title { color:#102d54; }
.vidya-ultra-3d main p,
.vidya-ultra-3d main .text-secondary,
.vidya-ultra-3d main .text-body,
.vidya-ultra-3d main .text-dark,
.vidya-ultra-3d main .description,
.vidya-ultra-3d main .text,
.vidya-ultra-3d main .list-check li,
.vidya-ultra-3d main .icon-content p,
.vidya-ultra-3d main .content-bx p,
.vidya-ultra-3d main .dz-info p,
.vidya-ultra-3d main .accordion-body p { color:#596779 !important; }
.vidya-ultra-3d main a:not(.btn):not(.social-btn) { color:#176f78; }
.vidya-ultra-3d main a:not(.btn):not(.social-btn):hover { color:#a92235; }
.vidya-ultra-3d main .dz-title a,
.vidya-ultra-3d main .title a,
.vidya-ultra-3d main h1 a,
.vidya-ultra-3d main h2 a,
.vidya-ultra-3d main h3 a { color:#102d54 !important; }
.vidya-ultra-3d .section-head .sub-title { color:#177c84; letter-spacing:.11em; }

.vidya-ultra-3d .site-header .main-bar-wraper,
.vidya-ultra-3d .site-header .main-bar,
.vidya-ultra-3d .site-header .inner-bar {
    background:rgba(255,255,255,.97) !important;
}
.vidya-ultra-3d .site-header .main-bar-wraper {
    border:1px solid #e2e6ee !important;
    box-shadow:0 10px 28px rgba(16,45,84,.10);
}
.vidya-ultra-3d .site-header .nav > li > a { color:#182943 !important; }
.vidya-ultra-3d .site-header .nav > li > a:hover,
.vidya-ultra-3d .site-header .nav > li.active > a { color:#b2273b !important; }
.vidya-ultra-3d .site-header .nav > li > a::after { background:#b2273b; }

/* Preserve the professional dark hero as the single high-impact moment. */
.vidya-ultra-3d .hero-banner.style-1 {
    background:radial-gradient(circle at 76% 42%,rgba(57,184,189,.12),transparent 27%),linear-gradient(135deg,#08162a,#102a44 64%,#0b1e34) !important;
}
.vidya-ultra-3d .hero-banner.style-1 .title { color:#f7f4ed; }
.vidya-ultra-3d .hero-content p { color:#cbd3dd !important; }

.vidya-ultra-3d .dz-card,
.vidya-ultra-3d .icon-bx-wraper,
.vidya-ultra-3d .dz-team,
.vidya-ultra-3d .pricingtable-wrapper,
.vidya-ultra-3d .contact-bx,
.vidya-ultra-3d .content-bx,
.vidya-ultra-3d .contact-form-panel,
.vidya-ultra-3d .dz-card.style-1 .dz-info,
.vidya-ultra-3d .dz-card.style-1:hover .dz-info {
    color:#596779 !important;
    border-color:#dfe5ed !important;
    border-radius:16px;
    background:#ffffff !important;
    box-shadow:0 12px 32px rgba(16,45,84,.08);
}
.vidya-ultra-3d .ultra-tilt-card:hover {
    box-shadow:0 18px 38px rgba(16,45,84,.13);
}
.vidya-ultra-3d .dz-team .dz-name,
.vidya-ultra-3d .dz-team .dz-name a,
.vidya-ultra-3d .content-info strong,
.vidya-ultra-3d .dz-card.style-1 .dz-title,
.vidya-ultra-3d .dz-card.style-1 .dz-title a { color:#102d54 !important; }
.vidya-ultra-3d .dz-team .dz-position,
.vidya-ultra-3d main .small-title,
.vidya-ultra-3d main .meta,
.vidya-ultra-3d main small { color:#68788b !important; }

.vidya-ultra-3d .content-wrapper:has(.content-media:not(.faq-3d-stage)),
.vidya-ultra-3d .contact-form-section,
.vidya-ultra-3d .content-wrapper,
.vidya-ultra-3d .content-wrapper.style-2,
.vidya-ultra-3d .content-wrapper.style-3 {
    background:#ffffff !important;
}
.vidya-ultra-3d .form-control,
.vidya-ultra-3d main input,
.vidya-ultra-3d main textarea,
.vidya-ultra-3d main select {
    color:#26384e !important;
    border-color:#d8dee7 !important;
    background:#f9fafc;
}
.vidya-ultra-3d main input::placeholder,
.vidya-ultra-3d main textarea::placeholder { color:#8490a1 !important; }
.vidya-ultra-3d main hr,
.vidya-ultra-3d main .border,
.vidya-ultra-3d main .border-top,
.vidya-ultra-3d main .border-bottom,
.vidya-ultra-3d main .title-dashed-separator,
.vidya-ultra-3d main .separator { border-color:#dce2ea !important; }

.vidya-ultra-3d .faq-vision-section {
    background:#f1f5f8 !important;
}
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item {
    border-color:#dce4eb !important;
    background:#fff !important;
    box-shadow:0 9px 24px rgba(16,45,84,.06);
}
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button,
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button.collapsed { color:#17334f !important; }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-body p { color:#5c6878 !important; }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button::before { color:#176f78; background:#e6f4f4; }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-button:not(.collapsed)::before { color:#fff; background:#176f78; }

.vidya-ultra-3d .fixed-social-bar a { box-shadow:0 7px 18px rgba(16,45,84,.16); }
.vidya-ultra-3d .site-footer { background:linear-gradient(145deg,#071326,#0d2238); }

@media (max-width:575px) {
    .vidya-ultra-3d .navicon span { background:#102d54 !important; }
}

/* Photographic hero requested for the professional version. The generated
   clinic scene is intentionally softened behind a left-to-right readability
   veil; the foreground CSS eye has been removed from the markup. */
.vidya-ultra-3d .hero-banner.style-1 {
    isolation:isolate;
    min-height:680px;
    background-image:
        linear-gradient(90deg,rgba(5,18,34,.93) 0%,rgba(7,24,42,.82) 38%,rgba(8,28,46,.38) 68%,rgba(8,25,41,.25) 100%),
        url('../images/hero-indian/vidya-clinic-hero-background-v1.png') !important;
    background-position:center;
    background-size:cover;
}
.vidya-ultra-3d .hero-banner.style-1::before {
    z-index:0;
    opacity:1;
    background:rgba(8,20,35,.08);
    backdrop-filter:blur(2.2px);
}
.vidya-ultra-3d .hero-banner.style-1 .row {
    min-height:590px;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content {
    max-width:680px;
    padding-left:clamp(28px,5vw,80px);
}
.vidya-ultra-3d .hero-banner.style-1 .title {
    color:#fff;
    text-shadow:0 4px 22px rgba(0,0,0,.34);
    transform:none;
    animation:vidya-hero-rise .65s cubic-bezier(.2,.7,.2,1) forwards;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content p {
    color:#e0e6ec !important;
    text-shadow:0 2px 10px rgba(0,0,0,.28);
}
@media (max-width:991px) {
    .vidya-ultra-3d .hero-banner.style-1 {
        min-height:610px;
        background-position:64% center;
    }
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height:540px; align-items:flex-end !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content {
        max-width:620px;
        margin:0 auto;
        padding:35px 24px;
        border-radius:22px;
        background:rgba(6,19,34,.64);
        backdrop-filter:blur(7px);
    }
}

/* Keep the featured blog date and details inside the card outline */
.vidya-ultra-3d .content-wrapper.style-5 .dz-card.style-2:not(.blog-half),
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) {
    box-sizing:border-box !important;
    height:auto !important;
    min-height:100% !important;
    padding:18px 18px 22px !important;
    overflow:hidden !important;
    border:1px solid #dbe6ec !important;
    border-radius:22px !important;
    background:#fff !important;
}
.vidya-ultra-3d .content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-media,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-media {
    width:100% !important;
    margin-bottom:24px !important;
}
.vidya-ultra-3d .content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-info,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-info {
    position:relative !important;
    width:100% !important;
    padding:0 4px 2px !important;
}
.vidya-ultra-3d .content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-meta,
.vidya-ultra-3d .content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-title,
.vidya-ultra-3d .content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .icon-link-hover-end,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-meta,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-title,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .icon-link-hover-end {
    position:relative !important;
    inset:auto !important;
    max-width:100% !important;
}

/* Keep both desktop header actions visible at 1024px and 1440px */
@media (min-width:1200px) {
    .site-header .extra-nav,
    .vidya-ultra-3d .site-header .extra-nav { display:block !important; flex:0 0 auto !important; }
    .site-header .header-right,
    .vidya-ultra-3d .site-header .header-right { display:flex !important; align-items:center !important; gap:16px !important; }
    .site-header .item-call,
    .vidya-ultra-3d .site-header .item-call { display:block !important; visibility:visible !important; opacity:1 !important; }
    .site-header .item-btn,
    .vidya-ultra-3d .site-header .item-btn { display:block !important; visibility:visible !important; opacity:1 !important; }
}

@media (min-width:992px) and (max-width:1199px) {
    .site-header .inner-bar,
    .vidya-ultra-3d .site-header .inner-bar { display:flex !important; width:100% !important; flex-wrap:nowrap !important; }
    .site-header .header-nav,
    .vidya-ultra-3d .site-header .header-nav { display:block !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
    .site-header .header-nav .nav,
    .vidya-ultra-3d .site-header .header-nav .nav { display:flex !important; width:100% !important; flex-wrap:nowrap !important; justify-content:flex-start !important; }
    .site-header .extra-nav,
    .vidya-ultra-3d .site-header .extra-nav { display:block !important; flex:0 0 auto !important; visibility:visible !important; overflow:visible !important; }
    .site-header .item-call,
    .vidya-ultra-3d .site-header .item-call,
    .site-header .item-btn,
    .vidya-ultra-3d .site-header .item-btn { display:block !important; visibility:visible !important; opacity:1 !important; }
    .site-header .item-btn .btn,
    .vidya-ultra-3d .site-header .item-btn .btn { display:flex !important; align-items:center !important; }
}
@media (max-width:575px) {
    .vidya-ultra-3d .hero-banner.style-1 {
        min-height:590px;
        background-position:69% center;
    }
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height:535px; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { margin:0 10px 12px; padding:28px 18px; }
}

/* ============================================================
   CLINICMASTER-ALIGNED PREMIUM HOSPITAL SYSTEM
   Preserves the reference template's medical rhythm and clarity, with
   controlled dimensional details tailored to Vidya Eye Hospital.
   ============================================================ */
.vidya-ultra-3d main .container { max-width:1320px; }
.vidya-ultra-3d main section,
.vidya-ultra-3d main .content-inner,
.vidya-ultra-3d main .content-inner-2,
.vidya-ultra-3d main .content-inner-3 { scroll-margin-top:100px; }
.vidya-ultra-3d main section { padding-top:90px; padding-bottom:90px; }
.vidya-ultra-3d .section-head { max-width:760px; margin-right:auto; margin-left:auto; }
.vidya-ultra-3d .section-head .title,
.vidya-ultra-3d .content-info .title {
    color:#102d54;
    font-family:"DM Serif Display",serif;
    font-style:normal;
    font-weight:400;
    letter-spacing:-.025em;
    line-height:1.12;
}
.vidya-ultra-3d .section-head .sub-title {
    margin-bottom:10px;
    color:#b2273b;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
}
.vidya-ultra-3d .section-head .sub-title::before { width:28px; background:#39a9ad; }

.vidya-ultra-3d .site-header { padding:0; }
.vidya-ultra-3d .site-header .main-bar-wraper {
    max-width:none;
    border-width:0 0 1px !important;
    border-radius:0;
    box-shadow:0 8px 25px rgba(16,45,84,.07);
}
.vidya-ultra-3d .site-header.vidya-header-scrolled .main-bar-wraper {
    max-width:none;
    border-radius:0;
    box-shadow:0 12px 30px rgba(16,45,84,.12);
}
.vidya-ultra-3d .site-header .inner-bar { max-width:1450px; margin:auto; }
.vidya-ultra-3d .site-header .logo-header { padding:5px 10px; background:#fff; }
.vidya-ultra-3d .site-header .nav > li > a { font-weight:600; }

.vidya-ultra-3d .hero-banner.style-1 {
    min-height:700px;
    margin:0;
    border:0;
    border-radius:0 0 34px 34px;
    box-shadow:0 26px 60px rgba(16,45,84,.14);
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content { padding-left:max(30px,calc((100vw - 1320px)/2)); }
.vidya-ultra-3d .hero-banner.style-1 .title {
    max-width:650px;
    font-family:"DM Serif Display",serif;
    font-size:clamp(58px,5.6vw,88px);
    font-weight:400;
    letter-spacing:-.035em;
    line-height:1.02;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content p { max-width:590px; font-size:17px; line-height:1.75; }
.vidya-ultra-3d .hero-banner.style-1 .btn { min-width:170px; }

/* Premium 3D service/card language: shallow depth, clear light source. */
.vidya-ultra-3d .dz-card,
.vidya-ultra-3d .icon-bx-wraper,
.vidya-ultra-3d .pricingtable-wrapper,
.vidya-ultra-3d .contact-bx {
    overflow:visible;
    border:1px solid #e0e6ee !important;
    background:linear-gradient(145deg,#fff,#f8fafc) !important;
    box-shadow:0 13px 30px rgba(16,45,84,.075),inset 0 1px #fff;
}
.vidya-ultra-3d .ultra-tilt-card:hover {
    transform:perspective(1100px) translateY(-6px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateZ(12px);
    border-color:#cbd9e4 !important;
    box-shadow:0 22px 42px rgba(16,45,84,.13),0 5px 0 rgba(23,111,120,.08);
}
.vidya-ultra-3d .icon-bx-wraper .icon-bx,
.vidya-ultra-3d .icon-bx-wraper .dz-icon,
.vidya-ultra-3d .contact-bx .icon-bx {
    border:1px solid rgba(255,255,255,.72);
    background:linear-gradient(145deg,#238f96,#12636d) !important;
    box-shadow:inset 0 2px rgba(255,255,255,.28),inset 0 -5px rgba(4,53,60,.18),0 10px 20px rgba(16,91,99,.18);
}
.vidya-ultra-3d .icon-bx-wraper:hover .icon-bx,
.vidya-ultra-3d .icon-bx-wraper:hover .dz-icon { transform:translateY(-3px) scale(1.04); }
.vidya-ultra-3d .icon-bx-wraper .icon-bx::after,
.vidya-ultra-3d .icon-bx-wraper .dz-icon::after { border-color:rgba(23,111,120,.16); }

.vidya-ultra-3d .dz-card.style-1 { margin-bottom:14px; border:0 !important; background:transparent !important; box-shadow:none; }
.vidya-ultra-3d .dz-card.style-1 .dz-info,
.vidya-ultra-3d .dz-card.style-1:hover .dz-info {
    min-height:120px;
    border:1px solid #e1e7ee;
    border-radius:16px;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(16,45,84,.065);
}
.vidya-ultra-3d .dz-card.style-1:hover .dz-info { border-color:#b9d5d7; box-shadow:0 18px 36px rgba(16,45,84,.11); }
.vidya-ultra-3d .dz-card.style-1 .small-title { color:#91a6b7 !important; }

.vidya-ultra-3d .content-media:not(.faq-3d-stage) > .dz-media,
.vidya-ultra-3d .doctor-profile-photo,
.vidya-ultra-3d .dz-team .dz-media,
.vidya-ultra-3d .contact-form-visual {
    padding:7px;
    border:1px solid #e1e6eb;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 45px rgba(16,45,84,.12),10px 10px 0 #edf4f4;
}
.vidya-ultra-3d .dz-team {
    overflow:hidden;
    border-radius:20px;
    background:#fff !important;
}
.vidya-ultra-3d .dz-team .dz-content { padding:22px 20px 25px; }

.vidya-ultra-3d .content-wrapper.style-2 {
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#0d3450,#102d54) !important;
}
.vidya-ultra-3d .content-wrapper.style-2::after {
    position:absolute;
    right:-80px;
    bottom:-120px;
    width:300px;
    height:300px;
    content:"";
    border:55px solid rgba(112,204,205,.12);
    border-radius:50%;
    transform:rotateX(62deg);
}
.vidya-ultra-3d .content-wrapper.style-2 .title,
.vidya-ultra-3d .content-wrapper.style-2 p { color:#fff !important; }

.vidya-ultra-3d .faq-vision-section { background:#f4f8fa !important; }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item {
    border:1px solid #dfe7ec !important;
    border-radius:14px;
    box-shadow:0 8px 20px rgba(16,45,84,.055);
}
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item:hover { transform:translateY(-2px); }
.vidya-ultra-3d .faq-vision-section #accordionExample .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color:#b9d7d9 !important;
    box-shadow:0 15px 32px rgba(16,45,84,.10);
}

.vidya-ultra-3d .btn {
    min-height:48px;
    border-radius:10px;
    font-weight:700;
    box-shadow:0 8px 18px rgba(16,45,84,.16),inset 0 1px rgba(255,255,255,.18);
}
.vidya-ultra-3d .btn-primary { background:linear-gradient(135deg,#b2273b,#d13b4c); }
.vidya-ultra-3d .btn-primary:hover { background:linear-gradient(135deg,#982033,#c33043); }

@media (max-width:991px) {
    .vidya-ultra-3d main section { padding-top:70px; padding-bottom:70px; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { padding-left:24px; }
}
@media (max-width:575px) {
    .vidya-ultra-3d main section { padding-top:55px; padding-bottom:55px; }
    .vidya-ultra-3d .hero-banner.style-1 { border-radius:0 0 22px 22px; }
    .vidya-ultra-3d .section-head .title { font-size:34px; }
    .vidya-ultra-3d .content-media:not(.faq-3d-stage) > .dz-media,
    .vidya-ultra-3d .doctor-profile-photo,
    .vidya-ultra-3d .dz-team .dz-media,
    .vidya-ultra-3d .contact-form-visual { box-shadow:0 14px 30px rgba(16,45,84,.10),6px 6px 0 #edf4f4; }
}

/* Premium hospital top bar and restored first image-led introduction. */
.hospital-topbar {
    color:#dce7ee;
    background:#102d54;
    font-size:13px;
}
.hospital-topbar .container-fluid { max-width:1450px; }
.hospital-topbar-inner {
    display:flex;
    min-height:38px;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}
.hospital-topbar a,.hospital-topbar span { color:inherit; }
.hospital-topbar i { color:#7fd2d3; }
.topbar-message,.topbar-details,.topbar-details a,.topbar-details span { display:flex; align-items:center; gap:7px; }
.topbar-details { gap:24px; }
.topbar-details a { transition:color .25s ease; }
.topbar-details a:hover { color:#fff; }

.vidya-ultra-3d .premium-hospital-intro {
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 75%,rgba(57,169,173,.08),transparent 26%),
        linear-gradient(135deg,#f8fbfc,#eef6f7) !important;
}
.premium-hospital-intro::after {
    position:absolute;
    right:-70px;
    top:50%;
    width:290px;
    height:290px;
    content:"";
    border:1px solid rgba(57,169,173,.14);
    border-radius:50%;
    box-shadow:0 0 0 45px rgba(57,169,173,.035),0 0 0 90px rgba(57,169,173,.025);
    transform:translateY(-50%);
}
.premium-intro-visual {
    position:relative;
    width:min(570px,92%);
    min-height:560px;
    margin:auto;
    perspective:1100px;
}
.premium-intro-main {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    width:82%;
    height:500px;
    padding:7px;
    border:1px solid #dce6e9;
    border-radius:42% 42% 24px 24px;
    background:#fff;
    box-shadow:0 26px 55px rgba(16,45,84,.15),12px 12px 0 rgba(57,169,173,.08);
    transform:rotateY(2deg);
}
.premium-intro-main img,.premium-intro-small img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.premium-intro-main img { border-radius:42% 42% 19px 19px; }
.premium-intro-small {
    position:absolute;
    z-index:3;
    right:0;
    bottom:10px;
    overflow:hidden;
    width:210px;
    height:180px;
    padding:6px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 20px 42px rgba(16,45,84,.20);
    transform:translateZ(35px) rotate(2deg);
    transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.premium-intro-small img { border-radius:19px; }
.premium-intro-visual:hover .premium-intro-small { transform:translate3d(-5px,-7px,45px) rotate(0); }
.premium-intro-badge {
    position:absolute;
    z-index:4;
    top:30px;
    right:3%;
    display:flex;
    width:128px;
    height:128px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:7px;
    border:5px solid #fff;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#238f96,#12636d);
    box-shadow:inset 0 2px rgba(255,255,255,.25),0 14px 28px rgba(16,91,99,.22);
    text-align:center;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    animation:premium-badge-float 6s ease-in-out infinite;
}
.premium-intro-badge i { font-size:25px; }
.premium-intro-content { position:relative; z-index:2; max-width:590px; }
.premium-intro-content .section-head { margin-left:0; }
.premium-intro-content > p { margin-bottom:28px; font-size:17px; line-height:1.8; }
.premium-care-points {
    display:grid;
    margin-bottom:32px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.premium-care-points div {
    display:flex;
    align-items:center;
    gap:10px;
    color:#243a50;
    font-weight:600;
}
.premium-care-points i {
    display:grid;
    flex:0 0 34px;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:10px;
    color:#176f78;
    background:#dff1f1;
    box-shadow:inset 0 1px #fff,0 5px 12px rgba(23,111,120,.10);
}
@keyframes premium-badge-float { 50% { transform:translateY(-7px); } }

@media (max-width:991px) {
    .hospital-topbar { display:none; }
    .premium-intro-content { max-width:680px; margin:0 auto; text-align:center; }
    .premium-intro-content .section-head { margin-right:auto; margin-left:auto; }
    .premium-care-points { max-width:600px; margin-right:auto; margin-left:auto; text-align:left; }
}
@media (max-width:575px) {
    .premium-intro-visual { width:100%; min-height:440px; }
    .premium-intro-main { width:88%; height:390px; }
    .premium-intro-small { width:145px; height:125px; }
    .premium-intro-badge { top:20px; right:0; width:96px; height:96px; border-width:4px; font-size:11px; }
    .premium-care-points { grid-template-columns:1fr; }
}

/* Reference-aligned header, rotating trust seal, interactive services and
   corrected appointment composition. */
.hospital-topbar { display:none !important; }
.vidya-ultra-3d .site-header .main-bar-wraper {
    border-top:3px solid #172b4d !important;
    border-bottom:2px solid #102d89 !important;
}
.vidya-ultra-3d .site-header .inner-bar { min-height:82px; }
.vidya-ultra-3d .site-header .logo-header {
    width:170px;
    min-width:170px;
    margin:0 20px 0 0;
    padding:5px 8px;
}
.vidya-ultra-3d .site-header .nav > li > a {
    padding-right:17px;
    padding-left:17px;
    color:#08286d !important;
    font-size:16px;
}
.vidya-ultra-3d .site-header .item-call .widget-media i { color:#ed001d !important; }
.vidya-ultra-3d .site-header .item-call .title { color:#b51f33 !important; }
.vidya-ultra-3d .site-header .item-call a { color:#102d89 !important; font-weight:700; }
.vidya-ultra-3d .site-header .item-btn .btn {
    min-width:175px;
    background:#ed001d;
    box-shadow:0 10px 22px rgba(237,0,29,.19);
}

.premium-intro-badge {
    display:grid;
    place-items:center;
    padding:0;
}
.premium-intro-badge svg {
    position:absolute;
    inset:5px;
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    overflow:visible;
    animation:trusted-seal-spin 13s linear infinite;
}
.premium-intro-badge svg text {
    fill:#fff;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.25px;
}
.premium-intro-badge > i {
    position:relative;
    z-index:2;
    font-size:30px;
}
@keyframes trusted-seal-spin { to { transform:rotate(360deg); } }

.home-services-layout { position:relative; }
.service-preview-panel {
    position:sticky;
    top:125px;
    overflow:hidden;
    height:510px;
    padding:7px;
    border:1px solid #dce4eb;
    border-radius:28px 28px 28px 90px;
    background:#fff;
    box-shadow:0 20px 45px rgba(16,45,84,.12),10px 10px 0 #edf4f4;
    transform:rotate(-1.5deg);
}
.service-preview-panel img {
    width:100%;
    height:100%;
    border-radius:22px 22px 22px 83px;
    object-fit:cover;
    transition:opacity .24s ease,transform .5s cubic-bezier(.16,1,.3,1);
}
.service-preview-panel img.service-preview-changing { opacity:0; transform:scale(1.025); }
.service-preview-trigger { cursor:pointer; }
.service-preview-trigger .dz-info { transition:background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease; }
.service-preview-trigger.service-preview-active .dz-info {
    border-color:#b8d8da !important;
    background:#edf7f7 !important;
    box-shadow:0 16px 34px rgba(16,45,84,.10);
    transform:translateX(5px);
}
.service-preview-trigger.service-preview-active .small-title,
.service-preview-trigger.service-preview-active .dz-title a { color:#176f78 !important; }
.service-preview-trigger.service-preview-active .btn-link { color:#fff !important; background:#1d9ca2 !important; }

.vidya-ultra-3d .content-wrapper.style-2 {
    padding:80px 0;
    background:linear-gradient(135deg,#12234f,#19234c) !important;
}
.vidya-ultra-3d .content-wrapper.style-2 .row { align-items:center; }
.vidya-ultra-3d .content-wrapper.style-2 .content-info { position:relative; z-index:2; padding:38px; border-radius:22px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px rgba(255,255,255,.10); }
.vidya-ultra-3d .content-wrapper.style-2 .form-wrapper { padding:0; border:0; background:transparent !important; box-shadow:none; }
.vidya-ultra-3d .content-wrapper.style-2 .floating-underline,
.vidya-ultra-3d .content-wrapper.style-2 .bootstrap-select .dropdown-toggle {
    min-height:58px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:10px;
    background:rgba(255,255,255,.10);
}
.vidya-ultra-3d .content-wrapper.style-2 input,
.vidya-ultra-3d .content-wrapper.style-2 select,
.vidya-ultra-3d .content-wrapper.style-2 .filter-option-inner-inner { color:#fff !important; }
.vidya-ultra-3d .content-wrapper.style-2 input::placeholder { color:rgba(255,255,255,.78) !important; }
.vidya-ultra-3d .content-wrapper.style-2 .home-appointment-media {
    overflow:hidden;
    height:520px;
    padding:7px;
    border-radius:26px;
    background:#fff;
    box-shadow:0 24px 48px rgba(5,13,38,.26),10px 10px 0 rgba(108,196,198,.15);
}
.vidya-ultra-3d .content-wrapper.style-2 .home-appointment-media img {
    width:100%;
    height:100%;
    border-radius:20px;
    object-fit:cover;
    object-position:center;
}

@media (max-width:1199px) {
    .vidya-ultra-3d .site-header .item-call { display:none; }
    .vidya-ultra-3d .site-header .nav > li > a { padding-right:11px; padding-left:11px; font-size:14px; }
}
@media (max-width:991px) {
    .vidya-ultra-3d .site-header .inner-bar { min-height:72px; }
    .service-preview-panel { position:relative; top:auto; height:390px; max-width:600px; margin:0 auto 25px; transform:none; }
    .vidya-ultra-3d .content-wrapper.style-2 .content-info { margin-bottom:30px; padding:25px; }
    .vidya-ultra-3d .content-wrapper.style-2 .home-appointment-media { height:420px; }
}
@media (max-width:575px) {
    .service-preview-panel { height:320px; border-radius:22px 22px 22px 55px; }
    .service-preview-panel img { border-radius:17px 17px 17px 49px; }
    .service-preview-trigger.service-preview-active .dz-info { transform:none; }
    .premium-intro-badge svg text { font-size:9px; }
    .vidya-ultra-3d .content-wrapper.style-2 { padding:55px 0; }
    .vidya-ultra-3d .content-wrapper.style-2 .content-info { padding:20px 15px; }
    .vidya-ultra-3d .content-wrapper.style-2 .home-appointment-media { height:330px; }
}
@media (prefers-reduced-motion:reduce) {
    .premium-intro-badge svg { animation:none !important; }
}

/* Google patient reviews in the information sidebar */
.sidebar-review-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.sidebar-review-heading > a {
    display:grid;
    flex:0 0 34px;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:10px;
    background:#eef6f6;
    color:#168f94;
}
.sidebar-review-list {
    display:grid;
    max-height:430px;
    gap:12px;
    overflow-y:auto;
    padding:2px 7px 4px 2px;
    scrollbar-color:#b8d8da transparent;
    scrollbar-width:thin;
}
.sidebar-review-card {
    padding:15px;
    border:1px solid #dfe9ed;
    border-radius:14px;
    background:#f9fbfc;
}
.sidebar-review-stars { margin-bottom:7px; color:#f5a623; font-size:13px; letter-spacing:2px; }
.sidebar-review-card p { margin-bottom:9px !important; color:#52697c; font-size:13px; line-height:1.55; }
.sidebar-review-card > a {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#123f5a;
    font-size:13px;
    font-weight:700;
}
.sidebar-review-card > a i { color:#168f94; font-size:12px; }

/* Real-clinic imagery for FAQ and Why Choose Us */
.faq-vision-section .content-media.faq-image-stage {
    position:relative;
    width:min(100%,560px);
    height:auto;
    margin:0 auto 30px;
    padding:18px 34px 42px 0;
    overflow:visible;
}
.faq-vision-section .content-media.faq-image-stage::before,
.faq-vision-section .content-media.faq-image-stage::after { content:none !important; display:none !important; }
.faq-clinic-image {
    overflow:hidden;
    padding:7px;
    border:1px solid rgba(20,64,103,.10);
    border-radius:30px 100px 30px 30px;
    background:#fff;
    box-shadow:0 28px 60px rgba(18,50,81,.17),12px 12px 0 rgba(29,168,163,.10);
}
.faq-clinic-image img {
    display:block;
    width:100%;
    height:500px;
    object-fit:cover;
    object-position:center;
    border-radius:23px 92px 23px 23px;
    transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.faq-image-stage:hover .faq-clinic-image img { transform:scale(1.03); }
.faq-image-note,
.why-choose-image-note {
    position:absolute;
    z-index:2;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px 18px;
    border:1px solid rgba(20,64,103,.09);
    border-radius:14px;
    background:#fff;
    color:#143f67;
    font-weight:600;
    box-shadow:0 16px 35px rgba(18,50,81,.17);
}
.faq-image-note { right:0; bottom:8px; }
.faq-image-note i,
.why-choose-image-note i { color:#1da8a3; font-size:23px; }

.why-choose-section .row.content-wrapper { overflow:visible; }
.why-choose-image {
    position:relative;
    max-width:610px;
    margin:0 auto 28px;
    padding:8px;
    border:1px solid rgba(20,64,103,.10);
    border-radius:90px 28px 28px 28px;
    background:#fff;
    box-shadow:0 30px 65px rgba(18,50,81,.18),-12px 12px 0 rgba(29,168,163,.10);
}
.why-choose-image > img {
    display:block;
    width:100%;
    height:520px;
    object-fit:cover;
    object-position:center;
    border-radius:82px 21px 21px 21px;
    transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.why-choose-image:hover > img { transform:scale(1.025); }
.why-choose-image-note { left:28px; bottom:-25px; }

@media (max-width:991px) {
    .faq-vision-section .content-media.faq-image-stage { margin-top:25px; }
    .faq-clinic-image img,
    .why-choose-image > img { height:430px; }
}
@media (max-width:575px) {
    .faq-vision-section .content-media.faq-image-stage { padding:10px 10px 52px 0; }
    .faq-clinic-image { border-radius:24px 60px 24px 24px; }
    .faq-clinic-image img { height:350px; border-radius:18px 54px 18px 18px; }
    .faq-image-note { right:0; max-width:90%; }
    .why-choose-image { border-radius:55px 22px 22px 22px; }
    .why-choose-image > img { height:330px; border-radius:48px 16px 16px 16px; }
    .why-choose-image-note { left:14px; right:14px; bottom:-30px; justify-content:center; }
}

/* Keep the complete desktop navigation and service summaries in clean rows. */
@media (min-width:1200px) {
    .vidya-ultra-3d .site-header .inner-bar {
        display:flex;
        align-items:center;
        flex-wrap:nowrap;
        width:100%;
        max-width:1780px;
        padding-right:32px;
        padding-left:32px;
    }
    .vidya-ultra-3d .site-header .logo-header { flex:0 0 150px; width:150px; min-width:150px; margin-right:18px; }
    .vidya-ultra-3d .site-header .header-nav {
        position:static;
        display:flex;
        flex:1 1 auto;
        align-items:center;
        width:auto;
        min-width:0;
        height:auto;
        margin:0;
        background:transparent;
    }
    .vidya-ultra-3d .site-header .header-nav > .logo-header,
    .vidya-ultra-3d .site-header .header-nav > .dz-social-icon { display:none; }
    .vidya-ultra-3d .site-header .header-nav .nav {
        display:flex;
        flex-flow:row nowrap;
        align-items:center;
        width:100%;
        margin:0;
    }
    .vidya-ultra-3d .site-header .header-nav .nav > li { flex:0 0 auto; width:auto; white-space:nowrap; }
    .vidya-ultra-3d .site-header .header-nav .nav > li > a { padding:30px 13px; white-space:nowrap; }
    .vidya-ultra-3d .site-header .extra-nav { flex:0 0 auto; margin-left:18px; padding:0; }
    .vidya-ultra-3d .site-header .header-right { display:flex; flex-flow:row nowrap; align-items:center; margin:0; }
}
@media (min-width:1200px) and (max-width:1450px) {
    .vidya-ultra-3d .site-header .inner-bar { padding-right:18px; padding-left:18px; }
    .vidya-ultra-3d .site-header .logo-header { flex-basis:135px; width:135px; min-width:135px; margin-right:10px; }
    .vidya-ultra-3d .site-header .header-nav .nav > li > a { padding-right:9px; padding-left:9px; font-size:14px; }
    .vidya-ultra-3d .site-header .extra-nav { margin-left:10px; }
    .vidya-ultra-3d .site-header .item-btn .btn { min-width:155px; padding-right:18px; padding-left:18px; }
}

@media (min-width:768px) {
    .service-preview-trigger .dz-info {
        display:grid !important;
        grid-template-columns:42px minmax(210px,1.2fr) minmax(240px,1fr) 54px;
        align-items:center;
        column-gap:14px;
    }
    .service-preview-trigger .small-title,
    .service-preview-trigger .dz-title,
    .service-preview-trigger .dz-info > p,
    .service-preview-trigger .btn-link { margin:0 !important; }
    .service-preview-trigger .small-title { grid-column:1; }
    .service-preview-trigger .dz-title { grid-column:2; white-space:nowrap; }
    .service-preview-trigger .dz-info > p { grid-column:3; line-height:1.55; }
    .service-preview-trigger .btn-link { grid-column:4; justify-self:end; }
}

/* High-contrast consultation section */
.vidya-ultra-3d .content-wrapper.style-2 {
    position:relative;
    background:linear-gradient(135deg,#eaf6f5 0%,#f7fbfb 58%,#edf2fb 100%) !important;
    border-top:1px solid #d5e9e8;
    border-bottom:1px solid #d5e2ef;
}
.vidya-ultra-3d .content-wrapper.style-2 .content-info {
    background:#ffffff !important;
    border:1px solid rgba(16,45,137,.10);
    box-shadow:0 24px 55px rgba(16,45,84,.12),inset 0 1px #fff;
}
.vidya-ultra-3d .content-wrapper.style-2 .section-head .title {
    color:#102d59 !important;
    text-shadow:none !important;
}
.vidya-ultra-3d .content-wrapper.style-2 .floating-underline,
.vidya-ultra-3d .content-wrapper.style-2 .bootstrap-select .dropdown-toggle {
    overflow:hidden;
    border:1px solid #c8d9e5 !important;
    background:#f7fafc !important;
    box-shadow:none !important;
}
.vidya-ultra-3d .content-wrapper.style-2 input,
.vidya-ultra-3d .content-wrapper.style-2 select,
.vidya-ultra-3d .content-wrapper.style-2 .filter-option-inner-inner {
    color:#173957 !important;
    font-weight:500;
}
.vidya-ultra-3d .content-wrapper.style-2 input::placeholder { color:#60768a !important; opacity:1; }
.vidya-ultra-3d .content-wrapper.style-2 .input-group-text {
    color:#fff !important;
    background:#159a9b !important;
}
.vidya-ultra-3d .content-wrapper.style-2 .input-group-text svg,
.vidya-ultra-3d .content-wrapper.style-2 .input-group-text svg path { stroke:#fff !important; }
.vidya-ultra-3d .content-wrapper.style-2 .btn.btn-white {
    border-color:#102d89 !important;
    background:#102d89 !important;
    color:#fff !important;
    box-shadow:0 12px 25px rgba(16,45,137,.20) !important;
}
.vidya-ultra-3d .content-wrapper.style-2 .btn.btn-white:hover {
    border-color:#168f94 !important;
    background:#168f94 !important;
}
.vidya-ultra-3d .content-wrapper.style-2 > .shap { opacity:.12; }

/* Accessible placeholder contrast */
.vidya-ultra-3d input.form-control::placeholder,
.vidya-ultra-3d textarea.form-control::placeholder,
.vidya-ultra-3d .form-control::placeholder {
    color:#526b7f !important;
    opacity:1 !important;
    -webkit-text-fill-color:#526b7f !important;
}
.vidya-ultra-3d .content-wrapper.style-2 input.form-control::placeholder,
.vidya-ultra-3d .content-wrapper.style-2 textarea.form-control::placeholder {
    color:#405d72 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#405d72 !important;
}
.vidya-ultra-3d .content-wrapper.style-2 .bootstrap-select .filter-option-inner-inner,
.vidya-ultra-3d .content-wrapper.style-2 .bootstrap-select .bs-placeholder .filter-option-inner-inner {
    color:#405d72 !important;
    opacity:1 !important;
}

/* Compact homepage service rows */
.vidya-ultra-3d .dz-card.style-1.service-preview-trigger { margin-bottom:8px; }
.vidya-ultra-3d .dz-card.style-1.service-preview-trigger .dz-info,
.vidya-ultra-3d .dz-card.style-1.service-preview-trigger:hover .dz-info {
    min-height:88px;
    margin-top:6px;
    padding:16px 18px;
}
.service-preview-trigger .dz-info > p { font-size:14px; line-height:1.45 !important; }
.service-preview-trigger .dz-title { font-size:22px; line-height:1.25; }
.service-preview-trigger .dz-info .btn-link {
    width:44px;
    height:44px;
    line-height:44px;
}
@media (max-width:767px) {
    .vidya-ultra-3d .dz-card.style-1.service-preview-trigger .dz-info,
    .vidya-ultra-3d .dz-card.style-1.service-preview-trigger:hover .dz-info {
        min-height:0;
        gap:5px;
        padding:13px 15px;
    }
}

/* Editorial services layout — clean rows with an anchored preview image */
.home-services-section {
    padding-top:85px;
    padding-bottom:90px;
    background:#fff;
}
.home-services-section .section-head { margin-bottom:38px !important; }
.home-services-section .section-head .sub-title {
    color:#159a9b !important;
    font-family:"DM Serif Display",serif;
    font-size:18px;
    font-style:italic;
    font-weight:400;
}
.home-services-section .section-head .title { color:#15546d !important; }
.home-services-section .home-services-layout { align-items:stretch !important; }
.home-services-section .service-preview-panel {
    position:sticky;
    top:145px;
    width:86%;
    height:420px;
    margin:165px auto 0;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:18px;
    background:#eef4f4;
    box-shadow:0 18px 38px rgba(15,60,78,.12);
    transform:rotate(4deg);
}
.home-services-section .service-preview-panel img {
    width:100%;
    height:100%;
    border-radius:18px;
    object-fit:cover;
    object-position:center;
}
.home-services-section .dz-tooltip-blog { border-top:1px solid #dce5e8; }
.vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger {
    margin:0;
    border-bottom:1px solid #dce5e8 !important;
}
.vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger .dz-info,
.vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger:hover .dz-info,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active .dz-info {
    min-height:150px;
    margin:0;
    padding:25px 20px;
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    box-shadow:none !important;
    transform:none;
}
.home-services-section .service-preview-trigger .small-title {
    color:#bed0d8 !important;
    font-family:"DM Serif Display",serif;
    font-size:26px;
    font-weight:600;
}
.home-services-section .service-preview-trigger .dz-title,
.home-services-section .service-preview-trigger .dz-title a {
    color:#07506b !important;
    font-family:"DM Serif Display",serif;
    font-size:27px;
    font-weight:500;
}
.home-services-section .service-preview-trigger .dz-info > p {
    color:#123e55 !important;
    font-size:14px;
    line-height:1.6 !important;
    display:block;
    width:auto !important;
    max-width:none !important;
    min-height:44.8px;
    margin:0 !important;
    overflow:visible;
}
.home-services-section .service-preview-trigger .dz-title {
    width:auto !important;
    max-width:none !important;
}
.home-services-section .service-preview-trigger .dz-info .btn-link,
.home-services-section .service-preview-trigger.service-preview-active .btn-link {
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    border-radius:11px;
    background:#edf6f6 !important;
    color:#12a4a1 !important;
    line-height:1;
    transition:background-color .25s ease,color .25s ease,transform .25s ease;
}

.hero-banner.style-1 .hero-content > .hero-two-line-title {
    width:100% !important;
    max-width:760px !important;
    font-family:"DM Serif Display",serif;
    font-size:clamp(50px,4.6vw,78px) !important;
    font-weight:400;
    line-height:.98;
    letter-spacing:-.035em;
}
.hero-banner.style-1 .hero-content > .hero-two-line-title > span {
    display:block;
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
}
.hero-banner.style-1 .hero-content > .hero-two-line-title > span + span { margin-top:8px; }
@media (max-width:767px) {
    .hero-banner.style-1 .hero-content > .hero-two-line-title {
        font-size:clamp(36px,10vw,52px) !important;
        line-height:1;
    }
}
@media (max-width:380px) {
    .hero-banner.style-1 .hero-content > .hero-two-line-title { font-size:34px !important; }
}

/* Home hero background must render once at every viewport size */
.hero-banner.style-1,
.vidya-ultra-3d .hero-banner.style-1 {
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    background-attachment:scroll !important;
}
@media (max-width:991px) {
    .hero-banner.style-1,
    .vidya-ultra-3d .hero-banner.style-1 { background-position:64% center !important; }
}
@media (max-width:575px) {
    .hero-banner.style-1,
    .vidya-ultra-3d .hero-banner.style-1 { background-position:69% center !important; }
}

/* About page refinement */
.about-hospital-intro {
    position:relative;
    padding-top:95px;
    padding-bottom:105px;
    overflow:hidden;
    background:linear-gradient(135deg,#f8fbfc 0%,#eef7f6 100%);
}
.about-hospital-intro::after {
    content:"";
    position:absolute;
    right:-110px;
    bottom:-120px;
    width:330px;
    height:330px;
    border:55px solid rgba(29,168,163,.055);
    border-radius:50%;
}
.about-hospital-intro .container { position:relative; z-index:1; }
.about-hospital-visual {
    position:relative;
    max-width:590px;
    min-height:570px;
    margin:0 auto;
    padding-right:58px;
    padding-bottom:45px;
}
.about-hospital-main-image {
    overflow:hidden;
    height:545px;
    padding:7px;
    border:1px solid rgba(16,45,84,.10);
    border-radius:145px 145px 28px 28px;
    background:#fff;
    box-shadow:0 28px 60px rgba(16,45,84,.16),-12px 12px 0 rgba(29,168,163,.10);
}
.about-hospital-main-image img {
    width:100%;
    height:100%;
    border-radius:137px 137px 21px 21px;
    object-fit:cover;
}
.about-hospital-detail-image {
    position:absolute;
    right:0;
    bottom:0;
    overflow:hidden;
    width:205px;
    height:165px;
    padding:6px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 45px rgba(16,45,84,.20);
    transform:rotate(2deg);
}
.about-hospital-detail-image img { width:100%; height:100%; border-radius:17px; object-fit:cover; }
.about-hospital-trust-badge {
    position:absolute;
    z-index:3;
    top:28px;
    right:4px;
    display:grid;
    width:112px;
    height:112px;
    place-items:center;
    border:5px solid #fff;
    border-radius:50%;
    background:#168f94;
    color:#fff;
    box-shadow:0 18px 38px rgba(16,45,84,.22);
}
.about-hospital-trust-badge svg {
    position:absolute;
    inset:6px;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    overflow:visible;
    animation:trusted-seal-spin 13s linear infinite;
}
.about-hospital-trust-badge svg text {
    fill:#fff;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:9.5px;
    font-weight:700;
    letter-spacing:1.25px;
}
.about-hospital-trust-badge > i { position:relative; z-index:1; font-size:27px; }
.about-hospital-content { max-width:610px; padding-left:15px; }
.about-hospital-content > p { margin-bottom:28px; color:#50677a; font-size:17px; line-height:1.8; }
.about-care-points {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
    margin-bottom:32px;
}
.about-care-points > div {
    display:flex;
    align-items:center;
    gap:11px;
    color:#183b57;
}
.about-care-points > div:last-child { grid-column:1 / -1; }
.about-care-points i {
    display:grid;
    flex:0 0 35px;
    width:35px;
    height:35px;
    place-items:center;
    border-radius:10px;
    background:#dff3f2;
    color:#168f94;
    box-shadow:0 8px 18px rgba(22,143,148,.12);
}
.about-page-banner {
    position:relative;
    background-position:center 55% !important;
    background-size:cover !important;
}
.about-page-banner::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(8,31,65,.94),rgba(8,31,65,.68) 52%,rgba(8,31,65,.38));
}
.about-page-banner .container { position:relative; z-index:1; }
.about-page-banner h1 { color:#fff !important; text-shadow:0 3px 16px rgba(0,0,0,.22); }
.about-profile-section { padding-top:95px; padding-bottom:95px; }
.about-profile-section .content-wrapper.style-6 { align-items:center !important; }
.about-profile-section .content-info { padding-right:35px; }
.about-profile-section .content-media {
    overflow:hidden;
    padding:8px;
    border:1px solid rgba(16,45,84,.10);
    border-radius:80px 26px 26px 26px;
    background:#fff;
    box-shadow:0 28px 58px rgba(16,45,84,.15),-11px 11px 0 rgba(29,168,163,.10);
}
.about-profile-section .content-media .dz-media,
.about-profile-section .content-media img {
    width:100%;
    height:570px;
    border-radius:72px 19px 19px 19px;
    object-fit:cover;
}
.about-profile-section .content-media img.about-doctor-portrait {
    object-position:center 16%;
}
.about-profile-section .list-check li { margin-bottom:14px; color:#26465f; }
.about-values-section {
    position:relative;
    height:auto !important;
    min-height:0 !important;
    padding-top:95px;
    padding-bottom:75px;
    overflow:visible !important;
}
.about-values-section::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(12,38,82,.98),rgba(18,80,102,.96));
}
.about-values-section::after {
    content:"";
    position:absolute;
    z-index:0;
    right:-120px;
    bottom:-145px;
    width:390px;
    height:390px;
    border:70px solid rgba(53,192,189,.08);
    border-radius:50%;
    box-shadow:0 0 90px rgba(53,192,189,.10);
}
.about-values-section > .container { position:relative; z-index:1; }
.about-values-section .section-head p { color:rgba(255,255,255,.84) !important; line-height:1.8; }
.about-values-section .dz-media {
    overflow:hidden;
    padding:6px;
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 24px 50px rgba(2,15,38,.30);
}
.about-values-section .dz-media img { border-radius:19px; object-fit:cover; }
.about-values-section .row.align-items-center { margin-bottom:42px; }
.about-values-section .section-head { margin-bottom:0 !important; }
.about-values-section .section-head .title { margin-bottom:22px; }
.about-values-section .about-core-values-row {
    position:relative;
    z-index:2;
    align-items:stretch;
    margin-top:12px;
    padding-top:38px;
    border-top:1px solid rgba(255,255,255,.18);
}
.about-values-section .about-core-values-row > div { display:flex; }
.about-care-focus {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin:-2px 0 34px;
    padding:20px 24px;
    border-top:1px solid rgba(255,255,255,.20);
    border-bottom:1px solid rgba(255,255,255,.20);
}
.about-care-focus h3 { margin:0; color:#fff; font-size:22px; }
.about-care-focus-list { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; }
.about-care-focus-list span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    border-radius:10px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:14px;
    font-weight:600;
}
.about-care-focus-list i { color:#d9fffb; }
.about-values-section .content-bx.style-2 {
    width:100%;
    min-height:205px;
    margin:0;
    padding:30px;
    border:1px solid rgba(255,255,255,.13) !important;
    background:#fff !important;
    backdrop-filter:blur(10px);
    box-shadow:0 22px 48px rgba(2,18,47,.22) !important;
}
.about-values-section .content-bx.style-2:hover {
    box-shadow:0 28px 58px rgba(2,18,47,.30) !important;
    transform:translateY(-5px);
}
.about-values-section .content-bx .title { color:#126773 !important; }
.about-values-section .content-bx .text { color:#536d7e !important; }
.about-values-section .content-bx.style-2 { border-top:4px solid #1da8a3 !important; }
.about-values-section .content-bx.style-2.active { border-top-color:#ed3147 !important; }
.about-mvv-section {
    position:relative;
    padding-top:95px;
    padding-bottom:95px;
    overflow:hidden;
    background:linear-gradient(135deg,#fff 0%,#f5f9fb 100%) !important;
}
.about-mvv-section .section-head .small { max-width:720px; color:#587084; font-size:16px; line-height:1.75; }
.about-mvv-section .icon-bx-wraper.style-2 {
    min-height:132px;
    padding:22px 25px;
    border:1px solid #dce8ec;
    border-radius:18px;
    background:linear-gradient(135deg,#fff 0%,#f3f7fa 100%) !important;
    box-shadow:0 14px 32px rgba(16,45,84,.07);
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.about-mvv-section .icon-bx-wraper.style-2:hover {
    border-color:#b8d8da;
    box-shadow:0 20px 40px rgba(16,45,84,.11);
    transform:translateY(-4px);
}
.about-mvv-section .icon-bx-wraper.style-2 .icon-bx {
    display:grid;
    flex:0 0 72px;
    width:72px;
    height:72px;
    padding:12px;
    place-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:linear-gradient(145deg,#102d59,#174e69) !important;
    box-shadow:0 12px 24px rgba(16,45,89,.18);
}
.about-mvv-section .icon-bx-wraper.style-2 .icon-bx svg { width:48px; height:48px; }
.about-mvv-section .icon-bx-wraper.style-2 .icon-bx svg path[fill="var(--bs-primary)"] { fill:#35c0bd !important; }
.about-mvv-section .icon-bx-wraper.style-2 .icon-bx svg path[fill="var(--bs-secondary)"] { fill:#f04458 !important; }
.about-mvv-section .icon-bx-wraper.style-2 .dz-title { color:#123f5a !important; }
.about-mvv-section .icon-bx-wraper.style-2 p { margin:0; color:#587084 !important; line-height:1.65; }
.about-mvv-section > .container > .row > .col-lg-5 .dz-media {
    overflow:hidden;
    height:620px;
    padding:7px;
    border:1px solid rgba(16,45,84,.10);
    border-radius:90px 26px 26px 26px;
    background:#fff;
    box-shadow:0 28px 58px rgba(16,45,84,.15),11px 11px 0 rgba(29,168,163,.09);
}
.about-mvv-section > .container > .row > .col-lg-5 .dz-media img {
    width:100%;
    height:100%;
    border-radius:82px 19px 19px 19px;
    object-fit:cover;
}
.about-doctor-section { padding-top:85px; padding-bottom:85px; }
.about-reviews-section {
    padding-top:90px;
    padding-bottom:95px;
    background:linear-gradient(135deg,#eef7f7 0%,#f8fafc 100%);
}
.about-review-intro { position:sticky; top:130px; max-width:650px; padding:35px 20px 35px 0; }
.about-review-intro .sub-title { color:#1a9195; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.about-review-intro h2 { margin:12px 0 20px; color:#102d59; font-size:clamp(40px,4vw,64px); line-height:1.06; }
.about-review-intro p { max-width:610px; color:#536b7d; font-size:17px; line-height:1.8; }
.about-review-rating { display:flex; align-items:center; gap:13px; margin:25px 0; color:#173f5c; }
.about-review-rating span { color:#f5a623; letter-spacing:3px; }
.about-review-sidebar {
    overflow:hidden;
    padding:22px;
    border:1px solid rgba(16,45,84,.10);
    border-radius:24px;
    background:#fff;
    box-shadow:0 25px 55px rgba(16,45,84,.14),10px 10px 0 rgba(29,168,163,.09);
}
.about-review-sidebar-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; padding:0 4px 14px; border-bottom:1px solid #e2ebee; }
.about-review-sidebar-head h3 { margin:0; color:#102d59; font-size:25px; }
.about-review-sidebar-head i { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:#eef6f6; color:#ed3147; }
.about-review-scroll { display:grid; max-height:530px; gap:12px; overflow-y:auto; padding-right:7px; scrollbar-color:#a9ced1 transparent; scrollbar-width:thin; }
.about-review-scroll article { padding:17px; border:1px solid #e0e9ed; border-radius:15px; background:#fafcfd; }
.about-review-scroll article > div { margin-bottom:7px; color:#f5a623; font-size:13px; letter-spacing:2px; }
.about-review-scroll article p { margin-bottom:9px; color:#526a7b; font-size:14px; line-height:1.6; }
.about-review-scroll article a { color:#143f67; font-weight:700; }
.about-testimonial-stage {
    position:relative;
    min-height:520px;
    padding:25px 70px 35px;
    overflow:hidden;
    text-align:center;
}
.about-testimonial-stage::before,
.about-testimonial-stage::after {
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.about-testimonial-stage::before {
    top:110px;
    left:3%;
    width:180px;
    height:180px;
    border:35px solid rgba(29,168,163,.07);
}
.about-testimonial-stage::after {
    right:4%;
    bottom:35px;
    width:125px;
    height:125px;
    background:radial-gradient(circle at 35% 35%,rgba(237,49,71,.12),rgba(237,49,71,.025) 70%);
}
.about-testimonial-stage .section-head { position:relative; z-index:3; margin-bottom:25px; }
.about-testimonial-stage .section-head .title { color:#15546d !important; }
.about-testimonial-slides {
    position:relative;
    z-index:2;
    min-height:265px;
    max-width:900px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(16,45,84,.10);
    border-radius:26px;
    background:linear-gradient(145deg,#fff,#f5f9fb);
    box-shadow:0 25px 55px rgba(16,45,84,.13),10px 10px 0 rgba(29,168,163,.08);
}
.about-testimonial-slides::before {
    content:"“";
    position:absolute;
    top:-24px;
    left:28px;
    color:rgba(29,168,163,.12);
    font-family:"DM Serif Display",serif;
    font-size:150px;
    line-height:1;
}
.about-testimonial-slide {
    position:absolute;
    inset:0;
    display:flex;
    visibility:hidden;
    opacity:0;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    transform:translateY(18px);
    transition:opacity .55s ease,transform .55s ease,visibility .55s;
}
.about-testimonial-slide.active { visibility:visible; opacity:1; transform:translateY(0); }
.about-testimonial-slide { padding:38px 70px; }
.about-testimonial-slide .review-stars { margin-bottom:18px; color:#f5a623; letter-spacing:4px; }
.about-testimonial-slide blockquote { margin:0 0 22px; color:#20556e; font-size:clamp(19px,1.7vw,27px); line-height:1.55; }
.about-testimonial-slide > a { color:#123f5a; font-family:"DM Serif Display",serif; font-size:20px; font-weight:600; }
.testimonial-orbit { position:absolute; z-index:1; inset:0; pointer-events:none; }
.orbit-person {
    position:absolute;
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    border:5px solid #fff;
    border-radius:50%;
    background:linear-gradient(145deg,#dceff0,#b8d8da);
    color:#143f67;
    font-size:13px;
    font-weight:800;
    box-shadow:0 15px 34px rgba(16,45,84,.15);
    pointer-events:auto;
    animation:review-avatar-float 5s ease-in-out infinite;
    transition:background .3s ease,color .3s ease,transform .3s ease;
}
.orbit-person.active { background:linear-gradient(145deg,#ed3147,#b51f33); color:#fff; transform:scale(1.12); }
.orbit-1 { top:25px; left:15%; }
.orbit-2 { top:55px; right:13%; animation-delay:-1s; }
.orbit-3 { top:48%; left:2%; animation-delay:-2s; }
.orbit-4 { top:52%; right:2%; animation-delay:-3s; }
.orbit-5 { bottom:30px; left:12%; animation-delay:-4s; }
@keyframes review-avatar-float { 0%,100% { margin-top:0; } 50% { margin-top:-12px; } }
.testimonial-controls { position:relative; z-index:3; display:flex; align-items:center; justify-content:center; gap:17px; margin-top:15px; }
.testimonial-controls > button { display:grid; width:42px; height:42px; place-items:center; border:1px solid #cfe0e5; border-radius:50%; background:#fff; color:#168f94; }
.testimonial-dots { display:flex; gap:8px; }
.testimonial-dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#bdd3da; }
.testimonial-dots button.active { width:24px; border-radius:10px; background:#ed3147; }
.testimonial-google-link { position:relative; z-index:3; display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:#15546d; font-weight:700; }
@media (max-width:991px) {
    .about-testimonial-stage { min-height:520px; padding-right:35px; padding-left:35px; }
}
@media (max-width:575px) {
    .about-testimonial-stage { min-height:555px; padding:15px 4px 25px; }
    .about-testimonial-slides { min-height:310px; border-radius:20px; }
    .about-testimonial-slide { padding:32px 22px; }
    .about-testimonial-slide blockquote { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
    .orbit-person { animation:none !important; }
}

/* Clinic gallery: preserve every original photograph without forced cropping */
.clinic-gallery-section { background:linear-gradient(135deg,#f7fafc,#eef4f8) !important; }
.clinic-gallery-section .section-head { max-width:760px; margin-right:auto; margin-bottom:42px; margin-left:auto; }
.clinic-gallery-section .section-head .title { color:#102d59 !important; }
.clinic-gallery-section .section-head p { color:#587084; }
.clinic-gallery-section .clinic-gallery {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin:0;
}
.clinic-gallery-section .clinic-gallery > [class*="col-"] {
    display:block;
    width:100%;
    margin:0;
    padding:0;
}
.clinic-gallery-section .clinic-gallery .gallery-card {
    display:block;
    min-height:0;
    overflow:hidden;
    border:1px solid rgba(16,45,84,.10);
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 34px rgba(16,45,84,.09);
}
.clinic-gallery-section .clinic-gallery .gallery-card img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    min-height:0;
    max-height:none;
    object-fit:cover;
    object-position:center !important;
    background:#e8eef3;
}
.clinic-gallery-section .clinic-gallery .gallery-card span {
    position:static;
    display:block;
    padding:15px 17px 16px;
    color:#143f67;
    font-size:14px;
    font-weight:700;
    background:#fff;
}
@media (max-width:991px) {
    .clinic-gallery-section .clinic-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575px) {
    .clinic-gallery-section .clinic-gallery { grid-template-columns:1fr; }
}

/* Contact page — structured, high-contrast hospital layout */
.contact-page-banner { position:relative; background-position:center 45% !important; }
.contact-page-banner::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(8,31,65,.94),rgba(8,31,65,.62));
}
.contact-page-banner .container { position:relative; z-index:1; }
.contact-page-banner h1 { color:#fff !important; }
.contact-details-section { padding-top:75px; padding-bottom:65px; background:linear-gradient(135deg,#f7fafc,#edf5f6) !important; }
.contact-details-section > .container > .row {
    display:grid;
    grid-template-columns:1.65fr repeat(3,1fr);
    gap:18px;
}
.contact-details-section > .container > .row > [class*="col-"] { width:auto; margin:0; padding:0; }
.contact-details-section .icon-bx-wraper.style-5 {
    height:100%;
    min-height:235px;
    padding:26px 22px;
    border:1px solid rgba(16,45,84,.09);
    border-radius:20px;
    background:#fff !important;
    box-shadow:0 15px 35px rgba(16,45,84,.08);
}
.contact-details-section .icon-bx-wraper.style-5:hover { transform:translateY(-5px); box-shadow:0 22px 42px rgba(16,45,84,.13); }
.contact-details-section .icon-bx-wraper.style-5 .icon-bx {
    background:linear-gradient(145deg,#102d59,#175b6e) !important;
    box-shadow:0 10px 22px rgba(16,45,89,.18);
}
.contact-details-section .icon-content .dz-title { color:#143f67 !important; font-size:22px; }
.contact-details-section .icon-content p,
.contact-details-section .icon-content a { color:#536c7d !important; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.contact-form-section { padding-top:90px !important; padding-bottom:90px !important; background:#fff !important; }
.contact-form-card { align-items:stretch !important; }
.contact-form-card > [class*="col-"] { display:flex; }
.vidya-ultra-3d .contact-form-visual {
    width:100%;
    min-height:650px;
    padding:7px;
    overflow:hidden;
    border-radius:85px 25px 25px 25px;
    background:#fff;
    box-shadow:0 26px 55px rgba(16,45,84,.16),-10px 10px 0 rgba(29,168,163,.09);
}
.vidya-ultra-3d .contact-form-visual > img { width:100%; height:100%; min-height:636px; border-radius:77px 18px 18px 18px; object-fit:cover; }
.contact-visual-caption {
    right:28px !important;
    bottom:28px !important;
    left:28px !important;
    padding:24px !important;
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    background:rgba(8,31,65,.82) !important;
    backdrop-filter:blur(10px);
}
.vidya-ultra-3d .contact-form-panel {
    width:100%;
    min-height:650px;
    padding:48px;
    border:1px solid rgba(16,45,84,.09) !important;
    border-radius:25px;
    background:linear-gradient(145deg,#f7fafc,#edf5f6) !important;
    box-shadow:0 24px 52px rgba(16,45,84,.11);
}
.contact-form-panel .section-head .title { color:#102d59 !important; }
.contact-form-panel .section-head p { color:#60778a !important; }
.contact-form-panel .floating-underline {
    min-height:58px;
    overflow:hidden;
    border:1px solid #cadbe3 !important;
    border-radius:11px;
    background:#fff !important;
}
.contact-form-panel .floating-underline:focus-within { border-color:#168f94 !important; box-shadow:0 0 0 3px rgba(22,143,148,.10); }
.vidya-ultra-3d .contact-form-panel input,
.vidya-ultra-3d .contact-form-panel textarea { color:#173957 !important; -webkit-text-fill-color:#173957 !important; }
.contact-form-panel textarea { min-height:125px; padding-top:16px !important; }
.contact-form-panel .input-group-text { color:#168f94 !important; }
.contact-form-panel .btn-primary { min-height:56px; background:#ed3147 !important; box-shadow:0 12px 25px rgba(237,49,71,.20); }
.contact-map-section { padding:0 0 95px; background:#fff; }
.contact-map-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:25px; }
.contact-map-heading span { color:#168f94; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.contact-map-heading h2 { margin:7px 0 0; color:#102d59; font-size:clamp(34px,3.4vw,52px); }
.contact-map-section .map-wrapper {
    overflow:hidden;
    height:500px;
    border:7px solid #fff;
    border-radius:25px;
    box-shadow:0 24px 52px rgba(16,45,84,.14);
}
.contact-map-section .map-wrapper iframe { width:100%; height:100%; }
@media (max-width:1199px) {
    .contact-details-section > .container > .row { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px) {
    .vidya-ultra-3d .contact-form-visual,
    .vidya-ultra-3d .contact-form-panel { min-height:0; }
    .vidya-ultra-3d .contact-form-visual { height:520px; }
    .vidya-ultra-3d .contact-form-visual > img { min-height:506px; }
}
@media (max-width:575px) {
    .contact-details-section > .container > .row { grid-template-columns:1fr; }
    .contact-details-section .icon-bx-wraper.style-5 { min-height:0; }
    .vidya-ultra-3d .contact-form-visual { height:390px; border-radius:55px 20px 20px 20px; }
    .vidya-ultra-3d .contact-form-visual > img { min-height:376px; border-radius:48px 14px 14px 14px; }
    .vidya-ultra-3d .contact-form-panel { padding:30px 20px; }
    .contact-map-heading { align-items:flex-start; flex-direction:column; }
    .contact-map-section .map-wrapper { height:390px; }
}

/* Final contact text hierarchy and contrast */
.vidya-ultra-3d .contact-details-section > .container > .row {
    grid-template-columns:2fr .9fr 1.25fr 1.15fr;
}
.vidya-ultra-3d .contact-details-section .icon-bx-wraper.style-5 {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    justify-content:flex-start;
    padding:28px 24px;
    text-align:justify !important;
    text-align-last:left !important;
}
.vidya-ultra-3d .contact-details-section .icon-bx-wraper.style-5 .icon-bx {
    display:grid;
    flex:0 0 56px;
    width:56px;
    height:56px;
    margin:0 0 20px !important;
    place-items:center;
    border-radius:15px;
}
.vidya-ultra-3d .contact-details-section .icon-bx .icon-cell,
.vidya-ultra-3d .contact-details-section .icon-bx i { color:#fff !important; font-size:23px; }
.vidya-ultra-3d .contact-details-section .icon-content { width:100%; text-align:left !important; }
.vidya-ultra-3d .contact-details-section .icon-content .dz-title {
    margin:0 0 12px !important;
    color:#102d59 !important;
    font-family:"DM Serif Display",serif;
    font-size:25px;
    font-weight:400 !important;
    line-height:1.2;
}
.vidya-ultra-3d .contact-details-section .icon-content p,
.vidya-ultra-3d .contact-details-section .icon-content p.text-start,
.vidya-ultra-3d .contact-details-section .icon-content a {
    margin:0 !important;
    color:#435f74 !important;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:1.75;
    text-align:left !important;
    -webkit-text-fill-color:#435f74 !important;
}
.vidya-ultra-3d .contact-details-section .icon-content a:hover { color:#168f94 !important; -webkit-text-fill-color:#168f94 !important; }
.vidya-ultra-3d .contact-form-panel .section-head { margin-bottom:28px !important; text-align:left !important; }
.vidya-ultra-3d .contact-form-panel .section-head .title {
    margin-bottom:8px !important;
    color:#102d59 !important;
    font-family:"DM Serif Display",serif;
    font-size:clamp(42px,3.6vw,58px);
    font-weight:400 !important;
    line-height:1.05;
    text-shadow:none !important;
    -webkit-text-fill-color:#102d59 !important;
}
.vidya-ultra-3d .contact-form-panel .section-head p {
    color:#536c7f !important;
    font-size:16px;
    line-height:1.6;
    -webkit-text-fill-color:#536c7f !important;
}
.vidya-ultra-3d .contact-form-panel .floating-underline .form-control {
    background:#fff !important;
    color:#173957 !important;
    font-size:15px;
    -webkit-text-fill-color:#173957 !important;
}
.vidya-ultra-3d .contact-form-panel .floating-underline .form-control::placeholder {
    color:#526b7f !important;
    opacity:1 !important;
    -webkit-text-fill-color:#526b7f !important;
}
@media (max-width:1199px) {
    .vidya-ultra-3d .contact-details-section > .container > .row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575px) {
    .vidya-ultra-3d .contact-details-section > .container > .row { grid-template-columns:1fr; }
    .vidya-ultra-3d .contact-form-panel .section-head .title { font-size:40px; }
}

/* Remove the legacy dark form wrapper and keep one unified light card */
.vidya-ultra-3d .contact-form-panel {
    display:flex;
    align-items:center;
    padding:46px !important;
    background:#fff !important;
}
.vidya-ultra-3d .contact-form-panel .form-wrapper,
.vidya-ultra-3d .contact-form-panel .form-wrapper.bg-light,
.vidya-ultra-3d .contact-form-panel .form-body {
    width:100%;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#173957 !important;
    box-shadow:none !important;
}
.vidya-ultra-3d .contact-form-panel .form-wrapper::before,
.vidya-ultra-3d .contact-form-panel .form-wrapper::after { content:none !important; display:none !important; }
.vidya-ultra-3d .contact-form-panel .section-head { position:relative; padding-top:17px; }
.vidya-ultra-3d .contact-form-panel .section-head::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:48px;
    height:4px;
    border-radius:5px;
    background:linear-gradient(90deg,#ed3147,#1da8a3);
}
.vidya-ultra-3d .contact-form-panel form .row { --bs-gutter-x:0; }
.vidya-ultra-3d .contact-form-panel form [class*="m-b20"] { margin-bottom:14px !important; }
.vidya-ultra-3d .contact-form-panel .floating-underline {
    min-height:54px;
    border:1px solid #d5e1e7 !important;
    border-radius:10px !important;
    background:#f7f9fb !important;
    box-shadow:none !important;
}
.vidya-ultra-3d .contact-form-panel .floating-underline .form-control {
    min-height:52px;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.vidya-ultra-3d .contact-form-panel .floating-underline .input-group-text {
    width:50px;
    padding:0;
    justify-content:center;
    border:0 !important;
    background:transparent !important;
    color:#168f94 !important;
}
.vidya-ultra-3d .contact-form-panel .floating-underline textarea.form-control {
    min-height:120px;
    padding:16px 18px !important;
    resize:vertical;
}
.vidya-ultra-3d .contact-form-panel .btn-primary {
    min-height:54px;
    border-radius:10px;
    font-size:16px;
}
@media (max-width:575px) {
    .vidya-ultra-3d .contact-form-panel { padding:30px 20px !important; }
}

/* Final testimonial composition: compact editorial split layout */
.about-reviews-section {
    padding-top:90px;
    padding-bottom:90px;
    background:linear-gradient(135deg,#f7fafc 0%,#edf6f6 100%);
}
.about-testimonial-stage {
    display:grid;
    grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);
    grid-template-rows:auto auto 1fr;
    min-height:0;
    gap:18px 60px;
    padding:55px;
    overflow:visible;
    border:1px solid rgba(16,45,84,.09);
    border-radius:30px;
    background:#fff;
    box-shadow:0 28px 65px rgba(16,45,84,.12);
    text-align:left;
}
.about-testimonial-stage::before,
.about-testimonial-stage::after { content:none; display:none; }
.about-testimonial-stage .section-head {
    grid-column:1;
    grid-row:1;
    align-self:end;
    margin:0 !important;
    text-align:left !important;
}
.about-testimonial-stage .section-head .sub-title { margin-bottom:9px; color:#168f94 !important; }
.about-testimonial-stage .section-head .title {
    max-width:390px;
    margin:0;
    color:#102d59 !important;
    font-size:clamp(42px,4vw,64px);
    line-height:1.03;
}
.about-testimonial-slides {
    grid-column:2;
    grid-row:1 / 4;
    width:100%;
    min-height:350px;
    margin:0;
    border:0;
    border-radius:24px;
    background:linear-gradient(145deg,#102d59 0%,#155b6c 100%);
    box-shadow:0 22px 48px rgba(16,45,89,.22),9px 9px 0 rgba(29,168,163,.12);
}
.about-testimonial-slides::before {
    top:-23px;
    left:30px;
    color:rgba(255,255,255,.08);
    font-size:160px;
}
.about-testimonial-slide {
    align-items:flex-start;
    padding:55px 60px;
    text-align:left;
}
.about-testimonial-slide .review-stars { color:#ffd166; }
.about-testimonial-slide blockquote {
    margin-bottom:26px;
    color:#fff;
    font-size:clamp(21px,1.7vw,28px);
    line-height:1.55;
}
.about-testimonial-slide > a { color:#bce7e5; font-family:"Plus Jakarta Sans",sans-serif; font-size:17px; }
.testimonial-controls {
    grid-column:1;
    grid-row:2;
    justify-content:flex-start;
    margin:10px 0 0;
}
.testimonial-google-link {
    grid-column:1;
    grid-row:3;
    align-self:start;
    justify-self:start;
    margin-top:5px;
    padding:11px 16px;
    border-radius:10px;
    background:#eef6f6;
    color:#15546d;
}
@media (max-width:991px) {
    .about-testimonial-stage {
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto auto;
        gap:25px;
        padding:40px;
    }
    .about-testimonial-stage .section-head { grid-column:1; grid-row:1; text-align:center !important; }
    .about-testimonial-stage .section-head .title { max-width:none; }
    .about-testimonial-slides { grid-column:1; grid-row:2; min-height:330px; }
    .testimonial-controls { grid-column:1; grid-row:3; justify-content:center; margin:0; }
    .testimonial-google-link { grid-column:1; grid-row:4; justify-self:center; margin:0; }
}
@media (max-width:575px) {
    .about-reviews-section { padding-top:60px; padding-bottom:60px; }
    .about-testimonial-stage { padding:24px 15px; border-radius:22px; }
    .about-testimonial-slides { min-height:355px; }
    .about-testimonial-slide { padding:45px 25px 30px; }
}
@media (max-width:1199px) {
    .about-profile-section .content-info { padding-right:0; }
}
@media (max-width:991px) {
    .about-hospital-intro { padding-top:65px; padding-bottom:75px; }
    .about-hospital-content { max-width:680px; margin:25px auto 0; padding-left:0; text-align:center; }
    .about-hospital-content .section-head { margin-right:auto; margin-left:auto; }
    .about-care-points { max-width:580px; margin-right:auto; margin-left:auto; text-align:left; }
    .about-profile-section { padding-top:65px; padding-bottom:65px; }
    .about-profile-section .content-media { max-width:650px; margin:20px auto 0; }
    .about-profile-section .content-media .dz-media,
    .about-profile-section .content-media img { height:470px; }
    .about-mvv-section > .container > .row > .col-lg-5 .dz-media { height:470px; max-width:650px; margin:25px auto 0; }
    .about-values-section .row.align-items-center { margin-bottom:25px; }
    .about-values-section .content-bx.style-2 { min-height:0; }
    .about-care-focus { align-items:flex-start; flex-direction:column; }
    .about-care-focus-list { justify-content:flex-start; }
    .about-review-intro { position:relative; top:auto; padding-top:0; text-align:center; margin:0 auto; }
}
@media (max-width:575px) {
    .about-hospital-visual { min-height:420px; padding-right:20px; padding-bottom:45px; }
    .about-hospital-main-image { height:400px; border-radius:75px 75px 22px 22px; }
    .about-hospital-main-image img { border-radius:67px 67px 15px 15px; }
    .about-hospital-detail-image { width:145px; height:120px; }
    .about-hospital-trust-badge { top:15px; right:0; width:86px; height:86px; border-width:4px; }
    .about-hospital-trust-badge svg text { font-size:8.5px; }
    .about-hospital-trust-badge > i { font-size:22px; }
    .about-care-points { grid-template-columns:1fr; }
    .about-care-points > div:last-child { grid-column:auto; }
    .about-profile-section .content-media { border-radius:50px 20px 20px 20px; }
    .about-profile-section .content-media .dz-media,
    .about-profile-section .content-media img { height:350px; border-radius:43px 14px 14px 14px; }
    .about-values-section { padding-top:65px; padding-bottom:65px; }
    .about-mvv-section { padding-top:65px; padding-bottom:65px; }
    .about-mvv-section > .container > .row > .col-lg-5 .dz-media { height:360px; border-radius:55px 20px 20px 20px; }
    .about-mvv-section > .container > .row > .col-lg-5 .dz-media img { border-radius:48px 14px 14px 14px; }
}
@media (prefers-reduced-motion:reduce) {
    .about-hospital-trust-badge svg { animation:none !important; }
}
.home-services-section .service-preview-trigger:hover .dz-info .btn-link,
.home-services-section .service-preview-trigger.service-preview-active:hover .btn-link {
    background:#159a9b !important;
    color:#fff !important;
    transform:translateX(3px);
}

@media (min-width:768px) {
    .home-services-section .service-preview-trigger .dz-info {
        grid-template-columns:45px minmax(220px,.9fr) minmax(330px,1.35fr) 52px;
        column-gap:12px;
    }
}
@media (max-width:991px) {
    .home-services-section .service-preview-panel {
        position:relative;
        top:auto;
        width:min(100%,460px);
        height:390px;
        margin:0 auto 35px;
        transform:rotate(2deg);
    }
}
@media (max-width:767px) {
    .home-services-section { padding-top:60px; padding-bottom:60px; }
    .home-services-section .service-preview-panel { height:330px; }
    .vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger .dz-info,
    .vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger:hover .dz-info,
    .vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active .dz-info {
        min-height:0;
        padding:20px 10px;
    }
    .home-services-section .service-preview-trigger .dz-title,
    .home-services-section .service-preview-trigger .dz-title a { font-size:23px; }
}

/* Final testimonial layout override */
.about-reviews-section .about-testimonial-stage { display:block; max-width:1080px; min-height:0; margin:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; }
.about-reviews-section .about-testimonial-stage::before,.about-reviews-section .about-testimonial-stage::after { display:none; }
.about-reviews-section .about-testimonial-stage .section-head { display:block; margin:0 auto 38px !important; text-align:center !important; }
.about-reviews-section .about-testimonial-stage .section-head .title { max-width:none; }
.about-reviews-section .about-testimonial-slides { display:block; width:100%; max-width:920px; min-height:330px; margin:0 auto; border:1px solid #dfe8ee; border-radius:24px; background:#fff; box-shadow:0 22px 60px rgba(16,45,89,.10); }
.about-reviews-section .about-testimonial-slides::before { top:18px; left:34px; color:rgba(21,152,155,.11); font-size:118px; }
.about-reviews-section .about-testimonial-slides::after { content:"Google Review"; position:absolute; top:28px; right:30px; z-index:2; padding:8px 12px; border:1px solid #e3eaef; border-radius:999px; background:#f8fafb; color:#5a6f7f; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.about-reviews-section .about-testimonial-slide { align-items:center; justify-content:center; padding:62px 80px 48px; text-align:center; }
.about-reviews-section .about-testimonial-slide .review-stars { margin-bottom:22px; color:#e9a824; font-size:16px; letter-spacing:6px; }
.about-reviews-section .about-testimonial-slide blockquote { max-width:720px; margin:0 auto 28px; color:#203b55; font-family:"DM Serif Display",serif; font-size:clamp(21px,2vw,29px); line-height:1.5; }
.about-reviews-section .about-testimonial-slide > a { display:inline-flex; align-items:center; gap:11px; color:#102d59; font-family:"Plus Jakarta Sans",sans-serif; font-size:15px; font-weight:750; }
.about-reviews-section .about-testimonial-slide > a::before { content:attr(data-initial); display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:linear-gradient(145deg,#15989b,#116c80); color:#fff; font-size:13px; }
.about-reviews-section .testimonial-controls { display:flex; justify-content:center; margin:22px 0 0; }
.about-reviews-section .testimonial-google-link { display:inline-flex; margin-top:20px; padding:0; background:transparent; color:#526a7b; font-size:13px; }
@media (max-width:767px) {
    .about-reviews-section .about-testimonial-slides { min-height:370px; }
    .about-reviews-section .about-testimonial-slide { padding:70px 25px 40px; }
}

/* Premium blog article page */
.blog-detail-page .blog-detail-hero { position:relative; padding:88px 0 145px; overflow:hidden; background:linear-gradient(125deg,#0e2c50,#124f67 68%,#167f82); }
.blog-detail-page .blog-detail-hero::after { content:""; position:absolute; right:-130px; bottom:-235px; width:520px; height:520px; border:90px solid rgba(255,255,255,.045); border-radius:50%; }
.blog-detail-page .blog-back-link { position:relative; z-index:2; display:inline-flex; align-items:center; gap:8px; margin-bottom:46px; color:#cce4e7; font-size:14px; font-weight:650; }
.blog-detail-page .blog-detail-heading { position:relative; z-index:2; max-width:940px; }
.blog-detail-page .blog-detail-kicker { display:inline-block; margin-bottom:16px; color:#7edbd6; font-size:13px; font-weight:750; letter-spacing:.17em; text-transform:uppercase; }
.blog-detail-page .blog-detail-heading h1 { max-width:900px; margin:0 0 22px; color:#fff; font-family:"DM Serif Display",serif; font-size:clamp(42px,5vw,70px); font-weight:400; line-height:1.06; }
.blog-detail-page .blog-detail-heading > p { max-width:760px; margin-bottom:26px; color:#d8e7ec; font-size:18px; line-height:1.7; }
.blog-detail-page .blog-detail-meta { display:flex; flex-wrap:wrap; gap:14px 28px; color:#fff; font-size:14px; }
.blog-detail-page .blog-detail-meta span { display:inline-flex; align-items:center; gap:9px; }
.blog-detail-page .blog-detail-meta i { color:#7edbd6; }
.blog-detail-page .blog-detail-content { padding-top:0; padding-bottom:100px; background:#f5f8fa; }
.blog-detail-page .blog-detail-content > .container { position:relative; z-index:3; margin-top:-88px; }
.blog-detail-page .dz-blog.blog-single { overflow:hidden; border:1px solid #e0e8ed; border-radius:26px; background:#fff; box-shadow:0 25px 65px rgba(14,44,80,.11); }
.blog-detail-page .dz-blog.blog-single .dz-media { height:440px; margin:0; overflow:hidden; border-radius:0 !important; }
.blog-detail-page .dz-blog.blog-single .dz-media img { width:100%; height:100%; object-fit:cover; }
.blog-detail-page .dz-blog.blog-single .dz-info { padding:48px 55px 58px; }
.blog-detail-page .dz-post-text { color:#41586b; font-size:17px; line-height:1.85; }
.blog-detail-page .dz-post-text p { margin-bottom:24px; }
.blog-detail-page .dz-post-text h2,.blog-detail-page .dz-post-text h3,.blog-detail-page .dz-post-text h4 { margin:38px 0 16px; color:#102d59; font-family:"DM Serif Display",serif; line-height:1.2; }
.blog-detail-page .dz-post-text h2 { font-size:34px; }
.blog-detail-page .dz-post-text h3 { font-size:27px; }
.blog-detail-page .dz-post-text ul,.blog-detail-page .dz-post-text ol { margin:0 0 26px; padding-left:24px; }
.blog-detail-page .dz-post-text li { margin-bottom:10px; }
.blog-detail-page .side-bar { top:110px; }
.blog-detail-page .side-bar .widget-bx { padding:27px; overflow:hidden; border:1px solid #e0e8ed; border-radius:22px; box-shadow:0 18px 45px rgba(14,44,80,.08); }
.blog-detail-page .side-bar .widget-title { margin-bottom:22px; padding-bottom:14px; border-bottom:1px solid #e4ebef; }
.blog-detail-page .side-bar .widget-title .title { margin:0; color:#102d59; font-family:"DM Serif Display",serif; font-size:27px; }
.blog-detail-page .widget-post { display:grid; grid-template-columns:82px 1fr; gap:14px; padding:0 0 18px; margin:0 0 18px; border-bottom:1px solid #e8eef1; }
.blog-detail-page .widget-post:last-child { margin-bottom:0; padding-bottom:0; border:0; }
.blog-detail-page .widget-post .dz-media { width:82px; height:74px; border-radius:11px; }
.blog-detail-page .widget-post .dz-media img { width:100%; height:100%; object-fit:cover; }
.blog-detail-page .widget-post .post-date a { color:#15989b; font-size:11px; font-weight:700; }
.blog-detail-page .widget-post .title { margin:0; font-family:"Plus Jakarta Sans",sans-serif; font-size:14px; font-weight:700; line-height:1.4; }
.blog-detail-page .widget-post .title a { color:#203b55; }
@media (max-width:991px) { .blog-detail-page .side-bar { position:static !important; margin-top:18px; } }
@media (max-width:575px) {
    .blog-detail-page .blog-detail-hero { padding:48px 0 105px; }
    .blog-detail-page .blog-back-link { margin-bottom:30px; }
    .blog-detail-page .blog-detail-heading h1 { font-size:38px; }
    .blog-detail-page .blog-detail-heading > p { font-size:16px; }
    .blog-detail-page .blog-detail-content > .container { margin-top:-65px; }
    .blog-detail-page .dz-blog.blog-single .dz-media { height:255px; }
    .blog-detail-page .dz-blog.blog-single .dz-info { padding:30px 23px 36px; }
}

/* Final light blog-detail theme */
.blog-detail-page .blog-detail-hero { padding:72px 0 78px; border-bottom:1px solid #dce8ec; background:linear-gradient(135deg,#f7fbfc,#eef7f7 58%,#fdf7f7); }
.blog-detail-page .blog-detail-hero::before { content:""; position:absolute; top:-160px; right:6%; width:430px; height:430px; border:1px solid rgba(21,152,155,.12); border-radius:50%; }
.blog-detail-page .blog-detail-hero::after { right:-75px; bottom:-260px; width:420px; height:420px; border:72px solid rgba(220,42,61,.035); }
.blog-detail-page .blog-back-link { margin-bottom:36px; color:#567185; }
.blog-detail-page .blog-detail-kicker { margin-bottom:13px; color:#168f94; }
.blog-detail-page .blog-detail-heading { max-width:850px; }
.blog-detail-page .blog-detail-heading h1 { max-width:850px; margin-bottom:20px; color:#102d59; font-size:clamp(40px,4.2vw,62px); line-height:1.1; }
.blog-detail-page .blog-detail-heading > p { max-width:720px; margin-bottom:25px; color:#526a7b; font-size:17px; }
.blog-detail-page .blog-detail-meta { color:#3f5d72; }
.blog-detail-page .blog-detail-meta span { padding:8px 12px; border:1px solid #dce8ec; border-radius:999px; background:rgba(255,255,255,.72); }
.blog-detail-page .blog-detail-content { padding:72px 0 96px; background:#fff; }
.blog-detail-page .blog-detail-content > .container { margin-top:0; }
.blog-detail-page .blog-reading-grid { align-items:flex-start; --bs-gutter-x:44px; }
.blog-detail-page .dz-blog.blog-single { border:0; border-radius:20px; box-shadow:none; }
.blog-detail-page .dz-blog.blog-single .dz-media { height:430px; border:1px solid #dce7eb; border-radius:20px !important; box-shadow:0 18px 45px rgba(16,45,89,.09); }
.blog-detail-page .dz-blog.blog-single .dz-info { padding:42px 8px 10px; }
.blog-detail-page .dz-post-text { max-width:760px; color:#425b6d; font-family:"Plus Jakarta Sans",sans-serif; font-size:17px; line-height:1.9; }
.blog-detail-page .dz-post-text > p:first-child { padding-left:20px; border-left:3px solid #15989b; color:#284a60; font-size:19px; }
.blog-detail-page .side-bar .widget-bx { padding:25px; border:1px solid #dfe8ec; border-top:4px solid #15989b; border-radius:17px; background:#f8fbfc !important; box-shadow:none; }
.blog-detail-page .widget-post { grid-template-columns:76px minmax(0,1fr); gap:13px; }
.blog-detail-page .widget-post .dz-media { width:76px; height:70px; box-shadow:none; }
.blog-detail-page .widget-post .title { font-size:13px; }
@media (max-width:575px) {
    .blog-detail-page .blog-detail-hero { padding:42px 0 48px; }
    .blog-detail-page .blog-detail-heading h1 { font-size:36px; }
    .blog-detail-page .blog-detail-content { padding:38px 0 70px; }
    .blog-detail-page .blog-detail-content > .container { margin-top:0; }
    .blog-detail-page .dz-blog.blog-single .dz-media { height:245px; }
    .blog-detail-page .dz-blog.blog-single .dz-info { padding:28px 2px 0; }
}

/* Final doctor profile positioning fix */
.about-profile-section { overflow:hidden; }
.about-profile-section > .container { width:100%; max-width:1320px; padding-right:24px; padding-left:24px; }
.about-profile-section .content-wrapper.style-6 { display:flex !important; width:100% !important; max-width:100% !important; margin:0 !important; align-items:center !important; flex-wrap:wrap !important; }
.about-profile-section .content-wrapper.style-6 > [class*="col-"] { right:auto !important; left:auto !important; min-width:0; transform:none; }
.about-profile-section .content-info { max-width:580px; margin:0; padding:0 42px 0 0; }
.about-profile-section .content-media { width:100%; max-width:570px; margin:0 0 0 auto; }
.about-profile-section .content-media .dz-media,.about-profile-section .content-media img { display:block; width:100%; height:500px; object-fit:cover; }
@media (min-width:1200px) { .about-profile-section .content-wrapper.style-6 > .col-xl-6 { flex:0 0 50%; width:50%; max-width:50%; } }
@media (max-width:1199px) {
    .about-profile-section .content-wrapper.style-6 { gap:42px; }
    .about-profile-section .content-wrapper.style-6 > [class*="col-"] { flex:0 0 100% !important; width:100% !important; max-width:100% !important; }
    .about-profile-section .content-info { max-width:720px; margin:0 auto; padding:0; text-align:center; }
    .about-profile-section .content-info .list-check { max-width:600px; margin-right:auto; margin-left:auto; text-align:left; }
    .about-profile-section .content-media { max-width:620px; margin:0 auto; }
}
@media (max-width:575px) {
    .about-profile-section > .container { padding-right:16px; padding-left:16px; }
    .about-profile-section .content-media .dz-media,.about-profile-section .content-media img { height:340px; }
}

/* Doctor profile color system */
.about-profile-section {
    position:relative;
    background:linear-gradient(135deg,#f4f8fb 0%,#eef7f7 62%,#fafcfd 100%) !important;
    background-image:none !important;
}
.about-profile-section::before {
    content:"";
    position:absolute;
    top:-130px;
    left:-130px;
    width:340px;
    height:340px;
    border:55px solid rgba(21,152,155,.045);
    border-radius:50%;
    pointer-events:none;
}
.about-profile-section .content-info { position:relative; z-index:2; }
.about-profile-section .section-head .sub-title { color:#c82f43 !important; font-style:normal; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.about-profile-section .section-head .title { color:#102d59 !important; }
.about-profile-section .section-head p { color:#526a7b !important; }
.about-profile-section .section-head p strong { color:#123f5a !important; }
.about-profile-section .title-dashed-separator { color:#147f85 !important; }
.about-profile-section .title-dashed-separator::after { border-color:#bad9da !important; }
.about-profile-section .list-check li {
    padding:11px 14px 11px 40px;
    border:1px solid #dce8eb;
    border-radius:11px;
    background:rgba(255,255,255,.82);
    color:#29485f !important;
    box-shadow:0 7px 18px rgba(16,45,89,.045);
}
.about-profile-section .list-check li::before { left:13px; color:#15989b !important; }
.about-profile-section .contact-box .icon-bx { background:#e5f4f3 !important; color:#147f85 !important; }
.about-profile-section .contact-box span { color:#607689 !important; }
.about-profile-section .contact-box a { color:#102d59 !important; }
.about-profile-section .btn-primary { border-color:#dc2a3d !important; background:#dc2a3d !important; color:#fff !important; box-shadow:0 12px 25px rgba(220,42,61,.18); }
.about-profile-section .btn-primary:hover { border-color:#b82034 !important; background:#b82034 !important; }
.about-profile-section .content-media {
    border-color:#d8e5e9;
    background:#fff;
    box-shadow:0 24px 55px rgba(16,45,89,.13),-10px 10px 0 rgba(21,152,155,.10);
}

/* Final background for rebuilt doctor panel */
.about-profile-section { padding:100px 0; background:#eaf3f5 !important; background-image:none !important; }
@media (max-width:575px) { .about-profile-section { padding:65px 0; } }

/* Blog listing visibility, blog reading order, and contact caption contrast */
.blog-grid-page .content-inner { background:#f5f8fa !important; }
.blog-grid-page .content-inner > .container > .row > .col-12 > .row { row-gap:30px; }
.blog-grid-page .dz-card.style-4 { display:flex; height:100%; overflow:hidden; flex-direction:column; border:1px solid #dce7eb; border-radius:18px; background:#fff !important; box-shadow:0 14px 38px rgba(16,45,89,.08); }
.blog-grid-page .dz-card.style-4 .dz-media { display:block !important; width:100% !important; height:245px !important; min-height:245px !important; overflow:hidden; opacity:1 !important; visibility:visible !important; }
.blog-grid-page .dz-card.style-4 .dz-media img { display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; opacity:1 !important; visibility:visible !important; filter:none !important; }
.blog-grid-page .dz-card.style-4 .dz-info { display:flex; padding:27px; flex:1; flex-direction:column; background:#fff !important; }
.blog-grid-page .dz-card.style-4 .dz-title a { color:#123d5b !important; }
.blog-grid-page .dz-card.style-4 p { color:#5b7080 !important; }
.blog-grid-page .dz-card.style-4 .btn-link { margin-top:auto; color:#c82f43 !important; }

@media (min-width:992px) {
    .blog-detail-page .blog-reading-grid > .col-lg-4 { order:1 !important; }
    .blog-detail-page .blog-reading-grid > .col-lg-8 { order:2 !important; }
}
.blog-detail-page .widget-post .dz-media,
.blog-detail-page .widget-post .dz-media img { display:block !important; opacity:1 !important; visibility:visible !important; }

.contact-visual-caption {
    border:1px solid rgba(255,255,255,.78) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 16px 40px rgba(16,45,89,.17) !important;
    backdrop-filter:blur(12px);
}
.contact-visual-caption span { color:#c82f43 !important; }
.contact-visual-caption h2 { color:#102d59 !important; }
.contact-visual-caption p { color:#526a7b !important; }

/* Blog article color and quotation refinement */
.blog-detail-page .blog-detail-hero { background:linear-gradient(135deg,#f2f8f8 0%,#f8fbfc 55%,#fff5f6 100%); }
.blog-detail-page .blog-detail-content { background:#f8fafb; }
.blog-detail-page .dz-blog.blog-single { padding:18px; border:1px solid #e1e9ed; background:#fff; }
.blog-detail-page .dz-blog.blog-single .dz-info { padding-right:30px; padding-left:30px; }
.blog-detail-page .dz-post-text { color:#465f70; }
.blog-detail-page .dz-post-text > p:first-child { border-left-color:#15989b; color:#274960; }
.blog-detail-page .dz-post-text blockquote,
.blog-detail-page .dz-post-text .wp-block-quote {
    position:relative;
    margin:32px 0;
    padding:28px 78px 26px 30px;
    overflow:hidden;
    border:1px solid #cfe5e4;
    border-left:4px solid #15989b;
    border-radius:14px;
    background:#edf7f6 !important;
    box-shadow:none;
}
.blog-detail-page .dz-post-text blockquote p { margin-bottom:12px; color:#173e59 !important; font-family:"DM Serif Display",serif; font-size:22px; line-height:1.55; }
.blog-detail-page .dz-post-text blockquote cite { color:#c82f43 !important; font-size:13px; font-style:normal; font-weight:750; }
.blog-detail-page .dz-post-text blockquote i { position:absolute; right:24px; bottom:20px; color:rgba(21,152,155,.24) !important; font-size:48px; }
.blog-detail-page .side-bar .widget-bx { border-top-color:#c82f43; background:#fff !important; }
.blog-detail-page .side-bar .widget-title .title { color:#102d59; }
@media (max-width:575px) {
    .blog-detail-page .dz-blog.blog-single { padding:10px; }
    .blog-detail-page .dz-blog.blog-single .dz-info { padding-right:12px; padding-left:12px; }
    .blog-detail-page .dz-post-text blockquote { padding:24px 22px; }
    .blog-detail-page .dz-post-text blockquote i { display:none; }
}

/* Site-wide responsive stabilization */
html,body { max-width:100%; overflow-x:hidden; }
img,svg,video,iframe { max-width:100%; }
.page-wraper,.page-content,main,section { max-width:100%; }
.container,.container-fluid { min-width:0; }
.row > * { min-width:0; }

@media (max-width:1199px) {
    .site-header .inner-bar { min-height:82px; padding-right:22px; padding-left:22px; }
    .site-header .logo-header { width:145px; min-width:145px; }
    .site-header .logo-header img { width:100%; height:auto; max-height:68px; object-fit:contain; }
    .site-header .header-nav .nav > li > a { padding-right:10px; padding-left:10px; font-size:14px; }
    .site-header .item-call { display:none; }
    .site-header .item-btn .btn { padding:13px 17px; }
    .footer-top .row { row-gap:20px; }
}

@media (max-width:991px) {
    .site-header .main-bar,.site-header .sticky-header { background:#fff; }
    .site-header .inner-bar { display:flex; min-height:74px; padding:7px 18px; align-items:center; justify-content:space-between; }
    .site-header .logo-header { width:128px; min-width:128px; height:60px; margin:0; }
    .site-header .w3menu-toggler { display:block; margin-left:auto; }
    .site-header .extra-nav { display:none; }
    .site-header .header-nav { width:min(88vw,360px); }
    .site-header .header-nav .logo-header { width:145px; height:auto; margin:22px; }
    .site-header .header-nav .nav { width:100%; padding:8px 18px 24px; }
    .site-header .header-nav .nav > li { width:100%; border-bottom:1px solid #e7edf0; }
    .site-header .header-nav .nav > li > a { display:flex; min-height:50px; padding:13px 4px; align-items:center; color:#102d59 !important; font-size:15px; }
    .content-inner,.content-inner-1,.content-inner-2,.content-inner-3 { padding-top:65px; padding-bottom:65px; }
    .section-head { margin-bottom:32px; }
    .section-head .title { font-size:clamp(34px,6vw,48px); }
    .dz-bnr-inr,.dz-bnr-inr-sm { min-height:220px; height:auto; }
    .dz-bnr-inr-entry { height:220px; }
    .doctor-profile-panel { grid-template-columns:1fr; }
    .clinic-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .contact-page-layout,.contact-form-section .row { row-gap:32px; }
    .contact-form-visual,.contact-form-panel { height:auto; min-height:0; }
    .footer-top { padding-top:65px; padding-bottom:35px; }
    .site-footer .widget { margin-bottom:25px; }
}

@media (max-width:767px) {
    .container,.container-sm { width:100%; max-width:100%; padding-right:18px; padding-left:18px; }
    h1 { font-size:clamp(36px,10vw,48px); }
    h2 { font-size:clamp(31px,8vw,42px); }
    p { overflow-wrap:anywhere; }
    .btn { max-width:100%; white-space:normal; }
    .hero-banner .row,.banner-wrapper .row { row-gap:30px; }
    .hero-banner .banner-content,.hero-banner .content-info { padding-right:0 !important; padding-left:0 !important; text-align:left; }
    .hero-banner .banner-media,.hero-banner .dz-media { max-width:100%; margin-right:auto; margin-left:auto; }
    .about-care-points,.doctor-expertise-list { grid-template-columns:1fr !important; }
    .clinic-gallery-grid { grid-template-columns:1fr !important; }
    .gallery-card,.gallery-card img { width:100%; }
    .blog-grid-page .dz-card.style-4 .dz-media { height:220px !important; min-height:220px !important; }
    .blog-detail-page .blog-detail-meta { align-items:flex-start; flex-direction:column; gap:9px; }
    .blog-detail-page .blog-reading-grid { --bs-gutter-x:0; }
    .blog-detail-page .side-bar .widget-bx { padding:20px; }
    .about-testimonial-slides { width:100%; }
    .testimonial-controls { flex-wrap:wrap; }
    .contact-form-panel { padding:30px 22px !important; }
    .contact-form-panel input,.contact-form-panel textarea,.contact-form-panel select { width:100%; }
    .fixed-social-bar { right:50%; bottom:10px; left:auto; top:auto; display:flex; transform:translateX(50%); flex-direction:row; }
    .fixed-social-bar a { width:42px; height:42px; }
    .site-footer .footer-logo img { max-width:180px; }
    .site-footer .footer-bottom,.site-footer .copyright-text { text-align:center !important; }
    .site-footer .widget-getintouch a { overflow-wrap:anywhere; }
}

@media (max-width:575px) {
    .site-header .inner-bar { min-height:68px; padding-right:14px; padding-left:14px; }
    .site-header .logo-header { width:112px; min-width:112px; height:54px; }
    .content-inner,.content-inner-1,.content-inner-2,.content-inner-3 { padding-top:52px; padding-bottom:52px; }
    .section-head .title { font-size:34px; line-height:1.15; }
    .dz-bnr-inr,.dz-bnr-inr-sm,.dz-bnr-inr-entry { min-height:180px; height:180px; }
    .doctor-profile-visual,.doctor-profile-visual > img { min-height:350px; height:350px; }
    .doctor-profile-copy { padding:34px 20px 38px; }
    .doctor-credential { padding:11px 13px; }
    .doctor-credential strong { font-size:30px; }
    .about-testimonial-slide { padding-right:20px !important; padding-left:20px !important; }
    .contact-visual-caption { right:14px !important; bottom:14px !important; left:14px !important; padding:18px !important; }
    .contact-visual-caption h2 { font-size:25px; }
    .blog-detail-page .widget-post { grid-template-columns:70px minmax(0,1fr); }
    .blog-detail-page .widget-post .dz-media { width:70px; height:66px; }
    .site-footer .footer-top { padding-top:52px; }
}

@media (max-width:380px) {
    .container,.container-sm { padding-right:14px; padding-left:14px; }
    .site-header .logo-header { width:102px; min-width:102px; }
    .section-head .title { font-size:30px; }
    .fixed-social-bar a { width:38px; height:38px; }
}

/* Live hero repeat safeguard */
.hero-banner.style-1,.vidya-ultra-3d .hero-banner.style-1 { background-repeat:no-repeat !important; background-size:cover !important; }

/* Final mobile visibility and header correction */
@media (max-width:991px) {
    .vidya-ultra-3d .site-header .main-bar .inner-bar,
    .site-header .main-bar .inner-bar {
        display:flex !important;
        width:100% !important;
        min-height:72px !important;
        padding:6px 16px !important;
        align-items:center !important;
        justify-content:space-between !important;
        background:#fff !important;
    }
    .vidya-ultra-3d .site-header .main-bar .logo-header,
    .site-header .main-bar .logo-header {
        display:flex !important;
        flex:0 0 132px !important;
        width:132px !important;
        min-width:132px !important;
        max-width:132px !important;
        height:60px !important;
        margin:0 !important;
        padding:3px 5px !important;
        align-items:center;
        background:#fff !important;
    }
    .vidya-ultra-3d .site-header .main-bar .logo-header a,
    .site-header .main-bar .logo-header a { display:block; width:100%; }
    .vidya-ultra-3d .site-header .main-bar .logo-header img,
    .site-header .main-bar .logo-header img { display:block; width:100% !important; height:54px !important; object-fit:contain !important; }
    .vidya-ultra-3d .site-header .w3menu-toggler,
    .site-header .w3menu-toggler {
        position:relative !important;
        z-index:10002 !important;
        display:block !important;
        flex:0 0 46px !important;
        width:46px !important;
        height:46px !important;
        margin:0 0 0 auto !important;
        border:0 !important;
        border-radius:10px !important;
        background:#102d59 !important;
        box-shadow:0 8px 18px rgba(16,45,89,.18);
    }
    .vidya-ultra-3d .site-header .navicon span,
    .site-header .navicon span { display:block !important; height:2px !important; background:#fff !important; opacity:1 !important; }
    .vidya-ultra-3d .site-header .header-nav,
    .site-header .header-nav { z-index:10003 !important; background:#fff !important; box-shadow:14px 0 40px rgba(16,45,89,.18); }
    .vidya-ultra-3d .site-header .header-nav .nav > li > a,
    .site-header .header-nav .nav > li > a { color:#102d59 !important; background:#fff !important; }
    .vidya-ultra-3d .site-header .header-nav .nav > li > a:hover,
    .site-header .header-nav .nav > li > a:hover { color:#c82f43 !important; background:#f4f8fa !important; }
    .vidya-ultra-3d .hero-banner.style-1::before { background:rgba(8,20,35,.05) !important; backdrop-filter:none !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content {
        border:1px solid rgba(255,255,255,.18);
        background:linear-gradient(145deg,rgba(7,25,43,.91),rgba(22,42,60,.88)) !important;
        box-shadow:0 18px 45px rgba(4,17,31,.28);
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content .title { color:#fff !important; text-shadow:0 3px 13px rgba(0,0,0,.28) !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content p { color:#eef4f6 !important; }
    .vidya-ultra-3d main h2,.vidya-ultra-3d main h3,.vidya-ultra-3d main .title { color:#102d59; }
    .vidya-ultra-3d main p { color:#526a7b; }
}
@media (max-width:575px) {
    .vidya-ultra-3d .site-header .main-bar .inner-bar,.site-header .main-bar .inner-bar { min-height:68px !important; padding-right:12px !important; padding-left:12px !important; }
    .vidya-ultra-3d .site-header .main-bar .logo-header,.site-header .main-bar .logo-header { flex-basis:118px !important; width:118px !important; min-width:118px !important; max-width:118px !important; height:56px !important; }
    .vidya-ultra-3d .site-header .main-bar .logo-header img,.site-header .main-bar .logo-header img { height:50px !important; }
    .vidya-ultra-3d .hero-banner.style-1 { min-height:560px; background-position:62% center !important; }
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height:510px; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { margin:0 8px 10px !important; padding:27px 19px !important; border-radius:20px; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > .hero-two-line-title { font-size:clamp(34px,10.5vw,43px) !important; line-height:1.02; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content p { font-size:15px; line-height:1.65; }
}

/* Final cross-viewport layout system */
.vidya-ultra-3d .hero-banner.style-1 {
    background-image:linear-gradient(90deg,rgba(7,22,38,.91) 0%,rgba(8,27,45,.76) 38%,rgba(8,28,46,.22) 66%,rgba(8,25,41,.10) 100%),url('../images/hero-indian/vidya-clinic-hero-background-v1.png') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content {
    box-sizing:border-box;
    width:100% !important;
    max-width:700px !important;
}
.vidya-ultra-3d .hero-banner.style-1 .hero-content > p {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:590px !important;
    margin-right:0 !important;
    color:#edf3f5 !important;
    font-size:17px !important;
    line-height:1.72 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}
@media (min-width:1600px) {
    .vidya-ultra-3d .site-header .inner-bar { max-width:1680px; min-height:88px; }
    .vidya-ultra-3d .site-header .logo-header { flex-basis:160px; width:160px; min-width:160px; }
    .vidya-ultra-3d .site-header .nav > li > a { padding-right:16px; padding-left:16px; font-size:16px; }
    .vidya-ultra-3d .hero-banner.style-1 { min-height:760px; }
    .vidya-ultra-3d .hero-banner.style-1 .inner-wrapper { width:100%; max-width:1680px; margin:0 auto; }
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height:680px; }
    .vidya-ultra-3d .hero-banner.style-1 .row > .col-lg-6 { flex:0 0 56%; width:56%; max-width:56%; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { margin:0; padding:35px 40px !important; }
}
@media (min-width:1200px) and (max-width:1599px) {
    .vidya-ultra-3d .hero-banner.style-1 { min-height:690px; }
    .vidya-ultra-3d .hero-banner.style-1 .inner-wrapper { width:100%; max-width:1380px; margin:0 auto; }
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height:610px; }
    .vidya-ultra-3d .hero-banner.style-1 .row > .col-lg-6 { flex:0 0 56%; width:56%; max-width:56%; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { margin:0; padding:32px 30px !important; }
}
@media (min-width:992px) and (max-width:1199px) {
    .vidya-ultra-3d .hero-banner.style-1 { min-height:630px; }
    .vidya-ultra-3d .hero-banner.style-1 .row { min-height:560px; }
    .vidya-ultra-3d .hero-banner.style-1 .row > .col-lg-6 { flex:0 0 62%; width:62%; max-width:62%; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { margin:0; padding:30px 24px !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > p { max-width:520px !important; }
}
@media (max-width:991px) {
    .vidya-ultra-3d .hero-banner.style-1 { background-image:linear-gradient(180deg,rgba(7,23,40,.20),rgba(7,23,40,.35)),url('../images/hero-indian/vidya-clinic-hero-background-v1.png') !important; }
    .vidya-ultra-3d .hero-banner.style-1 .row > [class*="col-"] { flex:0 0 100%; width:100%; max-width:100%; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { width:auto !important; max-width:620px !important; margin-right:auto !important; margin-left:auto !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > p { max-width:540px !important; margin-right:auto !important; margin-left:auto !important; text-align:center !important; }
}
@media (max-width:575px) {
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { width:calc(100% - 16px) !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > p { width:100% !important; max-width:100% !important; font-size:15px !important; line-height:1.62 !important; }
}

/* Definitive mobile menu: full-screen and always visible when opened */
@media (max-width:991px) {
    body.fixed #W3Menu,
    #W3Menu.header-nav.show {
        position:fixed !important;
        z-index:2147483000 !important;
        inset:0 !important;
        display:block !important;
        width:100vw !important;
        max-width:100vw !important;
        height:100vh !important;
        height:100dvh !important;
        margin:0 !important;
        padding:76px 24px 30px !important;
        overflow-y:auto !important;
        visibility:visible !important;
        opacity:1 !important;
        transform:none !important;
        background:#fff !important;
    }
    body.fixed #W3Menu > .logo-header,
    #W3Menu.header-nav.show > .logo-header {
        display:none !important;
    }
    body.fixed #W3Menu .nav,
    #W3Menu.header-nav.show .nav {
        display:block !important;
        width:100% !important;
        max-width:520px !important;
        margin:0 auto !important;
        padding:12px 0 !important;
    }
    body.fixed #W3Menu .nav > li,
    #W3Menu.header-nav.show .nav > li {
        display:block !important;
        width:100% !important;
        margin:0 !important;
        border-bottom:1px solid #dfe8ec !important;
        visibility:visible !important;
        opacity:1 !important;
        transform:none !important;
    }
    body.fixed #W3Menu .nav > li > a,
    #W3Menu.header-nav.show .nav > li > a {
        display:flex !important;
        width:100% !important;
        min-height:58px !important;
        padding:15px 8px !important;
        align-items:center !important;
        color:#102d59 !important;
        background:#fff !important;
        font-family:"Plus Jakarta Sans",sans-serif !important;
        font-size:18px !important;
        font-weight:700 !important;
        line-height:1.3 !important;
        visibility:visible !important;
        opacity:1 !important;
    }
    body.fixed #W3Menu .nav > li > a::after,
    #W3Menu.header-nav.show .nav > li > a::after { display:none !important; }
    body.fixed #W3Menu .dz-social-icon,
    #W3Menu.header-nav.show .dz-social-icon { display:block !important; max-width:520px; margin:22px auto 0; }
    body.fixed .site-header .w3menu-toggler,
    .site-header .w3menu-toggler.open {
        position:fixed !important;
        z-index:2147483646 !important;
        top:12px !important;
        right:14px !important;
        margin:0 !important;
    }
    body.fixed .menu-close { z-index:2147482000 !important; }
}

/* Final responsive header actions (must remain after legacy responsive rules) */
@media (min-width:992px) and (max-width:1199px) {
    .site-header .inner-bar { min-height:76px !important; padding:6px 10px !important; }
    .site-header .logo-header { flex:0 0 100px !important; width:100px !important; min-width:100px !important; margin-right:6px !important; }
    .site-header .header-nav .nav > li > a { padding-right:5px !important; padding-left:5px !important; font-size:12px !important; white-space:nowrap !important; }
    .site-header .extra-nav { display:block !important; margin-left:5px !important; padding:0 !important; }
    .site-header .header-right { display:flex !important; align-items:center !important; gap:6px !important; }
    .site-header .item-call { display:block !important; }
    .site-header .item-call .widget-media { display:none !important; }
    .site-header .item-call .title { margin:0 !important; font-size:9px !important; line-height:1.1 !important; }
    .site-header .item-call a { font-size:11px !important; white-space:nowrap !important; }
    .site-header .item-btn .btn { min-width:0 !important; padding:10px 10px !important; font-size:11px !important; white-space:nowrap !important; }
}

@media (max-width:991px) {
    body.fixed #W3Menu .mobile-menu-actions,
    #W3Menu.header-nav.show .mobile-menu-actions {
        display:grid !important;
        width:100% !important;
        max-width:520px !important;
        margin:22px auto 0 !important;
        grid-template-columns:1fr 1fr;
        gap:12px;
    }
    #W3Menu .mobile-menu-actions a { display:flex !important; min-height:52px; padding:12px 16px; align-items:center; justify-content:center; gap:8px; border-radius:12px; font-size:14px; font-weight:750; text-align:center; }
    #W3Menu .mobile-call-action { border:1px solid #173e68; color:#173e68 !important; background:#eef5f7 !important; }
    #W3Menu .mobile-appointment-action { color:#fff !important; background:#d7354a !important; box-shadow:0 10px 22px rgba(200,47,67,.20); }
}

@media (max-width:430px) {
    body.fixed #W3Menu .mobile-menu-actions,
    #W3Menu.header-nav.show .mobile-menu-actions { grid-template-columns:1fr; }
}

/* Remove the green/white 3D ring from every internal page banner */
.vidya-ultra-3d .dz-bnr-inr::before,
.vidya-ultra-3d .dz-bnr-inr.style-1::before,
.dz-bnr-inr::before,
.dz-bnr-inr.style-1::before {
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    animation:none !important;
}

/* Small-screen header: complete navigation in a left sidebar */
@media (max-width:991px) {
    body.fixed #W3Menu,
    #W3Menu.header-nav.show {
        position:fixed !important;
        z-index:2147483000 !important;
        top:0 !important;
        right:auto !important;
        bottom:0 !important;
        left:0 !important;
        display:flex !important;
        width:min(88vw,380px) !important;
        max-width:380px !important;
        height:100vh !important;
        height:100dvh !important;
        padding:18px 20px 26px !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        visibility:visible !important;
        opacity:1 !important;
        transform:translateX(0) !important;
        flex-direction:column !important;
        background:#fff !important;
        box-shadow:18px 0 45px rgba(16,45,89,.22) !important;
    }
    #W3Menu.header-nav:not(.show) {
        left:0 !important;
        width:min(88vw,380px) !important;
        max-width:380px !important;
        transform:translateX(-105%) !important;
    }
    body.fixed #W3Menu > .logo-header,
    #W3Menu.header-nav.show > .logo-header {
        display:flex !important;
        flex:0 0 auto !important;
        width:132px !important;
        height:62px !important;
        margin:0 0 14px !important;
        padding:2px !important;
        align-items:center !important;
        background:#fff !important;
    }
    body.fixed #W3Menu > .logo-header img,
    #W3Menu.header-nav.show > .logo-header img {
        width:100% !important;
        height:58px !important;
        object-fit:contain !important;
    }
    body.fixed #W3Menu .nav,
    #W3Menu.header-nav.show .nav {
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
    }
    body.fixed #W3Menu .nav > li > a,
    #W3Menu.header-nav.show .nav > li > a {
        min-height:50px !important;
        padding:12px 6px !important;
        font-size:16px !important;
    }
    body.fixed #W3Menu .mobile-menu-actions,
    #W3Menu.header-nav.show .mobile-menu-actions {
        max-width:none !important;
        margin:18px 0 0 !important;
        grid-template-columns:1fr !important;
    }
    body.fixed .site-header .w3menu-toggler,
    .site-header .w3menu-toggler.open {
        top:12px !important;
        right:auto !important;
        left:min(calc(88vw - 58px),322px) !important;
    }
    body.fixed::after {
        position:fixed;
        z-index:2147481000;
        inset:0;
        content:"";
        background:rgba(7,22,38,.38);
        backdrop-filter:blur(2px);
    }
}

/* Final intermediate-width header visibility lock */
@media (min-width:1200px) {
    .site-header .extra-nav,.vidya-ultra-3d .site-header .extra-nav { display:block !important; flex:0 0 auto !important; }
    .site-header .header-right,.vidya-ultra-3d .site-header .header-right { display:flex !important; align-items:center !important; gap:14px !important; }
    .site-header .item-call,.vidya-ultra-3d .site-header .item-call,
    .site-header .item-btn,.vidya-ultra-3d .site-header .item-btn { display:block !important; visibility:visible !important; opacity:1 !important; }
}
@media (min-width:992px) and (max-width:1199px) {
    .site-header .inner-bar,.vidya-ultra-3d .site-header .inner-bar { display:flex !important; width:100% !important; flex-wrap:nowrap !important; }
    .site-header .header-nav,.vidya-ultra-3d .site-header .header-nav { display:block !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
    .site-header .header-nav .nav,.vidya-ultra-3d .site-header .header-nav .nav { display:flex !important; width:100% !important; flex-wrap:nowrap !important; }
    .site-header .extra-nav,.vidya-ultra-3d .site-header .extra-nav { display:block !important; flex:0 0 auto !important; margin-left:4px !important; visibility:visible !important; overflow:visible !important; }
    .site-header .header-right,.vidya-ultra-3d .site-header .header-right { display:flex !important; align-items:center !important; gap:5px !important; }
    .site-header .item-call,.vidya-ultra-3d .site-header .item-call,
    .site-header .item-btn,.vidya-ultra-3d .site-header .item-btn { display:block !important; visibility:visible !important; opacity:1 !important; }
    .site-header .item-btn .btn,.vidya-ultra-3d .site-header .item-btn .btn { display:flex !important; min-width:0 !important; padding:10px 9px !important; align-items:center !important; font-size:11px !important; }
}

/* Align Call and Appointment with the desktop navigation row */
@media (min-width:992px) {
    .site-header .inner-bar,
    .vidya-ultra-3d .site-header .inner-bar { align-items:center !important; }
    .site-header .extra-nav,
    .vidya-ultra-3d .site-header .extra-nav {
        align-self:stretch !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .site-header .extra-cell,
    .site-header .header-right,
    .vidya-ultra-3d .site-header .extra-cell,
    .vidya-ultra-3d .site-header .header-right {
        height:100% !important;
        margin:0 !important;
        align-items:center !important;
    }
    .site-header .header-right > .nav-item,
    .vidya-ultra-3d .site-header .header-right > .nav-item {
        display:flex !important;
        height:100% !important;
        margin:0 !important;
        align-items:center !important;
    }
    .site-header .info-widget.style-3,
    .vidya-ultra-3d .site-header .info-widget.style-3 {
        margin:0 !important;
        align-items:center !important;
    }
    .site-header .item-btn .btn,
    .vidya-ultra-3d .site-header .item-btn .btn {
        margin:0 !important;
        align-items:center !important;
        justify-content:center !important;
    }
}

/* Final featured-blog outline containment */
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) {
    box-sizing:border-box !important;
    height:auto !important;
    min-height:100% !important;
    padding:18px 18px 22px !important;
    overflow:hidden !important;
    border:1px solid #dbe6ec !important;
    border-radius:22px !important;
    background:#fff !important;
}
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-media { width:100% !important; margin-bottom:24px !important; }
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-info { position:relative !important; width:100% !important; padding:0 4px 2px !important; }
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-meta,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .dz-title,
.content-wrapper.style-5 .dz-card.style-2:not(.blog-half) .icon-link-hover-end { position:relative !important; inset:auto !important; max-width:100% !important; }

/* Clean homepage Services layout on phones */
@media (max-width:575px) {
    .home-services-section {
        padding-top:46px !important;
        padding-bottom:50px !important;
        overflow:hidden !important;
    }
    .home-services-section > .container {
        width:100% !important;
        padding-right:18px !important;
        padding-left:18px !important;
    }
    .home-services-section .section-head {
        width:100% !important;
        margin:0 auto 26px !important;
        padding:0 8px !important;
    }
    .home-services-section .section-head .sub-title { font-size:16px !important; }
    .home-services-section .section-head .title {
        max-width:290px !important;
        margin:5px auto 0 !important;
        font-size:36px !important;
        line-height:1.08 !important;
    }
    .home-services-section .home-services-layout {
        width:100% !important;
        margin:0 !important;
        --bs-gutter-x:0 !important;
        --bs-gutter-y:24px !important;
    }
    .home-services-section .home-services-layout > [class*="col-"] {
        width:100% !important;
        padding-right:0 !important;
        padding-left:0 !important;
    }
    .home-services-section .service-preview-panel {
        position:relative !important;
        top:auto !important;
        width:100% !important;
        max-width:none !important;
        height:220px !important;
        margin:0 0 8px !important;
        padding:0 !important;
        overflow:hidden !important;
        border:1px solid #dce8eb !important;
        border-radius:18px !important;
        background:#eef4f4 !important;
        box-shadow:0 12px 28px rgba(15,60,78,.10) !important;
        transform:none !important;
    }
    .home-services-section .service-preview-panel img {
        width:100% !important;
        height:100% !important;
        border-radius:17px !important;
        object-fit:cover !important;
        object-position:center !important;
        transform:none !important;
    }
    .home-services-section .dz-tooltip-blog { width:100% !important; margin:0 !important; }
    .vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger,
    .home-services-section .dz-card.style-1.service-preview-trigger {
        width:100% !important;
        margin:0 !important;
        overflow:hidden !important;
    }
    .vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger .dz-info,
    .vidya-ultra-3d .home-services-section .dz-card.style-1.service-preview-trigger:hover .dz-info,
    .vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active .dz-info {
        display:grid !important;
        width:100% !important;
        min-height:0 !important;
        margin:0 !important;
        padding:18px 4px !important;
        grid-template-columns:38px minmax(0,1fr) 42px !important;
        gap:5px 8px !important;
        align-items:center !important;
    }
    .home-services-section .service-preview-trigger .small-title { grid-column:1; grid-row:1; margin:0 !important; font-size:21px !important; }
    .home-services-section .service-preview-trigger .dz-title { grid-column:2; grid-row:1; width:100% !important; margin:0 !important; }
    .home-services-section .service-preview-trigger .dz-title,
    .home-services-section .service-preview-trigger .dz-title a { font-size:21px !important; line-height:1.2 !important; overflow-wrap:anywhere; }
    .home-services-section .service-preview-trigger .dz-info > p {
        grid-column:1 / -1;
        grid-row:2;
        width:100% !important;
        min-height:0 !important;
        margin:4px 0 0 !important;
        font-size:13px !important;
        line-height:1.55 !important;
    }
    .home-services-section .service-preview-trigger .dz-info .btn-link {
        grid-column:3;
        grid-row:1;
        width:40px !important;
        height:40px !important;
        margin:0 !important;
        line-height:40px !important;
        justify-self:end;
    }

    .home-services-section .home-services-layout > .col-lg-4,
    .home-services-section .service-preview-panel {
        display:none !important;
    }
}

/* September content-update components */
.faq-contact-actions {
    display:flex;
    margin-top:18px;
    flex-wrap:wrap;
    gap:12px;
}
.faq-contact-actions a {
    display:inline-flex;
    min-height:46px;
    padding:11px 18px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:10px;
    font-weight:700;
    text-decoration:none;
}
.faq-whatsapp-btn { color:#fff !important; background:#18aa58; }
.faq-call-btn { color:#fff !important; background:#143c74; }
.feature-review-link {
    display:inline-flex;
    margin-top:12px;
    align-items:center;
    gap:6px;
    color:#b8283e !important;
    font-size:14px;
    font-weight:750;
    text-decoration:none;
}

@media (max-width:575px) {
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > .hero-two-line-title {
        font-size:clamp(32px,9.5vw,40px) !important;
        line-height:1.07 !important;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > .hero-two-line-title span {
        display:block !important;
        white-space:normal !important;
    }
    .faq-contact-actions { flex-direction:column; }
    .faq-contact-actions a { width:100%; }
    .premium-intro-badge svg text,
    .about-hospital-trust-badge svg text { font-size:8px !important; letter-spacing:.7px !important; }
}

/* Trust seal logo, non-overlapping service rows and equal readable feature cards */
.premium-intro-badge .trust-badge-logo,
.about-hospital-trust-badge .trust-badge-logo {
    position:relative;
    z-index:2;
    display:block;
    width:54%;
    height:54%;
    padding:5px;
    border-radius:50%;
    background:#fff;
    object-fit:contain;
    box-shadow:0 4px 12px rgba(5,43,68,.18);
}

@media (min-width:768px) {
    .home-services-section .service-preview-trigger .dz-info {
        display:grid !important;
        min-height:164px !important;
        height:164px !important;
        grid-template-columns:45px minmax(230px,1.15fr) minmax(220px,1fr) 52px !important;
        column-gap:14px !important;
        align-items:center !important;
    }
    .home-services-section .service-preview-trigger .dz-title {
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
    }
    .home-services-section .service-preview-trigger .dz-title a {
        display:block !important;
        font-size:clamp(21px,1.65vw,27px) !important;
        line-height:1.22 !important;
        white-space:normal !important;
    }
    .home-services-section .service-preview-trigger .dz-info > p {
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        line-height:1.55 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .home-services-section .service-preview-trigger .dz-info {
        grid-template-columns:38px minmax(190px,1.1fr) minmax(180px,1fr) 46px !important;
        column-gap:10px !important;
    }
}

.why-choose-section .row > [class*="col-sm-6"] {
    display:flex !important;
}
.why-choose-section .icon-bx-wraper.style-1,
.why-choose-section .icon-bx-wraper.style-1:hover {
    width:100% !important;
    min-height:340px !important;
    height:100% !important;
    border:1px solid #dbe6ee !important;
    background:#fff !important;
    box-shadow:0 14px 32px rgba(16,45,84,.08) !important;
    transform:translateY(0) !important;
}
.why-choose-section .icon-bx-wraper.style-1:hover {
    border-color:#9bcfd1 !important;
    box-shadow:0 18px 38px rgba(16,45,84,.13) !important;
    transform:translateY(-4px) !important;
}
.why-choose-section .icon-bx-wraper.style-1 .dz-title,
.why-choose-section .icon-bx-wraper.style-1 .dz-title a,
.why-choose-section .icon-bx-wraper.style-1:hover .dz-title,
.why-choose-section .icon-bx-wraper.style-1:hover .dz-title a {
    color:#102d59 !important;
    -webkit-text-fill-color:#102d59 !important;
}
.why-choose-section .icon-bx-wraper.style-1 p,
.why-choose-section .icon-bx-wraper.style-1:hover p {
    color:#526a7b !important;
    -webkit-text-fill-color:#526a7b !important;
    opacity:1 !important;
}
.why-choose-section .icon-bx-wraper.style-1 .icon-cell,
.why-choose-section .icon-bx-wraper.style-1:hover .icon-cell {
    color:#168f94 !important;
    background:#e7f5f5 !important;
}

@media (max-width:575px) {
    .why-choose-section .icon-bx-wraper.style-1,
    .why-choose-section .icon-bx-wraper.style-1:hover { min-height:0 !important; }
}

/* FAQ: keep every question aligned and prevent the heading from being clipped. */
.faq-vision-section {
    overflow:hidden !important;
    padding-top:90px !important;
}
.faq-vision-section .content-info.right,
.faq-vision-section #accordionExample {
    width:100% !important;
    max-width:100% !important;
}
.faq-vision-section .section-head {
    position:relative !important;
    z-index:2;
    overflow:visible !important;
    margin:0 0 34px !important;
    padding-top:8px !important;
    transform:none !important;
}
.faq-vision-section .section-head .title {
    overflow:visible !important;
    margin:0 !important;
    line-height:1.12 !important;
}
.faq-vision-section #accordionExample .accordion-item,
.faq-vision-section #accordionExample .accordion-item:nth-child(even),
.faq-vision-section #accordionExample .accordion-item:hover,
.faq-vision-section #accordionExample .accordion-item:has(.accordion-button:not(.collapsed)) {
    left:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 16px !important;
    transform:none !important;
}
.faq-vision-section #accordionExample .accordion-header,
.faq-vision-section #accordionExample .accordion-button,
.faq-vision-section #accordionExample .accordion-collapse {
    width:100% !important;
}
.faq-vision-section #accordionExample .accordion-button {
    min-height:82px;
}

@media (max-width:575px) {
    .faq-vision-section { padding-top:65px !important; }
    .faq-vision-section .section-head { margin-bottom:24px !important; }
    .faq-vision-section #accordionExample .accordion-item,
    .faq-vision-section #accordionExample .accordion-item:nth-child(even) {
        margin-right:0 !important;
        margin-left:0 !important;
    }
    .faq-vision-section #accordionExample .accordion-button { min-height:74px; }
}

/* Keep feature-card icons and links readable when a card is hovered. */
.why-choose-section .icon-bx-wraper.style-1 .icon-cell svg path,
.why-choose-section .icon-bx-wraper.style-1:hover .icon-cell svg path {
    fill:#1da8a3 !important;
    opacity:1 !important;
}
.why-choose-section .feature-review-link,
.why-choose-section .icon-bx-wraper.style-1:hover .feature-review-link {
    color:#b8283e !important;
    -webkit-text-fill-color:#b8283e !important;
    opacity:1 !important;
}
.why-choose-section .feature-review-link:hover {
    color:#102d59 !important;
    -webkit-text-fill-color:#102d59 !important;
}

/* Center the FAQ column with equal whitespace on both sides. */
@media (max-width:1199px) {
    .faq-vision-section .content-info.right {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:780px !important;
        margin-right:auto !important;
        margin-left:auto !important;
        padding-right:24px !important;
        padding-left:24px !important;
    }
    .faq-vision-section #accordionExample .accordion-body {
        box-sizing:border-box !important;
        width:100% !important;
        padding-right:78px !important;
        padding-left:78px !important;
        overflow:hidden !important;
    }
    .faq-vision-section #accordionExample .accordion-body p {
        width:100% !important;
        max-width:100% !important;
        margin-right:0 !important;
        margin-left:0 !important;
        overflow-wrap:anywhere;
        text-align:left !important;
    }
}

@media (max-width:575px) {
    .faq-vision-section .content-info.right {
        padding-right:15px !important;
        padding-left:15px !important;
    }
    .faq-vision-section #accordionExample .accordion-body {
        padding-right:18px !important;
        padding-left:18px !important;
    }
}

/* Final FAQ answer spacing: equal inset on desktop, tablet and mobile. */
.faq-vision-section #accordionExample .accordion-body {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:24px 78px 28px !important;
    overflow:visible !important;
}
.faq-vision-section #accordionExample .accordion-body p {
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    text-align:justify !important;
    text-align-last:left !important;
}

@media (max-width:767px) {
    .faq-vision-section #accordionExample .accordion-body {
        padding:18px 24px 22px !important;
    }
}

/* Service-detail navigation: readable titles, arrows and active state. */
.vidya-ultra-3d .service_menu_nav.light {
    box-sizing:border-box;
    width:100%;
    padding:30px 20px;
    background:#edf6f6 !important;
}
.vidya-ultra-3d .service_menu_nav .widget-title {
    margin-bottom:18px;
    padding:0 20px;
}
.vidya-ultra-3d .service_menu_nav.light .widget-title .title {
    color:#102d59 !important;
    -webkit-text-fill-color:#102d59 !important;
    opacity:1 !important;
}
.vidya-ultra-3d .service_menu_nav ul li a {
    display:flex !important;
    min-height:50px;
    padding:12px 48px 12px 20px !important;
    align-items:center;
    border-radius:10px !important;
    color:#147982 !important;
    -webkit-text-fill-color:#147982 !important;
    font-size:16px;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.vidya-ultra-3d .service_menu_nav ul li a::before {
    right:14px !important;
    transform:translateY(-50%) !important;
}
.vidya-ultra-3d .service_menu_nav ul li:hover a,
.vidya-ultra-3d .service_menu_nav ul li.current-menu-item a,
.vidya-ultra-3d .service_menu_nav ul li.active a {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:#ed001d !important;
}
.vidya-ultra-3d .service_menu_nav ul li:hover a::before,
.vidya-ultra-3d .service_menu_nav ul li.current-menu-item a::before,
.vidya-ultra-3d .service_menu_nav ul li.active a::before {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* Service benefits: never clip or hide a title/description line. */
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4,
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4:hover {
    box-sizing:border-box !important;
    min-height:92px !important;
    height:auto !important;
    padding:14px 22px 14px 0 !important;
    align-items:center !important;
    overflow:visible !important;
}
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4 .icon-content {
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:auto !important;
    overflow:visible !important;
}
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4 .dz-title,
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4:hover .dz-title {
    display:block !important;
    margin:0 0 6px !important;
    color:#102d59 !important;
    -webkit-text-fill-color:#102d59 !important;
    opacity:1 !important;
    visibility:visible !important;
}
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4 p,
.vidya-ultra-3d .service-single .icon-bx-wraper.style-4:hover p {
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    overflow:visible !important;
    color:#596779 !important;
    -webkit-text-fill-color:#596779 !important;
    opacity:1 !important;
    visibility:visible !important;
    white-space:normal !important;
    line-height:1.55 !important;
}

@media (max-width:575px) {
    .vidya-ultra-3d .service-single .icon-bx-wraper.style-4,
    .vidya-ultra-3d .service-single .icon-bx-wraper.style-4:hover {
        min-height:105px !important;
        padding-right:14px !important;
    }
}

/* ========================================================================== 
   Final site-wide responsive safety layer
   ========================================================================== */
html {
    width:100%;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
}
body,
.page-wraper,
.page-content,
main {
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}
*,
*::before,
*::after { box-sizing:border-box; }
img,
picture,
video,
canvas,
iframe { max-width:100%; }
.row > *,
[class*="col-"] { min-width:0; }
.vidya-ultra-3d main h1,
.vidya-ultra-3d main h2,
.vidya-ultra-3d main h3,
.vidya-ultra-3d main h4,
.vidya-ultra-3d main p,
.vidya-ultra-3d main a {
    max-width:100%;
    overflow-wrap:break-word;
}
.vidya-ultra-3d main .container,
.vidya-ultra-3d main .container-fluid {
    width:100%;
    max-width:1320px;
    margin-right:auto;
    margin-left:auto;
}
.vidya-ultra-3d main table {
    max-width:100%;
}

@media (max-width:1199px) {
    .vidya-ultra-3d main .container,
    .vidya-ultra-3d main .container-fluid {
        max-width:100% !important;
        padding-right:28px !important;
        padding-left:28px !important;
    }
    .vidya-ultra-3d .section-head .title,
    .vidya-ultra-3d .dz-bnr-inr h1 {
        font-size:clamp(38px,5vw,58px) !important;
        line-height:1.1 !important;
    }
    .vidya-ultra-3d .side-bar.sticky-top { top:100px; }
}

@media (max-width:991px) {
    .content-inner,
    .content-inner-1,
    .content-inner-2,
    .content-inner-3 { padding-top:72px !important; padding-bottom:72px !important; }

    .vidya-ultra-3d .site-header .inner-bar {
        display:flex !important;
        width:100% !important;
        min-height:70px !important;
        padding-right:18px !important;
        padding-left:18px !important;
        align-items:center !important;
        justify-content:space-between !important;
    }
    .vidya-ultra-3d .site-header .header-nav {
        width:min(88vw,360px) !important;
        max-width:100% !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }
    .vidya-ultra-3d .site-header .header-nav .nav,
    .vidya-ultra-3d .site-header .header-nav .nav > li,
    .vidya-ultra-3d .site-header .header-nav .nav > li > a {
        width:100% !important;
        max-width:100% !important;
    }

    .vidya-ultra-3d .hero-banner.style-1,
    .vidya-ultra-3d .hero-banner.style-1 .container-fluid,
    .vidya-ultra-3d .hero-banner.style-1 .inner-wrapper,
    .vidya-ultra-3d .hero-banner.style-1 .row {
        width:100% !important;
        max-width:100% !important;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content {
        box-sizing:border-box !important;
        width:calc(100% - 36px) !important;
        max-width:620px !important;
        margin-right:auto !important;
        margin-left:auto !important;
        overflow:hidden !important;
    }
    .hero-banner.style-1 .hero-content > .hero-two-line-title,
    .hero-banner.style-1 .hero-content > .hero-two-line-title > span {
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
    }
    .hero-banner.style-1 .hero-content > .hero-two-line-title {
        font-size:clamp(34px,7vw,52px) !important;
        line-height:1.08 !important;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > p {
        width:100% !important;
        max-width:520px !important;
        margin-right:auto !important;
        margin-left:auto !important;
    }

    .vidya-ultra-3d .side-bar,
    .vidya-ultra-3d .side-bar.sticky-top,
    .vidya-ultra-3d .service_menu_nav {
        position:static !important;
        width:100% !important;
        max-width:720px !important;
        margin-right:auto !important;
        margin-left:auto !important;
    }
    .service-preview-panel,
    .premium-intro-visual,
    .about-hospital-visual,
    .about-profile-section .content-media,
    .faq-vision-section .content-media,
    .why-choose-image,
    .doctor-profile-panel,
    .about-testimonial-stage,
    .about-testimonial-slides {
        width:100% !important;
        max-width:720px !important;
        margin-right:auto !important;
        margin-left:auto !important;
    }
}

@media (max-width:767px) {
    .vidya-ultra-3d main .container,
    .vidya-ultra-3d main .container-fluid {
        padding-right:20px !important;
        padding-left:20px !important;
    }
    .content-inner,
    .content-inner-1,
    .content-inner-2,
    .content-inner-3 { padding-top:58px !important; padding-bottom:58px !important; }

    .vidya-ultra-3d .section-head,
    .vidya-ultra-3d .section-head .title {
        width:100%;
        max-width:100%;
    }
    .vidya-ultra-3d .section-head .title,
    .vidya-ultra-3d .dz-bnr-inr h1,
    .blog-detail-page .blog-detail-heading h1 {
        font-size:clamp(32px,9vw,44px) !important;
        line-height:1.1 !important;
    }
    .vidya-ultra-3d .dz-bnr-inr,
    .vidya-ultra-3d .dz-bnr-inr .container { min-height:220px !important; }

    .vidya-ultra-3d .hero-banner.style-1 .container-fluid { padding:0 !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content {
        width:calc(100% - 28px) !important;
        margin:0 auto !important;
        padding:28px 22px !important;
        border-radius:22px !important;
    }
    .hero-banner.style-1 .hero-content > .hero-two-line-title {
        margin-bottom:22px !important;
        font-size:clamp(31px,9vw,42px) !important;
    }
    .hero-banner.style-1 .hero-content > .hero-two-line-title > span + span { margin-top:6px !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content > p {
        font-size:15px !important;
        line-height:1.65 !important;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content .btn {
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        white-space:normal !important;
    }

    .home-services-section .service-preview-panel { display:none !important; }
    .home-services-section .home-services-layout > [class*="col-"] { width:100% !important; }
    .service-preview-trigger .dz-info {
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) 44px !important;
        gap:10px !important;
        width:100% !important;
    }
    .service-preview-trigger .dz-title,
    .service-preview-trigger .dz-info p {
        grid-column:2 !important;
        white-space:normal !important;
    }
    .service-preview-trigger .btn-link { grid-column:3 !important; grid-row:1 / span 2 !important; }

    .blog-grid-page .dz-card,
    .services-page .dz-card,
    .clinic-gallery-section .gallery-card,
    .why-choose-section .icon-bx-wraper,
    .service-single .icon-bx-wraper {
        width:100% !important;
        max-width:100% !important;
    }
    .blog-detail-page .dz-post-text,
    .blog-detail-page .dz-post-text p,
    .service-single .content-item,
    .service-single .content-item p {
        width:100% !important;
        max-width:100% !important;
        overflow-wrap:break-word !important;
    }
    .vidya-ultra-3d main table {
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    input,
    select,
    textarea,
    button { max-width:100%; }
}

@media (max-width:575px) {
    .vidya-ultra-3d main .container,
    .vidya-ultra-3d main .container-fluid {
        padding-right:15px !important;
        padding-left:15px !important;
    }
    .vidya-ultra-3d .site-header .inner-bar {
        min-height:64px !important;
        padding-right:12px !important;
        padding-left:12px !important;
    }
    .vidya-ultra-3d .site-header .logo-header,
    .vidya-ultra-3d .site-header .main-bar .logo-header {
        flex:0 0 108px !important;
        width:108px !important;
        min-width:108px !important;
        max-width:108px !important;
    }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content {
        width:calc(100% - 24px) !important;
        padding:25px 18px !important;
    }
    .hero-banner.style-1 .hero-content > .hero-two-line-title {
        font-size:clamp(29px,9.2vw,38px) !important;
    }
    .fixed-social-bar {
        right:auto !important;
        bottom:10px !important;
        left:50% !important;
        width:max-content !important;
        max-width:calc(100% - 70px) !important;
        flex-direction:row !important;
        transform:translateX(-50%) !important;
    }
    .fixed-social-bar a { flex:0 0 auto; }
    .premium-intro-main img,
    .about-hospital-main img,
    .faq-clinic-image img,
    .why-choose-image > img { height:auto !important; min-height:0 !important; }
    .vidya-ultra-3d .service_menu_nav.light { padding:24px 14px !important; }
    .vidya-ultra-3d .service_menu_nav ul li a {
        padding:12px 44px 12px 14px !important;
        font-size:15px !important;
    }
}

@media (max-width:360px) {
    .vidya-ultra-3d main .container,
    .vidya-ultra-3d main .container-fluid {
        padding-right:12px !important;
        padding-left:12px !important;
    }
    .hero-banner.style-1 .hero-content > .hero-two-line-title { font-size:28px !important; }
    .vidya-ultra-3d .hero-banner.style-1 .hero-content { padding-right:15px !important; padding-left:15px !important; }
}

/* MCI certificate action inside the ophthalmologist credential card. */
.why-choose-section .mci-certificate-btn,
.why-choose-section .icon-bx-wraper.style-1:hover .mci-certificate-btn {
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    margin-top:12px;
    padding:10px 14px;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid #168f94;
    border-radius:9px;
    background:#e7f5f5 !important;
    color:#126e75 !important;
    -webkit-text-fill-color:#126e75 !important;
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-decoration:none;
    opacity:1 !important;
}
.why-choose-section .mci-certificate-btn:hover,
.why-choose-section .icon-bx-wraper.style-1:hover .mci-certificate-btn:hover {
    border-color:#102d59;
    background:#102d59 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

@media (max-width:575px) {
    .why-choose-section .mci-certificate-btn { width:100% !important; }
}

/* Separate clinic, achievement and event gallery presentation. */
.gallery-category-section { position:relative; }
.gallery-category-achievement { background:#fff !important; }
.gallery-category-event { background:linear-gradient(135deg,#f7fafc,#eef4f8) !important; }
.gallery-category-section .section-head .sub-title {
    color:#168f94 !important;
    font-size:13px;
    font-weight:750;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.gallery-category-achievement .clinic-gallery {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:940px;
    margin-right:auto !important;
    margin-left:auto !important;
}
.gallery-category-achievement .clinic-gallery .gallery-card img {
    height:620px !important;
    aspect-ratio:auto !important;
    padding:14px;
    object-fit:contain !important;
    background:#f4f0e8;
}
.gallery-empty-state {
    display:grid;
    min-height:180px;
    padding:32px;
    place-items:center;
    align-content:center;
    gap:10px;
    border:1px dashed #b9d7d9;
    border-radius:18px;
    background:#fff;
    color:#526a7b;
    text-align:center;
}
.gallery-empty-state i { color:#168f94; font-size:34px; }
.gallery-empty-state p { margin:0; text-align:center !important; }

@media (max-width:767px) {
    .gallery-category-achievement .clinic-gallery { grid-template-columns:1fr !important; }
    .gallery-category-achievement .clinic-gallery .gallery-card img { height:auto !important; max-height:680px; }
}

/* Homepage complete services list. */
.home-services-section .dz-tooltip-blog > [class*="col-"] { width:100%; }
.home-services-section .service-preview-trigger,
.home-services-section .service-preview-trigger:hover {
    width:100% !important;
    min-height:118px;
    margin:0 !important;
    transform:none !important;
}
.home-services-section .service-preview-trigger .dz-info {
    box-sizing:border-box;
    width:100% !important;
    min-height:118px;
    padding:20px !important;
    border-bottom:1px solid #dce7eb;
}
.home-services-section .service-preview-trigger .dz-title,
.home-services-section .service-preview-trigger .dz-title a {
    white-space:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.25 !important;
}
.home-services-section .service-preview-trigger .dz-info > p {
    text-align:left !important;
    line-height:1.55 !important;
}
.home-services-section .service-preview-trigger:last-child .dz-info { border-bottom-color:transparent; }

@media (min-width:1200px) {
    .home-services-section .service-preview-trigger .dz-info {
        grid-template-columns:42px minmax(0,1.3fr) minmax(0,1fr) 50px !important;
        column-gap:16px !important;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .home-services-section .service-preview-trigger .dz-info {
        grid-template-columns:38px minmax(0,1.25fr) minmax(0,1fr) 46px !important;
    }
}

@media (max-width:767px) {
    .home-services-section .service-preview-trigger,
    .home-services-section .service-preview-trigger .dz-info { min-height:0 !important; }
    .home-services-section .service-preview-trigger .dz-info {
        padding:18px 14px !important;
        align-items:start !important;
    }
    .home-services-section .service-preview-trigger .small-title { grid-column:1 !important; grid-row:1 !important; }
    .home-services-section .service-preview-trigger .dz-title { grid-column:2 !important; grid-row:1 !important; }
    .home-services-section .service-preview-trigger .dz-info > p { grid-column:2 / 4 !important; grid-row:2 !important; margin-top:8px !important; }
    .home-services-section .service-preview-trigger .btn-link { grid-column:3 !important; grid-row:1 !important; }
}

/* Refined complete-services showcase: compact editorial cards. */
.home-services-section {
    position:relative;
    background:linear-gradient(145deg,#fff 0%,#f5f9fa 55%,#eef5f6 100%) !important;
}
.home-services-section .home-services-layout { align-items:stretch !important; }
.home-services-section .dz-tooltip-blog > .col-12 {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.home-services-section .service-preview-panel {
    top:110px;
    height:clamp(500px,62vh,680px);
    border-radius:28px;
    transform:none;
    box-shadow:0 28px 65px rgba(16,45,84,.15),10px 10px 0 rgba(29,168,163,.09);
}
.home-services-section .service-preview-panel img { border-radius:21px; }
.home-services-section .service-preview-trigger,
.home-services-section .service-preview-trigger:hover {
    position:relative;
    min-height:235px !important;
    height:auto !important;
    overflow:hidden;
    border:1px solid #dce7eb !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(16,45,84,.07) !important;
    transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease !important;
}
.home-services-section .service-preview-trigger::after {
    position:absolute;
    right:-32px;
    bottom:-42px;
    width:115px;
    height:115px;
    content:"";
    border:18px solid rgba(29,168,163,.055);
    border-radius:50%;
    pointer-events:none;
}
.home-services-section .service-preview-trigger:hover,
.home-services-section .service-preview-trigger.service-preview-active {
    border-color:#9bcfd1 !important;
    box-shadow:0 18px 40px rgba(16,45,84,.12) !important;
    transform:translateY(-4px) !important;
}
.home-services-section .service-preview-trigger .dz-info {
    position:relative;
    z-index:1;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 46px !important;
    grid-template-rows:auto auto 1fr !important;
    min-height:235px !important;
    padding:24px 24px 30px !important;
    align-content:start;
    gap:11px 14px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
}
.home-services-section .service-preview-trigger .small-title {
    grid-column:1 !important;
    grid-row:1 !important;
    display:inline-grid;
    width:38px;
    height:30px;
    margin:0 !important;
    place-items:center;
    border-radius:9px;
    background:#e8f6f6;
    color:#168f94 !important;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:12px;
    font-weight:800;
}
.home-services-section .service-preview-trigger .dz-title {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    margin:0 !important;
    padding-right:32px;
    font-size:clamp(20px,1.55vw,25px) !important;
    line-height:1.22 !important;
}
.home-services-section .service-preview-trigger .dz-title a,
.home-services-section .service-preview-trigger:hover .dz-title a,
.home-services-section .service-preview-trigger.service-preview-active .dz-title a {
    color:#102d59 !important;
    -webkit-text-fill-color:#102d59 !important;
}
.home-services-section .service-preview-trigger .dz-info > p {
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    margin:0 !important;
    padding-right:12px;
    color:#587084 !important;
    -webkit-text-fill-color:#587084 !important;
    font-size:14px;
    line-height:1.65 !important;
    opacity:1 !important;
}
.home-services-section .service-preview-trigger .btn-link {
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid;
    width:42px;
    height:42px;
    margin:0 !important;
    place-items:center;
    align-self:start;
    justify-self:end;
    border-radius:12px;
    background:#edf7f7 !important;
    color:#168f94 !important;
}
.home-services-section .service-preview-trigger:hover .btn-link,
.home-services-section .service-preview-trigger.service-preview-active .btn-link {
    background:#168f94 !important;
    color:#fff !important;
}

@media (max-width:1199px) {
    .home-services-section .dz-tooltip-blog > .col-12 { gap:14px; }
    .home-services-section .service-preview-trigger,
    .home-services-section .service-preview-trigger:hover,
    .home-services-section .service-preview-trigger .dz-info { min-height:250px !important; }
    .home-services-section .service-preview-trigger .dz-info { padding:20px 20px 26px !important; }
}

@media (max-width:767px) {
    .home-services-section .dz-tooltip-blog > .col-12 { grid-template-columns:1fr; gap:14px; }
    .home-services-section .service-preview-trigger,
    .home-services-section .service-preview-trigger:hover,
    .home-services-section .service-preview-trigger .dz-info { min-height:0 !important; }
    .home-services-section .service-preview-trigger .dz-info { padding:20px 18px !important; }
    .home-services-section .service-preview-trigger .dz-title { padding-right:28px; font-size:21px !important; }
    .home-services-section .service-preview-trigger:hover,
    .home-services-section .service-preview-trigger.service-preview-active { transform:none !important; }
}

/* Royal service presentation aligned with the navy, teal and red brand theme. */
.vidya-ultra-3d .home-services-section {
    padding-top:105px !important;
    padding-bottom:110px !important;
    background:
        radial-gradient(circle at 8% 12%,rgba(29,168,163,.15),transparent 25%),
        radial-gradient(circle at 94% 88%,rgba(237,0,29,.08),transparent 28%),
        linear-gradient(135deg,#07182d 0%,#0d2947 52%,#081b32 100%) !important;
}
.vidya-ultra-3d .home-services-section::before {
    position:absolute;
    inset:20px;
    content:"";
    pointer-events:none;
    border:1px solid rgba(75,199,196,.18);
}
.vidya-ultra-3d .home-services-section .section-head { position:relative; z-index:1; margin-bottom:48px !important; }
.vidya-ultra-3d .home-services-section .section-head .sub-title {
    color:#55cbc7 !important;
    -webkit-text-fill-color:#55cbc7 !important;
    letter-spacing:.22em;
}
.vidya-ultra-3d .home-services-section .section-head .title {
    color:#fffaf0 !important;
    -webkit-text-fill-color:#fffaf0 !important;
    text-shadow:0 8px 24px rgba(0,0,0,.24) !important;
}
.vidya-ultra-3d .home-services-section .service-preview-panel {
    padding:9px;
    border:1px solid rgba(75,199,196,.68);
    background:#e7f5f5;
    box-shadow:0 30px 75px rgba(0,0,0,.35),12px 12px 0 rgba(29,168,163,.14);
}
.vidya-ultra-3d .home-services-section .service-preview-panel::before {
    position:absolute;
    inset:18px;
    z-index:2;
    content:"";
    pointer-events:none;
    border:1px solid rgba(224,255,253,.58);
    border-radius:16px;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger,
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover {
    border:1px solid rgba(29,168,163,.30) !important;
    background:linear-gradient(145deg,#fff,#f0f8f8) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.20) !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger::before {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:4px;
    content:"";
    background:linear-gradient(#146f78,#42c2be,#105f69);
    transform:none !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger::after {
    border-color:rgba(29,168,163,.08);
}
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active {
    border-color:#45b9b7 !important;
    background:linear-gradient(145deg,#fff,#e8f6f6) !important;
    box-shadow:0 22px 48px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.8) !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger .small-title {
    border:1px solid rgba(73,207,202,.34);
    background:#132f4c !important;
    color:#8ee1de !important;
    -webkit-text-fill-color:#8ee1de !important;
    box-shadow:0 7px 15px rgba(6,24,45,.16);
}
.vidya-ultra-3d .home-services-section .service-preview-trigger .dz-title,
.vidya-ultra-3d .home-services-section .service-preview-trigger .dz-title a,
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover .dz-title a,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active .dz-title a {
    color:#0b2947 !important;
    -webkit-text-fill-color:#0b2947 !important;
    font-family:"DM Serif Display",serif !important;
    font-weight:400 !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger .dz-info > p,
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover .dz-info > p {
    color:#536779 !important;
    -webkit-text-fill-color:#536779 !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger .btn-link {
    border:1px solid rgba(29,168,163,.38);
    background:#eaf7f7 !important;
    color:#168f94 !important;
    box-shadow:0 8px 18px rgba(16,93,99,.10);
}
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover .btn-link,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active .btn-link {
    border-color:#168f94;
    background:#168f94 !important;
    color:#fff !important;
}

@media (max-width:767px) {
    .vidya-ultra-3d .home-services-section { padding-top:70px !important; padding-bottom:72px !important; }
    .vidya-ultra-3d .home-services-section::before { inset:8px; }
    .vidya-ultra-3d .home-services-section .section-head { margin-bottom:32px !important; }
    .vidya-ultra-3d .home-services-section .service-preview-trigger,
    .vidya-ultra-3d .home-services-section .service-preview-trigger:hover { border-radius:15px !important; }
}

/* ============================================================
   Services section recolor: match the theme's own native color
   convention for this exact card component instead of inventing a
   new palette. The original .dz-card.style-1 .btn-link in style.css
   is simply `color: var(--bs-primary)` with a solid red fill on
   hover, and headings site-wide use var(--bs-heading-color) (navy).
   That's the pattern applied here -- plain white cards, no tinted
   background washes, red icon accent, navy text. Appended last so
   it wins over the earlier duplicated definitions above.
   ============================================================ */
.home-services-section .section-head .sub-title,
.vidya-ultra-3d .home-services-section .section-head .sub-title {
    color: var(--bs-primary) !important;
    -webkit-text-fill-color: var(--bs-primary) !important;
}
.home-services-section .section-head .sub-title::before,
.home-services-section .section-head .sub-title::after,
.vidya-ultra-3d .home-services-section .section-head .sub-title::before {
    background: var(--bs-primary) !important;
}
.home-services-section .section-head .title,
.vidya-ultra-3d .home-services-section .section-head .title {
    color: var(--bs-heading-color) !important;
    -webkit-text-fill-color: var(--bs-heading-color) !important;
}

.home-services-section .service-preview-trigger::after {
    display: none !important;
}
.home-services-section .service-preview-trigger:hover,
.home-services-section .service-preview-trigger.service-preview-active,
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active {
    border-color: var(--bs-primary) !important;
    background: #fff !important;
    box-shadow: 0 18px 40px rgba(16, 45, 84, 0.12) !important;
}

.home-services-section .service-preview-trigger .small-title,
.vidya-ultra-3d .home-services-section .service-preview-trigger .small-title {
    background: transparent !important;
    color: var(--bs-heading-color) !important;
    -webkit-text-fill-color: var(--bs-heading-color) !important;
    border: 0 !important;
}

.home-services-section .service-preview-trigger .btn-link,
.vidya-ultra-3d .home-services-section .service-preview-trigger .btn-link {
    background: transparent !important;
    color: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary) !important;
}
.home-services-section .service-preview-trigger:hover .btn-link,
.home-services-section .service-preview-trigger.service-preview-active .btn-link,
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover .btn-link,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active .btn-link {
    background: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
}

/* Dark-mode (.vidya-ultra-3d) variant, same convention. */
.home-services-section .service-preview-panel,
.vidya-ultra-3d .home-services-section .service-preview-panel {
    box-shadow: 0 28px 65px rgba(16, 45, 84, 0.15) !important;
}
.vidya-ultra-3d .home-services-section {
    background: linear-gradient(135deg, #07182d 0%, #0d2947 52%, #081b32 100%) !important;
}
.vidya-ultra-3d .home-services-section::before {
    border-color: rgba(237, 0, 29, 0.18) !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger::before {
    display: none !important;
}
.vidya-ultra-3d .home-services-section .service-preview-trigger:hover,
.vidya-ultra-3d .home-services-section .service-preview-trigger.service-preview-active {
    border-color: var(--bs-primary) !important;
}

/* ============================================================
   Services section restructure: the service list is now a narrow
   sidebar (single column, click-to-open) next to a larger preview
   image, instead of a 2-column card grid. Paired with the swapped
   col-lg-8/col-lg-4 columns in index.php and the click-to-navigate
   behavior in vidya-motion.js's initServicePreview().
   ============================================================ */
.home-services-section .services-sidebar-list > .col-12 {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}
.home-services-section .services-sidebar-list .service-preview-trigger,
.home-services-section .services-sidebar-list .service-preview-trigger:hover {
    min-height: 0 !important;
    height: auto !important;
    cursor: pointer;
}
.home-services-section .services-sidebar-list .service-preview-trigger .dz-info {
    min-height: 0 !important;
    padding: 16px 18px !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    gap: 4px 12px !important;
}
.home-services-section .services-sidebar-list .service-preview-trigger .dz-title {
    font-size: 17px !important;
}
.home-services-section .services-sidebar-list .service-preview-trigger .dz-info > p {
    display: none;
}
.home-services-section .services-sidebar-list .service-preview-trigger .btn-link {
    width: 34px;
    height: 34px;
}
.home-services-section .service-preview-panel {
    top: 110px;
    height: clamp(460px, 68vh, 640px);
}

@media (max-width: 991px) {
    .home-services-section .services-sidebar-list .service-preview-trigger .dz-info > p {
        display: block;
    }
}

/* ============================================================
   Services strip v3: a single horizontal row the visitor can drag
   or scroll through with a real, visible scrollbar. vidya-motion.js
   adds a gentle auto-advance of scrollLeft that pauses the instant
   the user touches, hovers, or manually scrolls it.
   ============================================================ */
.services-sidebar-scroll {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-bottom: 18px;
    scrollbar-width: thin;
    scrollbar-color: var(--bs-primary) #eee;
}
.services-sidebar-scroll::-webkit-scrollbar {
    height: 8px;
}
.services-sidebar-scroll::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 4px;
}
.services-sidebar-scroll::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
    border-radius: 4px;
}

.services-sidebar-track {
    display: flex;
    gap: 16px;
}
.services-sidebar-track .service-preview-trigger {
    flex: 0 0 auto;
    width: 280px;
    min-height: 0 !important;
    height: auto !important;
    cursor: pointer;
    border: 1px solid #e5e9f2;
    border-bottom: 1px solid #e5e9f2 !important;
    border-radius: 14px;
    padding-bottom: 0 !important;
    background: #fff;
    box-shadow: 0 10px 26px -18px rgba(16, 45, 84, 0.25);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.services-sidebar-track .service-preview-trigger:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 16px 32px -18px rgba(16, 45, 84, 0.3);
    transform: translateY(-3px);
}
.services-sidebar-track .service-preview-trigger .dz-info {
    min-height: 0 !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px !important;
}
.services-sidebar-track .service-preview-trigger .dz-title {
    font-size: 18px !important;
}
.services-sidebar-track .service-preview-trigger .btn-link {
    width: 34px;
    height: 34px;
    margin-top: 4px;
}

@media (max-width: 575px) {
    .services-sidebar-track .service-preview-trigger {
        width: 240px;
    }
}

/* ============================================================
   Services stepper v4: reference layout -- large photo with a stat
   badge on the left, a single-service card with up/down stepper
   buttons on the right. Text panels are pre-rendered per service and
   toggled by vidya-motion.js's initServicesStepper(); only the shared
   image swaps its src.
   ============================================================ */
.home-services-section .services-stepper {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 48px;
    align-items: center;
}

.home-services-section .services-stepper-media {
    position: relative;
}
.home-services-section .services-stepper-media img {
    width: 100%;
    height: clamp(380px, 46vw, 520px);
    object-fit: cover;
    border-radius: 22px;
    display: block;
}
.home-services-section .services-stepper-badge {
    position: absolute;
    right: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 22px;
    border-radius: 16px;
    background: #ff6b78;
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 16px 30px -12px rgba(255, 107, 120, 0.45);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home-services-section .services-stepper-badge:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 20px 36px -12px rgba(255, 107, 120, 0.55);
}
.home-services-section .services-stepper-badge i {
    font-size: 20px;
    margin-bottom: 2px;
}
.home-services-section .services-stepper-badge-label {
    font-size: 13px;
    font-weight: 600;
}
.home-services-section .services-stepper-badge-count {
    font-family: var(--font-family-title);
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.home-services-section .services-stepper-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.home-services-section .services-stepper-card {
    position: relative;
    flex: 1 1 auto;
    min-height: 260px;
    padding: 40px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 45px -25px rgba(16, 45, 84, 0.35);
}
.home-services-section .services-step {
    display: none;
}
.home-services-section .services-step.services-step-active {
    display: block;
    animation: vidyaStepFadeIn 0.4s ease;
}
@keyframes vidyaStepFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.home-services-section .services-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.home-services-section .services-step-top .small-title {
    font-family: var(--font-family-title);
    font-size: 22px;
    font-weight: 700;
    color: var(--bs-heading-color);
}
.home-services-section .services-step-icon {
    font-size: 26px;
    color: var(--bs-primary);
    opacity: 0.4;
}
.home-services-section .services-step .dz-title {
    margin-bottom: 12px;
    color: var(--bs-heading-color);
}
.home-services-section .services-step p {
    color: #5b6478;
    margin-bottom: 20px;
}
.home-services-section .services-step-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--bs-primary);
}
.home-services-section .services-step-link:hover {
    color: var(--bs-heading-color);
}

.home-services-section .services-stepper-nav {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.home-services-section .services-stepper-nav .services-stepper-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
}
.home-services-section .services-stepper-btn-prev {
    left: -64px;
}
.home-services-section .services-stepper-btn-next {
    right: -64px;
}
.home-services-section .services-stepper-btn {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #4a63b0;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 10px 20px -10px rgba(74, 99, 176, 0.5);
    transition: background-color 0.25s ease, transform 0.2s ease;
}
.home-services-section .services-stepper-btn:hover {
    background: #ff6b78;
    transform: translateY(-2px);
}

@media (max-width: 991px) {
    .home-services-section .services-stepper {
        grid-template-columns: 1fr;
    }
    .home-services-section .services-stepper-card {
        padding: 28px;
    }
    /* Stacked layout: the image is the first grid row, so center the
       buttons on the image's own height instead of the whole stack,
       and pull them back onto the image edges since there's no extra
       gutter room at this width. */
    .home-services-section .services-stepper-btn-prev,
    .home-services-section .services-stepper-btn-next {
        top: clamp(190px, 23vw, 260px);
    }
    .home-services-section .services-stepper-btn-prev {
        left: 16px;
    }
    .home-services-section .services-stepper-btn-next {
        right: 16px;
    }
}
@media (max-width: 575px) {
    .home-services-section .services-stepper-btn {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }
}

/* ============================================================
   Quick-action popover on the rotating "Trusted Eye Care" badge
   (homepage + About Us). Tapping/clicking it reveals Call,
   WhatsApp, Services, and Google Reviews shortcuts.
   ============================================================ */
.quick-action-badge {
    cursor: pointer;
}
.quick-action-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 20;
    width: 200px;
    margin-top: 14px;
    padding: 10px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 20px 45px -15px rgba(16, 45, 84, 0.4);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}
.quick-action-badge.quick-action-open .quick-action-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
.quick-action-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    color: var(--bs-heading-color);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.quick-action-menu a:hover {
    background: var(--bs-secondary-bg-subtle);
    color: var(--bs-primary);
}
.quick-action-menu a i {
    color: var(--bs-primary);
    font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
    .quick-action-menu {
        transition: none;
    }
}

/* Doctor profile: closing Sanskrit motto ("May all be free from
   illness"), presented as an elegant pull-quote rather than a plain
   line of text -- oversized decorative mark, serif italic, a small
   divider, and a quiet uppercase gloss underneath. */
.doctor-profile-motto {
    position: relative;
    margin: 32px 0 0;
    padding: 28px 30px 26px 42px;
    border-left: 3px solid #147f85;
    border-radius: 4px;
    background: linear-gradient(135deg, #f3fbfb 0%, #f8fafc 100%);
    overflow: hidden;
}
.doctor-profile-motto-mark {
    position: absolute;
    top: -18px;
    left: 8px;
    font-family: var(--font-family-title);
    font-size: 90px;
    line-height: 1;
    color: #147f85;
    opacity: 0.14;
    pointer-events: none;
}
.doctor-profile-motto-text {
    position: relative;
    margin: 0;
    font-family: var(--font-family-title);
    font-style: italic;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.5;
    color: #0f5b60;
}
.doctor-profile-motto-divider {
    display: block;
    width: 40px;
    height: 2px;
    margin: 14px 0 12px;
    background: #147f85;
    opacity: 0.5;
}
.doctor-profile-motto-gloss {
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a8a94;
}

@media (max-width: 575px) {
    .doctor-profile-motto {
        padding: 24px 20px 22px 30px;
    }
    .doctor-profile-motto-text {
        font-size: 19px;
    }
    .doctor-profile-motto-mark {
        font-size: 70px;
    }
}

/* Education & Experience list: one item per line, not the 2-column
   grid used for Clinical Expertise (these lines are longer). */
.doctor-education-list {
    grid-template-columns: 1fr;
}