/* Page-scoped Metronic rem - html stays 16px so header/footer do not shrink */
.page-about {
  --mtk-rem: 13px;
}
@media (max-width: 991.98px) {
  .page-about {
    --mtk-rem: 12px;
  }
}
/* About Us — pixel-close port of HospitalSystem AboutUs.cshtml styles
 * Loaded only when ViewData["AboutUsCss"] is true under PublicWeb chrome.
 */



.page-about .banner img {
  width: 100%;
  height: auto;
  display: block;
}

.page-about .section {
  padding: 40px 0;
  text-align: center;
  background-color: white;
}

.page-about .section p {
  font-size: 1.5vw;
  color: #505050;
  margin-bottom: 30px;
  font-weight: 400;
}

.page-about .team-p {
  text-align: left;
}

.page-about .section li {
  font-size: 1.5vw;
  color: #505050;
  font-weight: 400;
}

.page-about .mission-list li::marker {
  color: #77B624;
  font-weight: 900;
}

.page-about .heading1 {
  color: #77B624 !important;
  font-size: 3.5vw;
  font-weight: 600;
  margin-bottom: 20px;
}

.page-about .list-p1 {
  margin-bottom: 0 !important;
  font-weight: 600 !important;
}

@media (min-width: 1280px) {
  .page-about .team-text {
    font-size: 1vw !important;
  }
}

@media (min-width: 768px) {
  .page-about .headingalign {
    text-align: left !important;
  }
}

@media (max-width: 1279px) {
  .page-about .team-text {
    font-size: 1.3vw !important;
  }
}

@media (max-width: 992px) {
  .page-about .team-text {
    font-size: 2vw !important;
  }

  .page-about .divmobimgteam {
    display: block !important;
  }

  .page-about .divimgteam {
    display: none;
  }

  .page-about .team-h {
    text-align: left;
  }

  .page-about .heading1 {
    font-size: 5vw;
  }

  .page-about .section p {
    font-size: 2.6vw;
  }

  .page-about .section {
    padding: 30px 0;
  }

  .page-about .section li {
    font-size: 2.6vw;
  }

  .page-about .team-img {
    width: 38vw !important;
  }
}

@media (max-width: 768px) {
  .page-about .team-text {
    font-size: 2.2vw !important;
  }
}

@media (max-width: 767px) {
  .page-about .green-bullets {
    text-align: center;
  }

  .page-about .section p {
    font-size: 23px;
  }

  .page-about .mission-list li::marker {
    font-size: 23px;
    font-weight: 900;
  }

  .page-about .mission-list {
    padding-inline-start: 21.5vw;
  }

  .page-about .section li {
    font-size: 23px;
  }

  .page-about .heading1 {
    font-size: 50px;
  }

  .page-about .team-img {
    width: 39vw !important;
  }

  .page-about .divimg {
    display: none;
  }

  .page-about .divmobimg {
    display: block !important;
  }

  .page-about #PageBanner {
    display: none;
  }

  .page-about #PageBannerMob {
    display: block !important;
  }
}

@media (max-width: 700px) {
  .page-about .mission-list {
    padding-inline-start: 16.5vw;
  }
}

@media (max-width: 650px) {
  .page-about .mission-list {
    padding-inline-start: 15.5vw;
  }
}

@media (max-width: 600px) {
  .page-about .mission-list {
    padding-inline-start: 12.5vw;
  }
}

@media (max-width: 550px) {
  .page-about .section p {
    font-size: 19px;
  }

  .page-about .section li {
    font-size: 19px;
  }

  .page-about .heading1 {
    font-size: 36px;
  }

  .page-about .mission-list {
    padding-inline-start: 19.5vw;
  }

  .page-about .team-text {
    font-size: 2.8vw !important;
  }

  .page-about .team-img {
    width: 42vw !important;
  }
}

@media (max-width: 500px) {
  .page-about .mission-list {
    padding-inline-start: 17.5vw;
  }
}

@media (max-width: 450px) {
  .page-about .mission-list {
    padding-inline-start: 14.5vw;
  }
}

@media (max-width: 400px) {
  .page-about .mission-list {
    padding-inline-start: 9.5vw;
  }
}

@media (max-width: 369px) {
  .page-about .heading11 {
    font-size: 9.5vw;
  }

  .page-about .mission-list {
    padding-inline-start: 10.5vw;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .page-about .tab-padding {
    padding-top: calc(5 * var(--mtk-rem)) !important;
  }
}

/* ===== Metronic spacing polyfill (scoped) ===== */
.page-about .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.page-about .px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.page-about .px-5 { padding-right: calc(1.25 * var(--mtk-rem)) !important; padding-left: calc(1.25 * var(--mtk-rem)) !important; }
.page-about .px-10 { padding-right: calc(2.5 * var(--mtk-rem)) !important; padding-left: calc(2.5 * var(--mtk-rem)) !important; }
.page-about .mt-10 { margin-top: calc(2.5 * var(--mtk-rem)) !important; }
.page-about .mb-5 { margin-bottom: calc(1.25 * var(--mtk-rem)) !important; }
.page-about .pb-2 { padding-bottom: calc(0.5 * var(--mtk-rem)) !important; }

@media (min-width: 768px) {
  .page-about .pb-md-0 { padding-bottom: 0 !important; }
  .page-about .pb-md-20 { padding-bottom: calc(5 * var(--mtk-rem)) !important; }
  .page-about .ps-md-20 { padding-left: calc(5 * var(--mtk-rem)) !important; }
  .page-about .p-md-20 { padding: calc(5 * var(--mtk-rem)) !important; }
  .page-about .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .page-about .px-md-20 { padding-right: calc(5 * var(--mtk-rem)) !important; padding-left: calc(5 * var(--mtk-rem)) !important; }
}

@media (min-width: 992px) {
  .page-about .ps-lg-20 { padding-left: calc(5 * var(--mtk-rem)) !important; }
  .page-about .ms-lg-20 { margin-left: calc(5 * var(--mtk-rem)) !important; }
  .page-about .me-lg-10 { margin-right: calc(2.5 * var(--mtk-rem)) !important; }
  .page-about .mb-lg-0 { margin-bottom: 0 !important; }
}

@media (min-width: 1200px) {
  .page-about .me-xl-12 { margin-right: calc(3 * var(--mtk-rem)) !important; }
}

@media (min-width: 1400px) {
  .page-about .me-xxl-14 { margin-right: calc(3.5 * var(--mtk-rem)) !important; }
}

/* ===== PublicWeb full-bleed overrides ===== */
.page-about.page-section {
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  overflow-x: clip;
  background: #fff;
  position: relative;
  font-family: Inter, Helvetica, sans-serif;
  color: #505050;
}

.page-about.page-section p,
.page-about.page-section li {
  color: inherit;
}

.page-about .divmobimg,
.page-about .divmobimgteam,
.page-about #PageBannerMob {
  display: none;
}