@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");

/* =========================================================
   FINAL GLOBAL TYPOGRAPHY + HEADER + STRAIGHT HEADING FIX
   Headings and doctor names: Source Sans Pro 600
   All other content: Source Sans Pro 400

   IMPORTANT:
   Load this file LAST, after style.css and every inline <style>.
   ========================================================= */

:root {
  --font-heading: "Source Sans Pro", Arial, sans-serif;
  --font-body: "Source Sans Pro", Arial, sans-serif;
  --premium-navy: #102b4e;
  --premium-text: #52677d;
}

/* ---------- Body and regular content ---------- */
html,
body {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  color: var(--premium-text);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body p,
body li,
body a,
body label,
body small,
body strong,
body b,
body blockquote,
body table,
body td,
body th,
body button,
body input,
body textarea,
body select,
body .btn,
body .form-control,
body .section-kicker,
body .subtitle,
body .top-bar,
body .top-mini-links,
body .navbar-nav > li > a,
body .dropdown-menu > li > a,
body .footer-links,
body .doctor-designation,
body .doctor-experience-pill,
body .doctor-chip,
body .doctor-focus-list span {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

body span:not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]) {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
}

/* ---------- Headings and doctor names ---------- */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .doctor-name,
body .doctor-name-block h3,
body .doctor-clean-card .doctor-name-block h3,
body .doctor-profile h3,
body .doctor-card h3,
body .team-caption h4,
body .doctor-opd-panel h3,
body .doctor-opd-box h4 {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Text wrapped inside heading tags must use the same heading font */
body h1 span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]),
body h2 span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]),
body h3 span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]),
body h4 span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]),
body h5 span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]),
body h6 span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]) {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
}

/* Ensure every heading remains clean and uniform */
body h1 *,
body h2 *,
body h3 *,
body h4 *,
body h5 *,
body h6 * {
  font-family: var(--font-heading) !important;
  font-weight: inherit !important;
  font-style: normal !important;
}

/* ---------- Preserve icon fonts ---------- */
.fa,
.fa::before,
.fa::after,
.fas,
.far,
.fab,
[class^="fa-"],
[class*=" fa-"] {
  font-family: FontAwesome !important;
}

.glyphicon,
.glyphicon::before,
.glyphicon::after {
  font-family: "Glyphicons Halflings" !important;
}

[class^="flaticon-"],
[class*=" flaticon-"],
[class^="flaticon-"]::before,
[class*=" flaticon-"]::before {
  font-family: Flaticon !important;
}

/* ---------- Straight premium section headings ---------- */
.section-heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 850px !important;
  margin: 0 auto 44px !important;
  text-align: center !important;
}

.section-heading .section-kicker {
  order: 1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin: 0 0 15px !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.section-heading h1,
.section-heading h2,
.section-heading h3,
.page-header h1,
.page-header h2 {
  order: 2;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transform-origin: center !important;
  color: var(--premium-navy) !important;
  font-family: var(--font-heading) !important;
  font-size: clamp(40px, 4vw, 54px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

section:nth-child(odd) .section-heading h2,
section:nth-child(even) .section-heading h2,
section:nth-child(odd) .page-header h2,
section:nth-child(even) .page-header h2 {
  transform: none !important;
}

.section-heading h1::before,
.section-heading h1::after,
.section-heading h2::before,
.section-heading h2::after,
.section-heading h3::before,
.section-heading h3::after,
.page-header h1::before,
.page-header h1::after,
.page-header h2::before,
.page-header h2::after {
  display: none !important;
  content: none !important;
}

.section-heading p {
  order: 3;
  max-width: 740px !important;
  margin: 16px auto 0 !important;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  color: var(--premium-text) !important;
}

/* ---------- Doctor name sizing ---------- */
.doctor-name-block h3,
.doctor-clean-card .doctor-name-block h3,
.doctor-profile h3,
.doctor-card h3 {
  font-size: clamp(36px, 3.2vw, 48px) !important;
  line-height: 1.08 !important;
}

/* ---------- Navigation: Source Sans Pro 400 ---------- */
.navbar-custom .navbar-nav > li > a,
.navbar-custom .dropdown-menu > li > a {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.navbar-custom .navbar-nav > li > a {
  font-size: 15px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

/* ---------- Desktop logo/menu overlap fix ---------- */
@media (min-width: 768px) {
  .navbar-custom .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 84px !important;
  }

  .navbar-custom .navbar-header {
    position: static !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .navbar-custom .navbar-brand-centered {
    position: static !important;
    inset: auto !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 84px !important;
    max-height: none !important;
    margin: 0 26px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .navbar-custom .navbar-brand-centered a {
    display: flex !important;
    align-items: center !important;
  }

  .navbar-custom .navbar-brand-centered img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: 64px !important;
    margin: 0 !important;
  }

  .navbar-custom .navbar-collapse {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .navbar-custom .navbar-nav {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .navbar-custom .navbar-nav > li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
  }

  .navbar-custom .navbar-nav > li > a {
    padding: 14px 8px !important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .section-heading {
    margin-bottom: 31px !important;
    padding-inline: 12px;
  }

  .section-heading h1,
  .section-heading h2,
  .section-heading h3,
  .page-header h1,
  .page-header h2 {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }

  .section-heading p {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  .navbar-custom .container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  .navbar-custom .navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .navbar-custom .navbar-brand-centered {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .navbar-custom .navbar-brand-centered img {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    max-width: 175px !important;
    max-height: 52px !important;
    margin: 0 !important;
  }

  .navbar-custom .navbar-nav > li > a {
    white-space: normal !important;
    font-size: 15px !important;
    font-weight: 400 !important;
  }
}

/* =========================================================
   CUSTOM GUC PAGE TYPOGRAPHY OVERRIDES
   Required for pages that contain inline Inter/Poppins rules.
   ========================================================= */

body .guc-topbar,
body .guc-header,
body .guc-footer,
body .guc-mobile-cta,
body .guc-menu a,
body .guc-dropdown-menu a,
body .google-badge-v4 {
  font-family: var(--font-body) !important;
  font-style: normal !important;
}

body .guc-menu a,
body .guc-dropdown-menu a {
  font-weight: 400 !important;
}

body .google-badge-v4 {
  font-weight: 600 !important;
}

/* Keep page headings consistently Source Sans Pro 600 */
body .about-hero h1,
body .hero-card h3,
body .about-card h3,
body .about-card h5,
body .sidebar-card h4,
body .opd-card h3,
body .opd-time-box h4,
body .guc-map-card h3,
body .google-brand-v4 h3,
body .guc-footer h4 {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}

/* =========================================================
   UNIFIED INNER-PAGE LAYOUT
   This forces old .blog.jumbotron pages and newer custom
   treatment heroes to use one visual system.
   ========================================================= */

:root {
  --inner-hero-navy: #16395f;
  --inner-hero-blue: #176fca;
  --inner-hero-teal: #08a6a3;
  --inner-hero-white: #ffffff;
  --inner-page-surface: #ffffff;
  --inner-page-soft: #f6fbfd;
  --inner-page-border: rgba(16, 43, 78, 0.11);
  --inner-page-shadow: 0 22px 58px rgba(16, 43, 78, 0.10);
}

/* Remove the original template clouds and floating decorations */
body #deco-clouds2,
body .blog-object1,
body .blog-object2 {
  display: none !important;
}

/* One shared banner format for all treatment/detail pages */
body .blog.jumbotron,
body .asthma-hero,
body .anxiety-hero,
body .treatment-hero,
body .condition-hero,
body .inner-page-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: 360px !important;
  margin: 0 !important;
  padding: 88px 0 112px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 11% 18%, rgba(255,255,255,.18), transparent 25%),
    radial-gradient(circle at 88% 16%, rgba(255,209,102,.24), transparent 27%),
    linear-gradient(
      118deg,
      var(--inner-hero-navy) 0%,
      var(--inner-hero-blue) 51%,
      var(--inner-hero-teal) 100%
    ) !important;
  box-shadow: none !important;
}

/* Shared subtle dot pattern */
body .blog.jumbotron::before,
body .asthma-hero::before,
body .anxiety-hero::before,
body .treatment-hero::before,
body .condition-hero::before,
body .inner-page-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.14) 2px, transparent 2px) !important;
  background-size: 38px 38px !important;
  opacity: .52 !important;
  pointer-events: none !important;
}

/* Same smooth white bottom curve on every page */
body .blog.jumbotron::after,
body .asthma-hero::after,
body .anxiety-hero::after,
body .treatment-hero::after,
body .condition-hero::after,
body .inner-page-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: -5% !important;
  right: -5% !important;
  bottom: -72px !important;
  z-index: -1 !important;
  width: auto !important;
  height: 138px !important;
  border: 0 !important;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
  background: var(--inner-hero-white) !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
}

/* Remove old Bootstrap white title box */
body .blog.jumbotron .container,
body .blog.jumbotron .guc-container,
body .asthma-hero .container,
body .asthma-hero .guc-container,
body .anxiety-hero .container,
body .anxiety-hero .guc-container,
body .treatment-hero .container,
body .treatment-hero .guc-container,
body .condition-hero .container,
body .condition-hero .guc-container,
body .inner-page-hero .container,
body .inner-page-hero .guc-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

body .blog.jumbotron .well,
body .blog.jumbotron .col-centered,
body .blog.jumbotron [class*="col-"] {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 980px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Shared title appearance */
body .blog.jumbotron h1,
body .asthma-hero h1,
body .anxiety-hero h1,
body .treatment-hero h1,
body .condition-hero h1,
body .inner-page-hero h1 {
  display: block !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: var(--font-heading) !important;
  font-size: clamp(46px, 5.2vw, 68px) !important;
  font-weight: 600 !important;
  line-height: 1.07 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  text-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
  box-shadow: none !important;
  transform: none !important;
}

body .blog.jumbotron h1::before,
body .blog.jumbotron h1::after,
body .asthma-hero h1::before,
body .asthma-hero h1::after,
body .anxiety-hero h1::before,
body .anxiety-hero h1::after,
body .treatment-hero h1::before,
body .treatment-hero h1::after,
body .condition-hero h1::before,
body .condition-hero h1::after,
body .inner-page-hero h1::before,
body .inner-page-hero h1::after {
  content: none !important;
  display: none !important;
}

/* Optional kicker, subtitle and actions use the same style everywhere */
body .asthma-kicker,
body .anxiety-kicker,
body .treatment-kicker,
body .inner-page-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto 18px !important;
  padding: 9px 17px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.13) !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  backdrop-filter: blur(8px);
}

body .asthma-hero-content,
body .anxiety-hero-content,
body .treatment-hero-content,
body .inner-page-hero-content {
  max-width: 960px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body .asthma-hero p,
body .anxiety-hero p,
body .treatment-hero p,
body .condition-hero p,
body .inner-page-hero p {
  max-width: 780px !important;
  margin: 20px auto 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-family: var(--font-body) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  text-align: center !important;
}

body .asthma-hero-actions,
body .anxiety-hero-actions,
body .treatment-hero-actions,
body .inner-page-hero-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 28px !important;
}

/* Standard content area for old treatment pages */
body #page {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-top: 58px !important;
  padding-bottom: 82px !important;
}

body #page .single-page {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 38px !important;
  overflow: hidden !important;
  border: 1px solid var(--inner-page-border) !important;
  border-radius: 30px !important;
  background: var(--inner-page-surface) !important;
  box-shadow: var(--inner-page-shadow) !important;
}

body #page .single-page::before,
body #page .single-page::after {
  display: table !important;
  clear: both !important;
  content: "" !important;
}

body #page .single-page > h2,
body #page .single-page > h3,
body #page .single-page h5 {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--premium-navy) !important;
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

body #page .single-page > h2,
body #page .single-page > h3 {
  font-size: clamp(32px, 3.2vw, 44px) !important;
}

body #page .single-page h5 {
  font-size: clamp(25px, 2.3vw, 32px) !important;
}

body #page .single-page p,
body #page .single-page li {
  color: var(--premium-text) !important;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.76 !important;
  letter-spacing: 0 !important;
}

body #page .single-page > p {
  margin: 0 0 14px !important;
}

body #page .single-page ul,
body #page .single-page ol {
  margin-top: 13px !important;
  margin-bottom: 18px !important;
  padding-left: 22px !important;
}

body #page .single-page > .col-md-6,
body #page .single-page > .col-sm-6 {
  margin-top: 26px !important;
}

body #page .single-page img {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  height: auto !important;
  margin: 4px auto 22px !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(16,43,78,.13) !important;
}

body #page .single-page .color_block {
  margin-top: 26px !important;
  padding: 30px !important;
  border: 1px solid rgba(0,167,165,.15) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(255,209,102,.18), transparent 25%),
    linear-gradient(135deg, #f4fbfc 0%, #fff9ef 100%) !important;
  box-shadow: 0 16px 40px rgba(16,43,78,.08) !important;
}

/* Keep newer custom treatment content aligned with the old-page card system */
body .asthma-main,
body .anxiety-main,
body .treatment-main,
body .condition-main {
  padding-top: 58px !important;
  padding-bottom: 82px !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(0,167,165,.07), transparent 25%),
    linear-gradient(180deg, #ffffff 0%, var(--inner-page-soft) 100%) !important;
}

@media (max-width: 991px) {
  body .blog.jumbotron,
  body .asthma-hero,
  body .anxiety-hero,
  body .treatment-hero,
  body .condition-hero,
  body .inner-page-hero {
    min-height: 330px !important;
    padding: 76px 0 102px !important;
  }

  body .blog.jumbotron h1,
  body .asthma-hero h1,
  body .anxiety-hero h1,
  body .treatment-hero h1,
  body .condition-hero h1,
  body .inner-page-hero h1 {
    font-size: clamp(42px, 6.2vw, 60px) !important;
  }
}

@media (max-width: 767px) {
  body .blog.jumbotron,
  body .asthma-hero,
  body .anxiety-hero,
  body .treatment-hero,
  body .condition-hero,
  body .inner-page-hero {
    min-height: 270px !important;
    padding: 58px 0 88px !important;
  }

  body .blog.jumbotron::after,
  body .asthma-hero::after,
  body .anxiety-hero::after,
  body .treatment-hero::after,
  body .condition-hero::after,
  body .inner-page-hero::after {
    bottom: -48px !important;
    height: 92px !important;
  }

  body .blog.jumbotron h1,
  body .asthma-hero h1,
  body .anxiety-hero h1,
  body .treatment-hero h1,
  body .condition-hero h1,
  body .inner-page-hero h1 {
    padding-inline: 14px !important;
    font-size: 38px !important;
    line-height: 1.10 !important;
  }

  body .asthma-hero p,
  body .anxiety-hero p,
  body .treatment-hero p,
  body .condition-hero p,
  body .inner-page-hero p {
    padding-inline: 14px !important;
    font-size: 16px !important;
  }

  body .asthma-hero-actions,
  body .anxiety-hero-actions,
  body .treatment-hero-actions,
  body .inner-page-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding-inline: 15px !important;
  }

  body .asthma-hero-actions a,
  body .anxiety-hero-actions a,
  body .treatment-hero-actions a,
  body .inner-page-hero-actions a {
    width: 100% !important;
  }

  body #page {
    padding: 38px 15px 66px !important;
  }

  body #page .single-page {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  body #page .single-page > h2,
  body #page .single-page > h3 {
    font-size: 31px !important;
  }

  body #page .single-page h5 {
    font-size: 25px !important;
  }

  body #page .single-page p,
  body #page .single-page li {
    font-size: 16px !important;
    line-height: 1.72 !important;
  }

  body #page .single-page .color_block {
    padding: 22px !important;
    border-radius: 20px !important;
  }
}

/* === INNER PAGE UNIFIED FORMAT V9 === */
/* Scoped to non-index pages using body.inner-page-unified. */

body.inner-page-unified {
  --inner-navy: #173b61;
  --inner-blue: #1874cf;
  --inner-teal: #08a5a2;
  --inner-ink: #102b4e;
  --inner-text: #52677d;
  --inner-border: rgba(16, 43, 78, .11);
  --inner-shadow: 0 22px 58px rgba(16, 43, 78, .10);
  font-family: var(--font-body) !important;
}

/* ---------- One equal header/menu on every inner page ---------- */
body.inner-page-unified .guc-header {
  min-height: 94px !important;
  background: rgba(255,255,255,.98) !important;
}

body.inner-page-unified .guc-header .guc-container {
  width: 100% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body.inner-page-unified .guc-header-inner {
  min-height: 94px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

body.inner-page-unified .guc-logo {
  flex: 0 0 auto !important;
}

body.inner-page-unified .guc-logo img {
  width: auto !important;
  max-width: 220px !important;
  max-height: 72px !important;
  display: block !important;
}

body.inner-page-unified .guc-menu {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.inner-page-unified .guc-menu > li {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.inner-page-unified .guc-menu > li > a,
body.inner-page-unified .guc-menu > li > a:not(.guc-book-btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  color: var(--inner-ink) !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.inner-page-unified .guc-menu > li > a:hover,
body.inner-page-unified .guc-menu > li > a:focus {
  color: var(--inner-teal) !important;
}

body.inner-page-unified .guc-menu li a.guc-book-btn,
body.inner-page-unified .guc-menu a.guc-book-btn {
  min-width: 126px !important;
  min-height: 52px !important;
  margin-left: 4px !important;
  padding: 14px 22px !important;
  border-radius: 17px !important;
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

body.inner-page-unified .guc-dropdown-menu a {
  width: 100% !important;
  justify-content: flex-start !important;
  padding: 11px 14px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* ---------- One title banner format ---------- */
body.inner-page-unified .blog.jumbotron,
body.inner-page-unified .blog.jumbotron1,
body.inner-page-unified .blog.jumbotron2,
body.inner-page-unified .blog.jumbotron3,
body.inner-page-unified .blog.jumbotron10,
body.inner-page-unified .asthma-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: 360px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 104px 0 118px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 11% 18%, rgba(255,255,255,.18), transparent 25%),
    radial-gradient(circle at 88% 16%, rgba(255,209,102,.22), transparent 27%),
    linear-gradient(118deg, var(--inner-navy) 0%, var(--inner-blue) 51%, var(--inner-teal) 100%) !important;
  box-shadow: none !important;
}

body.inner-page-unified .blog.jumbotron::before,
body.inner-page-unified .blog.jumbotron1::before,
body.inner-page-unified .blog.jumbotron2::before,
body.inner-page-unified .blog.jumbotron3::before,
body.inner-page-unified .blog.jumbotron10::before,
body.inner-page-unified .asthma-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background-image: radial-gradient(circle, rgba(255,255,255,.14) 2px, transparent 2px) !important;
  background-size: 38px 38px !important;
  opacity: .52 !important;
  pointer-events: none !important;
}

body.inner-page-unified .blog.jumbotron::after,
body.inner-page-unified .blog.jumbotron1::after,
body.inner-page-unified .blog.jumbotron2::after,
body.inner-page-unified .blog.jumbotron3::after,
body.inner-page-unified .blog.jumbotron10::after,
body.inner-page-unified .asthma-hero::after {
  content: none !important;
  display: none !important;
}

body.inner-page-unified .blog.jumbotron .container,
body.inner-page-unified .blog.jumbotron1 .container,
body.inner-page-unified .blog.jumbotron2 .container,
body.inner-page-unified .blog.jumbotron3 .container,
body.inner-page-unified .blog.jumbotron10 .container,
body.inner-page-unified .asthma-hero .container,
body.inner-page-unified .asthma-hero .guc-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

body.inner-page-unified .blog.jumbotron .well,
body.inner-page-unified .blog.jumbotron1 .well,
body.inner-page-unified .blog.jumbotron2 .well,
body.inner-page-unified .blog.jumbotron3 .well,
body.inner-page-unified .blog.jumbotron10 .well,
body.inner-page-unified .blog.jumbotron .col-centered,
body.inner-page-unified .blog.jumbotron1 .col-centered,
body.inner-page-unified .blog.jumbotron2 .col-centered,
body.inner-page-unified .blog.jumbotron3 .col-centered,
body.inner-page-unified .blog.jumbotron10 .col-centered {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 1080px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.inner-page-unified .blog.jumbotron h1,
body.inner-page-unified .blog.jumbotron1 h1,
body.inner-page-unified .blog.jumbotron2 h1,
body.inner-page-unified .blog.jumbotron3 h1,
body.inner-page-unified .blog.jumbotron10 h1,
body.inner-page-unified .asthma-hero h1 {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-family: var(--font-heading) !important;
  font-size: clamp(48px, 5.2vw, 70px) !important;
  font-weight: 600 !important;
  line-height: 1.07 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  text-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.inner-page-unified .blog.jumbotron h1::before,
body.inner-page-unified .blog.jumbotron h1::after,
body.inner-page-unified .blog.jumbotron1 h1::before,
body.inner-page-unified .blog.jumbotron1 h1::after,
body.inner-page-unified .blog.jumbotron2 h1::before,
body.inner-page-unified .blog.jumbotron2 h1::after,
body.inner-page-unified .blog.jumbotron3 h1::before,
body.inner-page-unified .blog.jumbotron3 h1::after,
body.inner-page-unified .blog.jumbotron10 h1::before,
body.inner-page-unified .blog.jumbotron10 h1::after,
body.inner-page-unified .asthma-hero h1::before,
body.inner-page-unified .asthma-hero h1::after {
  content: none !important;
  display: none !important;
}

/* Newer custom treatment heroes are reduced to the same title-only format. */
body.inner-page-unified .asthma-hero-content {
  max-width: 1100px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body.inner-page-unified .asthma-hero .asthma-kicker,
body.inner-page-unified .asthma-hero .asthma-hero-content > p,
body.inner-page-unified .asthma-hero .asthma-hero-actions {
  display: none !important;
}

/* Standard white scalloped divider shown in the supplied reference. */
body.inner-page-unified .unified-cloud-divider {
  position: relative !important;
  z-index: 6 !important;
  display: block !important;
  width: 100% !important;
  height: 82px !important;
  margin: -82px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  pointer-events: none !important;
}

body.inner-page-unified .unified-cloud-divider path {
  fill: #fff !important;
  stroke: none !important;
}

/* Hide only the old duplicate divider and floating template decorations. */
body.inner-page-unified #deco-clouds2,
body.inner-page-unified .blog-object1,
body.inner-page-unified .blog-object2 {
  display: none !important;
}

/* Keep the existing page content, but remove old font-family declarations visually. */
body.inner-page-unified p,
body.inner-page-unified li,
body.inner-page-unified a,
body.inner-page-unified span:not(.fa):not(.glyphicon):not([class^="flaticon-"]):not([class*=" flaticon-"]),
body.inner-page-unified button,
body.inner-page-unified input,
body.inner-page-unified textarea,
body.inner-page-unified select {
  font-family: var(--font-body) !important;
}

body.inner-page-unified h1,
body.inner-page-unified h2,
body.inner-page-unified h3,
body.inner-page-unified h4,
body.inner-page-unified h5,
body.inner-page-unified h6 {
  font-family: var(--font-heading) !important;
}

@media (max-width: 1199px) {
  body.inner-page-unified .guc-header {
    min-height: 78px !important;
  }

  body.inner-page-unified .guc-header-inner {
    min-height: 78px !important;
  }

  body.inner-page-unified .guc-logo img {
    max-height: 58px !important;
  }

  body.inner-page-unified .guc-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.inner-page-unified .guc-menu {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 78px !important;
    z-index: 99999 !important;
    width: 100% !important;
    padding: 14px 20px 20px !important;
    background: #fff !important;
    box-shadow: 0 18px 38px rgba(16,42,67,.13) !important;
  }

  body.inner-page-unified .guc-menu.active {
    display: block !important;
  }

  body.inner-page-unified .guc-menu > li {
    display: block !important;
    width: 100% !important;
  }

  body.inner-page-unified .guc-menu > li > a,
  body.inner-page-unified .guc-menu > li > a:not(.guc-book-btn) {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 13px 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    white-space: normal !important;
  }

  body.inner-page-unified .guc-menu li a.guc-book-btn,
  body.inner-page-unified .guc-menu a.guc-book-btn {
    width: 100% !important;
    margin: 8px 0 0 !important;
  }

  body.inner-page-unified .guc-dropdown-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin-top: 5px !important;
    box-shadow: none !important;
  }
}

@media (max-width: 767px) {
  body.inner-page-unified .guc-header .guc-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.inner-page-unified .blog.jumbotron,
  body.inner-page-unified .blog.jumbotron1,
  body.inner-page-unified .blog.jumbotron2,
  body.inner-page-unified .blog.jumbotron3,
  body.inner-page-unified .blog.jumbotron10,
  body.inner-page-unified .asthma-hero {
    min-height: 280px !important;
    padding: 72px 0 100px !important;
  }

  body.inner-page-unified .blog.jumbotron h1,
  body.inner-page-unified .blog.jumbotron1 h1,
  body.inner-page-unified .blog.jumbotron2 h1,
  body.inner-page-unified .blog.jumbotron3 h1,
  body.inner-page-unified .blog.jumbotron10 h1,
  body.inner-page-unified .asthma-hero h1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 38px !important;
    line-height: 1.10 !important;
  }

  body.inner-page-unified .unified-cloud-divider {
    height: 58px !important;
    margin-top: -58px !important;
  }
}



/* Requested branch consultation controls */
body .guc-branch-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:10px;
}
body .guc-branch-actions a {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
@media (max-width: 767px) {
  body .guc-branch-actions { gap:8px; }
}


/* Final footer actions: Directions only, highlighted with a white border */
body .guc-footer .guc-branch-actions,
body footer .footer-branch-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 12px !important;
}
body .guc-footer .guc-branch-actions a[href*="share.google"],
body .guc-footer .guc-branch-actions a[href*="google.com/maps"],
body footer .footer-branch-actions a[href*="share.google"],
body footer .footer-branch-actions a[href*="google.com/maps"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 9px 15px !important;
  border: 1.5px solid rgba(255,255,255,.96) !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}
body .guc-footer .guc-branch-actions a[href*="share.google"]:hover,
body .guc-footer .guc-branch-actions a[href*="google.com/maps"]:hover,
body footer .footer-branch-actions a[href*="share.google"]:hover,
body footer .footer-branch-actions a[href*="google.com/maps"]:hover {
  background: #fff !important;
  color: #0B3A68 !important;
}