.elementor-5182 .elementor-element.elementor-element-2d3f298{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-197f805 *//* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HEADER  |  header.css
   Full-width, zero margins, mobile responsive
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; }
html, body { width: 100%; overflow-x: hidden; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }

/* ━━━━ VARIABLES ━━━━ */
:root {
  --navy:      #003B4A;
  --navy2:     #005066;
  --white:     #ffffff;
  --blue:      #1665d8;
  --blue2:     #1254c0;
  --orange:    #e8602c;
  --txt-light: rgba(255,255,255,0.88);
  --txt-spec:  #3a3a3a;
  --spec-bg:   #ffffff;
  --spec-bdr:  #e5eaf3;
  --hover-bg:  #f0f5ff;
  --dd-shadow: 0 8px 30px rgba(13,31,60,0.14);
  --T: 0.17s ease;
  --bar-h: 60px;
  --spec-h: 44px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   HEADER WRAPPER
━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc-header {
  position: fixed;           /* always fixed to viewport */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  /* smooth slide on scroll */
  transform: translateY(0);
  transition: transform 0.32s cubic-bezier(.4,0,.2,1),
              box-shadow 0.2s ease;
  will-change: transform;
}

/* header always stays visible — never hidden */
.pc-header.header--hidden {
  transform: translateY(0) !important;
}

/* Added by JS once user has scrolled away from top */
.pc-header.header--scrolled {
  box-shadow: 0 4px 24px rgba(13,31,60,0.22);
}

/* Push page body down so content isn't hidden under fixed header */
body.pc-body { padding-top: calc(var(--bar-h) + var(--spec-h)); }
@media (max-width: 768px) {
  body.pc-body { padding-top: var(--bar-h); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   TOP BAR
━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc-topbar {
  background: var(--navy);
  width: 100%;
  height: var(--bar-h);
}
.pc-topbar__inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 6px;
}

/* ━━━━ LOGO ━━━━ */
.pc-logo {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  flex-shrink: 0;
  margin-right: 2px;
}
.pc-logo__icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.pc-logo__text {
  color: var(--white);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

/* ━━━━ CITY PILL ━━━━ */
.pc-city-pill {
  display: flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  color: var(--txt-light);
  font: 500 0.8rem/1 'Inter',sans-serif;
  cursor: pointer;
  padding: 5px 9px;
  border-radius: 5px;
  white-space: nowrap;
  transition: background var(--T);
}
.pc-city-pill:hover { background: var(--navy2); }

/* ━━━━ DESKTOP NAV ━━━━ */
.pc-topnav {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  flex-shrink: 0;
}

/* shared nav button base */
.pc-topbtn,
.pc-langbtn,
.pc-locbtn {
  background: none;
  border: none;
  color: var(--txt-light);
  font: 500 0.82rem/1 'Inter',sans-serif;
  cursor: pointer;
  padding: 7px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  transition: background var(--T), color var(--T);
}
.pc-topbtn:hover,
.pc-langbtn:hover,
.pc-locbtn:hover,
.pc-dd.open > .pc-topbtn,
.pc-dd.open > .pc-langbtn {
  background: var(--navy2);
  color: var(--white);
}

/* Book Appointment */
.pc-book-btn {
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.7);
  color: var(--white);
  font: 600 0.82rem/1 'Inter',sans-serif;
  padding: 7px 13px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  transition: background var(--T);
  flex-shrink: 0;
}
.pc-book-btn:hover { background: rgba(255,255,255,0.1); }

/* Arrow caret */
.pc-arrow {
  font-size: 0.6rem;
  display: inline-block;
  transition: transform var(--T);
  line-height: 1;
}
.pc-dd.open > button > .pc-arrow,
.pc-acc.open > .pc-acc__btn > .pc-arrow { transform: rotate(180deg); }

/* Hamburger */
.pc-ham {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 38px;
  height: 38px;
  background: none;
  border: 1.5px solid rgba(255,255,255,0.35);
  border-radius: 6px;
  cursor: pointer;
  margin-left: auto;
  flex-shrink: 0;
}
.pc-ham span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--white);
  border-radius: 2px;
  transition: transform 0.28s, opacity 0.2s;
}
.pc-ham.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.pc-ham.open span:nth-child(2) { opacity: 0; }
.pc-ham.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   DROPDOWN MENUS
   (works for both topbar & specbar)
━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc-dd { position: relative; }

.pc-dd__panel {
  display: none;           /* hidden by default */
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  min-width: 200px;
  background: var(--white);
  border-radius: 8px;
  box-shadow: var(--dd-shadow);
  border: 1px solid #dde5f0;
  z-index: 9000;
  padding: 6px 0;
  animation: ddFade 0.15s ease;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity var(--T), transform var(--T);
}
/* When parent .pc-dd has class .open — panel is visible */
.pc-dd.open > .pc-dd__panel {
  display: block;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

/* align right */
.pc-dd__panel--r { left: auto; right: 0; }

/* wide hospital panel */
.pc-dd__panel--wide {
  min-width: 360px;
  display: none;
  padding: 14px 16px;
  gap: 16px;
}
.pc-dd.open > .pc-dd__panel--wide {
  display: flex;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

@keyframes ddFade {
  from { opacity:0; transform:translateY(-5px); }
  to   { opacity:1; transform:translateY(0); }
}

.pc-dd__panel a {
  display: block;
  padding: 7px 16px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #2d3748;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--T), color var(--T);
}
.pc-dd__panel a:hover { background: var(--hover-bg); color: var(--blue); }

/* Hospital mega columns */
.pc-hosp-col { min-width: 155px; }
.pc-hosp-city {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #94a3b8;
  padding: 0 0 6px 0;
  margin-top: 8px;
}
.pc-hosp-col:first-child .pc-hosp-city { margin-top: 0; }
.pc-hosp-col a {
  display: block;
  padding: 5px 0;
  font-size: 0.79rem;
  color: #334155;
  text-decoration: none;
  border-radius: 4px;
  transition: color var(--T);
}
.pc-hosp-col a:hover { color: var(--blue); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   SPECIALTIES BAR
━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc-specbar {
  background: var(--spec-bg);
  border-bottom: 1.5px solid var(--spec-bdr);
  width: 100%;
  height: var(--spec-h);
  overflow: visible;        /* allow dropdown to overflow */
}
.pc-specbar__scroll {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
}
.pc-specbar__scroll::-webkit-scrollbar { display: none; }

.pc-specnav {
  display: flex;
  align-items: stretch;
  height: 100%;
  white-space: nowrap;
  padding: 0 8px;
}

.pc-sdd {
  height: 100%;
  display: flex;
  align-items: stretch;
}

.pc-specbtn {
  background: none;
  border: none;
  border-bottom: 2.5px solid transparent;
  font: 500 0.79rem/1 'Inter',sans-serif;
  color: var(--txt-spec);
  cursor: pointer;
  padding: 0 11px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  transition: color var(--T), border-color var(--T), background var(--T);
}
.pc-specbtn:hover,
.pc-sdd.open > .pc-specbtn {
  color: var(--blue);
  border-bottom-color: var(--blue);
  background: #f5f8ff;
}

/* Spec dropdowns open below bar */
.pc-sdd > .pc-dd__panel { top: calc(100% + 2px); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   OVERLAY
━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10,20,40,0.5);
  z-index: 1100;
  backdrop-filter: blur(2px);
}
.pc-overlay.open { display: block; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   MOBILE DRAWER
━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc-drawer {
  position: fixed;
  top: 0;
  right: -110%;
  width: min(310px, 87vw);
  height: 100dvh;
  height: 100vh;
  background: var(--white);
  z-index: 1200;
  display: flex;
  flex-direction: column;
  box-shadow: -4px 0 24px rgba(13,31,60,0.2);
  transition: right 0.3s cubic-bezier(.4,0,.2,1);
}
.pc-drawer.open { right: 0; }

.pc-drawer__head {
  background: var(--navy);
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.pc-drawer__close {
  background: none;
  border: none;
  color: var(--white);
  font-size: 1.2rem;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background var(--T);
}
.pc-drawer__close:hover { background: var(--navy2); }

.pc-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 12px 0 32px;
  scrollbar-width: thin;
}

.pc-drawer__book {
  display: block;
  margin: 4px 14px 12px;
  padding: 10px 14px;
  text-align: center;
  background: var(--blue);
  color: var(--white);
  font: 600 0.88rem/1 'Inter',sans-serif;
  text-decoration: none;
  border-radius: 6px;
  transition: background var(--T);
}
.pc-drawer__book:hover { background: var(--blue2); }

.pc-drawer__label {
  padding: 6px 14px 3px;
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  margin-top: 6px;
}

/* ━━━━ ACCORDION ━━━━ */
.pc-acc { border-bottom: 1px solid #f0f4f8; }

.pc-acc__btn {
  width: 100%;
  background: none;
  border: none;
  padding: 11px 14px;
  font: 600 0.85rem/1 'Inter',sans-serif;
  color: #1a2535;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background var(--T), color var(--T);
}
.pc-acc__btn:hover { background: var(--hover-bg); color: var(--blue); }
.pc-acc.open > .pc-acc__btn { color: var(--blue); background: #f5f8ff; }

.pc-acc__body {
  display: none;
  background: #f8fafc;
  padding: 4px 0;
}
.pc-acc.open > .pc-acc__body { display: block; }

.pc-acc__body a {
  display: block;
  padding: 8px 28px;
  font-size: 0.81rem;
  color: #475569;
  text-decoration: none;
  transition: color var(--T), background var(--T);
}
.pc-acc__body a:hover { color: var(--blue); background: var(--hover-bg); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE
━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 1100px) {
  /* city pill and location removed */
}
@media (max-width: 900px) {
  .pc-langbtn   { display: none; }
  .pc-topbtn,
  .pc-book-btn  { font-size: 0.77rem; padding: 6px 8px; }
}
@media (max-width: 768px) {
  .pc-topnav    { display: none; }
  .pc-ham       { display: flex; }
  .pc-specbar   { display: none; } /* moves into drawer */
  :root { --bar-h: 54px; }
}
@media (max-width: 480px) {
  .pc-topbar__inner { padding: 0 12px; }
  .pc-logo__icon    { width: 30px; height: 30px; }
  .pc-logo__text    { font-size: 0.95rem; }
}/* End custom CSS */