@import url('rrr-responsive.css');

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.text-uppercase{
    text-transform: uppercase;
}

.newsletterBg{
    background-image: url(../images/subscribe_newsletter_bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    opacity: 1 !important;
}
.team_slider_bg{
    background-image: url(../images/team_carousel_bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    opacity: 1 !important;
}

.team_member_name{
    color: #fd7335;margin-bottom: 0;text-transform: uppercase;
}
.team_image{width:200px !important;height: 200px !important;}
.team_image img, .team_item_image img{border-radius: 100%; width: 100%;}

.project-carousel .team_image{margin: 0 auto;}

.h2_heading{
    font-weight: 800; margin-bottom: 30px; visibility: visible; animation-duration: 0.75s; animation-delay: 0.3s;
    color: #25236e;
}

.deeper-accordions.has-dark-bg .item .heading h6 {
    color: #000;
}

.deeper-accordions .item .heading .accordions-arrow {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: 0.3s;
    background-color: #eeeeee;
    border-radius: 50%;
}
.deeper-accordions .item .heading {
    position: relative;
    min-height: 26px;
    margin-bottom: 0;
    transition: 0.3s;
    padding-left: 0 !important;
}
.deeper-accordions .item .content {
    padding-left: 0px;
}

.deeper-accordions.has-dark-bg .item .heading h6:hover {
    opacity: 0.7;
    color: #000;
}


.octavian-pagination ul li .page-link {
    display: inline-block;
    font-size: 18px;
    line-height: 45px;
    width: 50px;
    height: 45px;
    border: 1px solid #ebebeb;
    color: #6a727f;
    text-align: center;
    overflow: hidden;
    transition: all ease 0.3s;
    border-radius: 5px;
}

.octavian-pagination ul li .page-link:hover,
.octavian-pagination ul li.page-item.active span {
    background-color: #4a44f2;
    border-color: #4a44f2;
    color: #fff;
}

#map{width:100%;height: 500px;}

.vc_custom_1592209781671{
    background-image: url('../images/newsletter_background.jpg') !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}

#panel_our_recognize .project-item{width:33%;float: left;padding:0 1%;}

#panel_our_recognize .project-item .project-image .text-wrap {
    opacity: 1;
    transform: translateY(0);
}
/*
#step_panel .vc_column-inner {
    -webkit-box-pack: top !important;
    -webkit-justify-content: top !important;
    -ms-flex-pack: top !important;
    justify-content: top !important;
} */
#nuturing_panel a{
    color:#000;
}


.what_offer_panel .heading span{color:#333333;}
.what_offer_panel > div{width:100% !important; max-width:1200px; margin-left:auto;margin-right:auto;float:none;}

.what_offer_panel .single-block .wpb_wrapper{/*background: #fff;*/padding-top:20px;padding-bottom:20px;}

#step_panel ul li span{color:#7b7b7b;}
::marker{color:#f48a34}

.what_offer_panel h3{margin-top:0;font-weight:800;margin-bottom:16px;font-size: 18px !important;}

.what_offer_panel .offer_icon{
width: 65px; height: 65px;
}
.what_offer_panel .offer_icon svg{height: 100%;}
#homeSlider a{
z-index:7;background:linear-gradient(90deg, #f68a34 0%, #e16a09 100%);font-family:Open Sans;
}

/* Header Site Logo Sizing - High Clarity */
#site-logo img {
    max-height: 82px;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

#site-logo-inner {
    max-width: 280px !important;
}

#site-header.fixed-hide #site-logo img {
    max-height: 60px;
}

@media (max-width: 991px) {
    #site-logo img {
        max-height: 64px;
    }
    #site-logo-inner {
        max-width: 235px !important;
    }
}

@media (max-width: 480px) {
    #site-logo img {
        max-height: 58px;
    }
    #site-logo-inner {
        max-width: 210px !important;
    }
}

/* ==============================================================
   HIGH CONTRAST & READABILITY COLOR FIXES (WCAG AA COMPLIANT)
   ============================================================== */

/* Ensure proper font weight and clear body text color across all pages */
body {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    color: #1e293b !important;
}

strong, b {
    font-weight: 700 !important;
}

/* Page Banner (Featured Title) & Breadcrumbs on dark banner image */
#featured-title {
    position: relative;
}
#featured-title::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.6); /* Dark tint so text is 100% readable */
    z-index: 0;
}
#featured-title .octavian-container {
    position: relative;
    z-index: 1;
}
#featured-title .main-title,
#featured-title h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
#featured-title #breadcrumbs,
#featured-title #breadcrumbs .breadcrumbs-inner,
#featured-title #breadcrumbs .breadcrumb-trail,
#featured-title #breadcrumbs a,
#featured-title #breadcrumbs span {
    color: #f8fafc !important;
    font-weight: 500;
}
#featured-title #breadcrumbs a:hover {
    color: #fd7335 !important;
}

/* Dark CTA Alert Cards (e.g. Consult Doctor CTA on condition pages) */
.alert[style*="linear-gradient"],
.alert[style*="#172133"],
.alert.text-center,
.service-content-card .alert {
    color: #ffffff !important;
}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5,
.service-content-card .alert h1,
.service-content-card .alert h2,
.service-content-card .alert h3,
.service-content-card .alert h4,
.service-content-card .alert h5 {
    color: #ffffff !important;
}
.alert[style*="linear-gradient"] p,
.alert[style*="#172133"] p,
.alert p.text-light,
.service-content-card .alert p,
.text-light {
    color: #f1f5f9 !important;
    opacity: 0.95;
}

/* Treatment Page Content High Contrast */
.service-content-card,
.service-content-card .text {
    color: #1e293b;
}
.service-content-card p.lead {
    color: #1e293b !important;
    font-weight: 450 !important;
}
.service-content-card p {
    color: #334155 !important;
    line-height: 1.75;
}
.service-content-card ul li {
    color: #1e293b !important;
    font-size: 15px;
    font-weight: 450;
    line-height: 1.85;
}
.service-content-card > h3,
.service-content-card > h4,
.service-content-card > h5,
.service-content-card .text > h3,
.service-content-card .text > h4,
.service-content-card .text > h5 {
    color: #0f172a !important;
}

/* Why We're Different & Feature Cards on About / Contact Pages */
.info-card p,
.why-card p {
    color: #334155 !important;
    font-weight: 400 !important;
    line-height: 1.65;
}

/* Service Card / Treatment Grid Cards Text */
.octavian-service-item p,
.service-card p,
.service-box p {
    color: #334155 !important;
    line-height: 1.65;
}

/* Review Cards & Testimonials High Contrast */
.star-review-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}
.star-review-text {
    color: #1e293b !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}
.testimonial-card p {
    color: #1e293b !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Form Input & Placeholder Styling */
input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
input, textarea, select {
    color: #0f172a !important;
    font-weight: 500 !important;
}

/* ==============================================================
   FOOTER OPD TIMINGS & FOOTER CONTRAST ENHANCEMENT
   ============================================================== */
.footer-timing-box {
    background: rgba(255, 255, 255, 0.08) !important;
    padding: 13px 15px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 4px solid #fd7335 !important;
    margin-top: 15px !important;
}
.footer-timing-box h5 {
    color: #ffffff !important;
    margin: 0 0 6px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.footer-timing-box p,
.footer-timing-box div,
.footer-timing-box span {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #f1f5f9 !important;
}
.footer-timing-box strong,
.footer-col strong,
.footer-col b,
.footer-bottom-bar strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.footer-timing-box .timing-time {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.footer-timing-box .closed-badge {
    color: #fca5a5 !important;
    font-weight: 600 !important;
    background: rgba(239, 68, 68, 0.22) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    display: inline-block !important;
}

/* ==============================================================
   MOBILE NAVIGATION HAMBURGER ICON (WHITE)
   ============================================================== */
.mobile-button:before,
.mobile-button:after,
.mobile-button span,
.header-style-2 .mobile-button:before,
.header-style-2 .mobile-button:after,
.header-style-2 .mobile-button span,
#site-header .mobile-button:before,
#site-header .mobile-button:after,
#site-header .mobile-button span {
    background-color: #ffffff !important;
}

.mobile-button:hover:before,
.mobile-button:hover:after,
.mobile-button:hover span {
    background-color: #ffffff !important;
    opacity: 0.85 !important;
}

/* ==============================================================
   COMPREHENSIVE WEBSITE-WIDE MOBILE RESPONSIVE OPTIMIZATIONS
   ============================================================== */

/* 1. Global Box-Sizing & Viewport Guards */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
}

/* 2. Banner / Page Title (#featured-title) - Responsive & Clearance */
#featured-title {
    position: relative !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}

#featured-title .octavian-container {
    max-height: none !important;
    height: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#featured-title .inner-wrap {
    padding: 210px 0 85px !important; /* Clears desktop absolute header */
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#featured-title .main-title,
#featured-title h1 {
    color: #ffffff !important;
    font-weight: 800 !important;
    line-height: 1.32 !important; /* Critical: prevents text line overlapping */
    margin: 0 0 10px 0 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45) !important;
}

#featured-title #breadcrumbs {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

#featured-title #breadcrumbs .breadcrumb-trail {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 6px !important;
    line-height: 1.5 !important;
}

#featured-title #breadcrumbs .breadcrumb-trail > a,
#featured-title #breadcrumbs .breadcrumb-trail > span {
    padding-right: 0 !important;
    display: inline-block !important;
}

/* Tablet Banner (max-width: 991px) */
@media (max-width: 991px) {
    #featured-title .inner-wrap {
        padding: 175px 0 45px !important;
    }
    #featured-title .main-title,
    #featured-title h1 {
        font-size: 28px !important;
        line-height: 1.34 !important;
    }
}

/* Mobile Responsive Optimization (max-width: 767px) */
@media (max-width: 767px) {
    /* Container Width & Balanced Padding */
    .octavian-container,
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Banner Placement below Mobile Header */
    #featured-title .inner-wrap {
        padding: 165px 0 35px !important;
    }
    #featured-title .main-title,
    #featured-title h1 {
        font-size: 23px !important;
        line-height: 1.32 !important;
        margin-bottom: 8px !important;
    }
    #featured-title #breadcrumbs {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Safe Responsive Heading Sizes (No text clipping) */
    h1 {
        font-size: 24px !important;
        line-height: 1.32 !important;
    }
    h2 {
        font-size: 22px !important;
        line-height: 1.34 !important;
    }
    h3 {
        font-size: 19px !important;
        line-height: 1.38 !important;
    }
    h4 {
        font-size: 17px !important;
        line-height: 1.4 !important;
    }
    h5 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
    h6 {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }

    /* Main Content Spacing */
    #main-content,
    .site-main {
        padding: 35px 0 25px !important;
    }

    /* Department Cards & Headers (Services Page) */
    .dept-header {
        padding: 18px 16px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }
    .dept-header h3 {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }
    .dept-header a {
        display: inline-block !important;
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .services-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .srv-card {
        padding: 22px 18px !important;
        box-sizing: border-box !important;
    }

    /* Contact Page Mobile Alignment */
    .contact-box {
        padding: 22px 0px !important;
        border-radius: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .contact-box h2 {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }
    .contact-input,
    select.contact-input,
    textarea.contact-input {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 14.5px !important;
    }
    .contact-main-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        margin-bottom: 35px !important;
    }
    .contact-submit-btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    /* Condition / Treatment Pages Content Cards */
    .service-content-card {
        padding: 22px 16px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .service-content-card p,
    .service-content-card li {
        text-align: left !important;
    }
    .service-content-card h2,
    .service-content-card h3 {
        font-size: 20px !important;
        line-height: 1.35 !important;
        margin-bottom: 12px !important;
    }
    .service-content-card ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
        list-style: none !important;
    }
    .service-content-card ul li {
        font-size: 14px !important;
        line-height: 1.65 !important;
        margin-bottom: 10px !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    .service-content-card ul li i {
        margin-top: 3px !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
    }
    .service-content-card .alert {
        padding: 16px 14px !important;
        border-radius: 8px !important;
        margin: 18px 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* Doctor Cards on Index / About */
    .doctor-card {
        padding: 20px 16px !important;
        text-align: center !important;
    }

    /* Floating WhatsApp / Phone / Contact tab alignment */
    .whatsapp {
        bottom: 20px !important;
        left: 14px !important;
        width: 48px !important;
        height: 48px !important;
    }
    .call-phone {
        bottom: 78px !important;
        left: 14px !important;
        width: 48px !important;
        height: 48px !important;
    }
    .contact-fixed-tab {
        bottom: 20px !important;
        right: 0 !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    #featured-title .inner-wrap {
        padding: 155px 0 30px !important;
    }
    #featured-title .main-title,
    #featured-title h1 {
        font-size: 21px !important;
        line-height: 1.34 !important;
    }
}