/* ============================================================
   About Us page — styling
   ============================================================ */

/* Halve the hero banner height on this page only (about.css is
   only linked from About_us.html, so this doesn't affect the
   page-banner-area used on other pages like Contact Us) */
.page-banner-area {
  padding-top: 75px;
  padding-bottom: 75px;
}

.page-banner-content p.intro-contact {
  color: #ffffff;
  opacity: 0.85;
  margin-top: 10px;
  margin-bottom: 0;
}

/* ---- Who We Are ---- */
.who-we-are-area h2,
.pillars-area h2,
.leadership-area h2 {
  color: #191B4F;
}

.who-we-are-area .lead {
  color: #191B4F;
  font-weight: 600;
}

.who-we-are-area p,
.leadership-area > .container > .row > .col p.text-muted {
  color: #666666;
}

.who-we-are-area img {
  border-radius: 8px;
}

/* ---- Section heading + divider (shared) ---- */
.section-divider {
  width: 60px;
  height: 3px;
  background-color: #ffc107;
  margin: 0 auto 20px;
}

/* ---- Core Pillars cards ---- */
.pillars-area {
  background-color: #f4f6f9;
}

.pillar-card {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 40px 30px;
  text-align: center;
  height: 100%;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.pillar-card i {
  font-size: 42px;
  color: #191B4F;
  margin-bottom: 15px;
  display: inline-block;
}

.pillar-card h4 {
  color: #191B4F;
  margin-bottom: 12px;
}

.pillar-card p {
  color: #666666;
  margin-bottom: 0;
}

/* ---- Leadership staff cards ---- */
.staff-card {
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  height: 100%;
  transition: transform 0.25s ease;
}

.staff-card:hover {
  transform: translateY(-4px);
}

.staff-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.staff-card .staff-body {
  padding: 25px 20px;
  text-align: center;
}

.staff-card h4 {
  color: #191B4F;
  margin-bottom: 4px;
  font-size: 19px;
}

.staff-card .staff-role {
  color: #ffc107;
  background-color: #191B4F;
  display: inline-block;
  padding: 4px 14px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 12px;
}

.staff-card .staff-desc {
  color: #666666;
  font-size: 14px;
  margin-bottom: 0;
}