.elementor-7368 .elementor-element.elementor-element-beb5732{--display:flex;}@media(min-width:768px){.elementor-7368 .elementor-element.elementor-element-beb5732{--content-width:886px;}}/* Start custom CSS for html, class: .elementor-element-3f1f874 *//* BHATIA HEADER CSS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
html.bhh-lock{overflow:hidden}
#bhh{width:100%;position:relative;z-index:9999;font-family:'Poppins',Arial,Helvetica,sans-serif;line-height:1.4;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#bhh *{box-sizing:border-box;margin:0;padding:0}
#bhh a{text-decoration:none;-webkit-tap-highlight-color:transparent}
#bhh ul{list-style:none}
#bhh button{font:inherit;border:0;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
#bhh svg{display:block}
#bhh .bhh-w{max-width:1600px;margin:0 auto;padding:0 clamp(20px,3.5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px}

/* ===== TOP BAR ===== */
#bhh .bhh-top{background:linear-gradient(90deg,#07294a,#0a4a86);color:#fff;padding:8px 0}
#bhh .bhh-cash{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#27ae78,#1e9a68);color:#fff;font-weight:600;font-size:13.5px;padding:8px 18px;border-radius:50px;box-shadow:0 6px 16px rgba(39,174,120,.4);transition:.3s;white-space:nowrap}
#bhh .bhh-cash:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:bhhShine 3.5s infinite}
@keyframes bhhShine{0%,60%{left:-80%}100%{left:130%}}
#bhh .bhh-cash svg{width:16px;height:16px;fill:#fff}
#bhh .bhh-ct{display:flex;gap:26px;align-items:center}
#bhh .bhh-ct a{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.92);font-size:13.5px;font-weight:500;transition:.3s}
#bhh .bhh-ct svg{width:16px;height:16px;fill:#6df0b4;flex-shrink:0}

/* ===== MAIN BAR ===== */
#bhh .bhh-main{background:#fff;position:relative;box-shadow:0 10px 30px rgba(7,41,74,.08);transition:box-shadow .3s}
#bhh.bhh-sc .bhh-main{box-shadow:0 12px 34px rgba(7,41,74,.18)}
#bhh .bhh-main:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0b5ea8,#27ae78)}
#bhh .bhh-main .bhh-w{min-height:86px}

/* logo (CSS version). To use your real logo image: delete the <a class="bhh-logo"> inner content and put <img src="LOGO-URL" alt="Bhatia Hospital"> */
#bhh .bhh-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
#bhh .bhh-logo img{height:60px;width:auto;display:block}
#bhh .bhh-logo svg{width:58px;height:58px;flex-shrink:0}
#bhh .bhh-lt{display:flex;flex-direction:column;line-height:1.1}
#bhh .bhh-lt b{font-size:22px;font-weight:700;color:#2e3192;letter-spacing:.5px}
#bhh .bhh-lt span{font-size:11.5px;font-weight:600;color:#1ea35f;letter-spacing:.4px;margin-top:3px}
#bhh .bhh-lt small{font-size:9.5px;font-weight:600;color:#1b2a3a;letter-spacing:1.2px;display:flex;align-items:center;gap:6px;margin-top:4px}
#bhh .bhh-lt small:before,#bhh .bhh-lt small:after{content:"";height:1.5px;width:14px;background:#1b2a3a}

/* ===== NAV (desktop) ===== */
#bhh .bhh-nh,#bhh .bhh-mc,#bhh .bhh-burger,#bhh .bhh-ov{display:none}
#bhh .bhh-nav>ul{display:flex;align-items:center;gap:4px}
#bhh .bhh-nav>ul>li{position:relative}
#bhh .bhh-row{display:flex;align-items:center}
#bhh .bhh-l{position:relative;display:inline-flex;align-items:center;padding:12px 13px;font-weight:500;font-size:15.5px;color:#07294a;transition:color .3s}
#bhh .bhh-l:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2.5px;border-radius:3px;background:linear-gradient(90deg,#0b5ea8,#27ae78);transform:scaleX(0);transform-origin:left;transition:transform .35s}
#bhh .bhh-l:hover,#bhh .bhh-l.act{color:#0b5ea8}
#bhh .bhh-l:hover:after,#bhh .bhh-l.act:after{transform:scaleX(1)}
#bhh .bhh-has .bhh-l{padding-right:4px}
#bhh .bhh-has .bhh-l:after{right:4px}
#bhh .bhh-chev{width:26px;height:26px;display:grid;place-items:center;color:#07294a;margin-right:6px;border-radius:50%;transition:.3s}
#bhh .bhh-chev svg{width:16px;height:16px;transition:transform .35s}

/* dropdown */
#bhh .bhh-dd{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,12px);width:520px;background:#fff;border:1px solid #e3edf6;border-radius:18px;padding:12px;box-shadow:0 30px 70px rgba(7,41,74,.22);display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;z-index:20}
#bhh .bhh-dd:before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
#bhh .bhh-dd:after{content:"";position:absolute;top:-8px;left:50%;margin-left:-7px;width:14px;height:14px;background:#fff;border-left:1px solid #e3edf6;border-top:1px solid #e3edf6;transform:rotate(45deg)}
#bhh .bhh-dd a{position:relative;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:500;color:#07294a;transition:.25s;z-index:1}
#bhh .bhh-dd a:before{content:"";width:7px;height:7px;border-radius:50%;background:#27ae78;flex-shrink:0;transition:.25s}
#bhh .bhh-dd a:hover{background:#f2f8fd;color:#0b5ea8;padding-left:18px}
#bhh .bhh-dd a:hover:before{background:#0b5ea8;transform:scale(1.3)}
#bhh .bhh-has.open .bhh-dd,#bhh .bhh-has:focus-within .bhh-dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
#bhh .bhh-has.open .bhh-chev svg{transform:rotate(180deg)}
@media(hover:hover) and (min-width:1081px){
#bhh .bhh-has:hover .bhh-dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
#bhh .bhh-has:hover .bhh-chev svg{transform:rotate(180deg)}
#bhh .bhh-has:hover .bhh-l{color:#0b5ea8}
#bhh .bhh-has:hover .bhh-l:after{transform:scaleX(1)}
#bhh .bhh-cash:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(39,174,120,.55)}
#bhh .bhh-ct a:hover{color:#6df0b4}
}

@media(max-width:1240px) and (min-width:1081px){
#bhh .bhh-l{padding:12px 10px;font-size:15px}
#bhh .bhh-l:after{left:10px;right:10px}
#bhh .bhh-has .bhh-l:after{right:4px}
#bhh .bhh-logo svg{width:52px;height:52px}
#bhh .bhh-lt b{font-size:20px}
}

/* ===== TABLET + MOBILE (drawer menu) ===== */
@media(max-width:1080px){
#bhh .bhh-w{padding:0 18px}
#bhh .bhh-main .bhh-w{min-height:74px}
#bhh .bhh-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;border-radius:14px;background:#f2f8fd;border:1px solid #dcebf7;flex-shrink:0;transition:.3s}
#bhh .bhh-burger span{display:block;width:22px;height:2.5px;border-radius:3px;background:#07294a;transition:.3s}
#bhh .bhh-burger span:nth-child(2){width:15px;align-self:flex-end;margin-right:13px;background:#27ae78}
#bhh .bhh-ov{display:block;position:fixed;inset:0;background:rgba(7,41,74,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;z-index:10000}
#bhh.bhh-open .bhh-ov{opacity:1;visibility:visible}
#bhh .bhh-nav{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(360px,88vw);background:#fff;z-index:10001;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(7,41,74,.25)}
#bhh.bhh-open .bhh-nav{transform:none}
#bhh .bhh-nh{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#07294a,#0a4a86);color:#fff;font-weight:600;font-size:17px;flex-shrink:0}
#bhh .bhh-x{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
#bhh .bhh-x svg{width:20px;height:20px}
#bhh .bhh-nav>ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 16px}
#bhh .bhh-nav>ul>li{border-bottom:1px solid #eef3f8}
#bhh .bhh-l{width:100%;padding:15px 8px;font-size:16px}
#bhh .bhh-l:after{display:none}
#bhh .bhh-row{justify-content:space-between}
#bhh .bhh-has .bhh-l{width:auto;flex:1;padding-right:8px}
#bhh .bhh-chev{width:44px;height:44px;margin:0;background:#f2f8fd;border-radius:12px}
#bhh .bhh-chev svg{width:20px;height:20px}
#bhh .bhh-dd{position:static;transform:none!important;width:100%;opacity:1;visibility:visible;display:grid;grid-template-columns:1fr;gap:0;background:#f2f8fd;border:0;border-radius:14px;box-shadow:none;padding:0 8px;max-height:0;overflow:hidden;margin:0;transition:max-height .45s ease,padding .3s,margin .3s}
#bhh .bhh-dd:before,#bhh .bhh-dd:after{display:none}
#bhh .bhh-has.open .bhh-dd{max-height:700px;padding:8px;margin:2px 0 12px}
#bhh .bhh-dd a{padding:13px 12px;font-size:15px}
#bhh .bhh-dd a:hover{padding-left:12px}
#bhh .bhh-mc{display:flex;flex-direction:column;gap:10px;padding:18px 20px 28px;margin-top:auto}
#bhh .bhh-mc a{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:#f2f8fd;color:#07294a;font-weight:500;font-size:14.5px;overflow-wrap:anywhere}
#bhh .bhh-mc a svg{width:20px;height:20px;fill:#0b5ea8;flex-shrink:0}
#bhh .bhh-mc a.ph{background:linear-gradient(135deg,#27ae78,#1e9a68);color:#fff;font-weight:600;box-shadow:0 8px 20px rgba(39,174,120,.35)}
#bhh .bhh-mc a.ph svg{fill:#fff}
}

/* ===== MOBILE ===== */
@media(max-width:760px){
#bhh .bhh-w{padding:0 14px}
#bhh .bhh-top{padding:7px 0}
#bhh .bhh-cash{font-size:12.5px;padding:7px 14px}
#bhh .bhh-ct a.em{display:none}
#bhh .bhh-ct a{font-size:13px}
#bhh .bhh-main .bhh-w{min-height:68px}
#bhh .bhh-logo svg{width:46px;height:46px}
#bhh .bhh-logo img{height:46px}
#bhh .bhh-lt b{font-size:17px}
#bhh .bhh-lt span{font-size:9.5px}
#bhh .bhh-lt small{font-size:8px;letter-spacing:.8px}
#bhh .bhh-lt small:before,#bhh .bhh-lt small:after{width:9px}
#bhh .bhh-burger{width:44px;height:44px}
}

/* ===== SMALL PHONES ===== */
@media(max-width:400px){
#bhh .bhh-ct a.ph span{display:none}
#bhh .bhh-ct a.ph{width:36px;height:36px;justify-content:center;border-radius:50%;background:rgba(255,255,255,.14)}
#bhh .bhh-ct a.ph svg{width:18px;height:18px}
#bhh .bhh-logo{gap:7px}
#bhh .bhh-lt b{font-size:15px}
#bhh .bhh-lt span{font-size:8.5px}
#bhh .bhh-lt small{display:none}
}

/* ===== CENTERED MENU (desktop): logo left, menu exactly center ===== */
@media(min-width:1081px){
#bhh .bhh-main .bhh-w{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(0,1fr);align-items:center;gap:24px}
#bhh .bhh-logo{justify-self:start}
#bhh .bhh-nav{justify-self:center}
#bhh .bhh-nav>ul{justify-content:center;gap:6px}
#bhh .bhh-l{font-size:16px;padding:12px 15px}
#bhh .bhh-l:after{left:15px;right:15px}
#bhh .bhh-has .bhh-l:after{right:4px}
}
@media(min-width:1081px) and (max-width:1240px){
#bhh .bhh-l{font-size:15px;padding:12px 10px}
#bhh .bhh-l:after{left:10px;right:10px}
#bhh .bhh-has .bhh-l:after{right:4px}
}

/* ===== FULL WIDTH (edge to edge, tablet + desktop) ===== */
@media(min-width:768px){
#bhh{width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
}
html,body{overflow-x:clip}

/* ===== TOP GAP FIX: header ke upar/neeche ki extra jagah hatao ===== */
#bhh{margin-top:0!important;margin-bottom:0!important;padding:0!important}
.elementor-widget-html:has(#bhh){margin:0!important}
.elementor-widget-html:has(#bhh)>.elementor-widget-container{margin:0!important;padding:0!important}
.e-con:has(>.e-con-inner>.elementor-widget-html #bhh),.e-con:has(>.elementor-widget-html #bhh){padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;--padding-top:0px;--padding-bottom:0px;--margin-top:0px;--margin-bottom:0px;--gap:0px;--row-gap:0px;--flex-gap:0px}
.elementor-section:has(#bhh),.elementor-section:has(#bhh) .elementor-container,.elementor-section:has(#bhh) .elementor-column,.elementor-section:has(#bhh) .elementor-widget-wrap,.elementor-section:has(#bhh) .elementor-element-populated{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
header:has(>#bhh),.elementor-location-header:has(#bhh){margin:0!important;padding:0!important}

/* ===== SIDE GAP FIX (mobile): Elementor ki left/right padding hatao ===== */
.elementor-widget-html:has(#bhh)>.elementor-widget-container{padding-left:0!important;padding-right:0!important}
.e-con:has(>.e-con-inner>.elementor-widget-html #bhh),.e-con:has(>.elementor-widget-html #bhh){padding-left:0!important;padding-right:0!important;--padding-left:0px;--padding-right:0px}
.e-con:has(>.e-con-inner>.elementor-widget-html #bhh)>.e-con-inner{padding-left:0!important;padding-right:0!important}
.elementor-section:has(#bhh) .elementor-container,.elementor-section:has(#bhh) .elementor-column,.elementor-section:has(#bhh) .elementor-widget-wrap,.elementor-section:has(#bhh) .elementor-element-populated{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
@media(max-width:767px){#bhh{max-width:none}}

@media(prefers-reduced-motion:reduce){
#bhh *,#bhh *:before,#bhh *:after{animation:none!important;transition-duration:.01ms!important}
}/* End custom CSS */