/* Sai Neelkanth Hospital — focused spacing and centering adjustments.
   About, Mission and Gallery only; loaded last to avoid legacy overrides. */

/* Keep the eyebrow, headline, description and link on the same center line. */
#about.about.section {
  padding-block: clamp(28px, 3.4vw, 46px) !important;
}
#about .about-clean {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#about .about-clean > .eyebrow {
  width: 100%;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 0 8px !important;
}
#about .about-clean h2 {
  margin: 0 0 10px !important;
}
#about .about-clean > p:not(.eyebrow) {
  margin: 0 auto 12px !important;
  line-height: 1.5;
}
#about .about-cta {
  margin-top: 4px !important;
}

/* Close the large gaps above, between and beneath the mission heading. */
#mission.purpose.section {
  padding-block: clamp(32px, 3.8vw, 52px) !important;
}
#mission .purpose-heading {
  gap: 0 !important;
  margin-bottom: clamp(18px, 2.1vw, 28px) !important;
}
#mission .purpose-heading > .eyebrow {
  width: 100%;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 0 8px !important;
}
#mission .purpose-heading h2 {
  margin: 0 0 9px !important;
  line-height: 1.12;
}
#mission .purpose-heading > p:last-child {
  margin: 0 auto !important;
  line-height: 1.45;
}

/* Make the gallery heading compact without resizing its photos or controls. */
#gallery.hospital-gallery.section {
  padding-block: clamp(28px, 3.4vw, 46px) !important;
}
#gallery .hospital-gallery-heading {
  gap: 0 !important;
  margin-bottom: 15px !important;
}
#gallery .hospital-gallery-heading .eyebrow {
  margin: 0 0 6px !important;
}
#gallery .hospital-gallery-heading h2 {
  margin: 0 !important;
}
#gallery .hospital-gallery-heading > p {
  margin: 9px auto 0 !important;
  line-height: 1.45;
}

@media (max-width: 760px) {
  #about.about.section { padding-block: 23px !important; }
  #about .about-clean h2 { margin-bottom: 9px !important; }
  #mission.purpose.section { padding-block: 24px !important; }
  #mission .purpose-heading { margin-bottom: 17px !important; }
  #gallery.hospital-gallery.section { padding-block: 22px !important; }
  #gallery .hospital-gallery-heading { margin-bottom: 12px !important; }
}