.ssm-title-section {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/donation-banner.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 50px 0 80px;
    text-align: center;
    position: relative;
}
.ssm-title-section .vah-heading {
    color: white;
}

.ssm-title-section  .vah-text {
    color: #aaa;
}

.ssm-title-section .vah-heading {
    font-size: 42px;
    margin-bottom: 20px;
}

.ssm-title-section .vah-heading strong {
    color: #f96f03;
    position: relative;
    display: inline-block;
}

.ssm-title-section .vah-text {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .ssm-title-section {
        padding: 80px 0 60px;
    }
    
    .ssm-title-section .vah-heading {
        font-size: 32px;
    }
    
    .ssm-title-section .vah-text {
        font-size: 16px;
    }
}



/* Vision & Mission Page Styles */

/* Vision & Mission - Title */
.ssm-page-title {
  position: relative;
  background: url('/assets/images/banner/teacher-children.jpg') center/cover no-repeat;
  color: #fff;
  padding: 60px 0;
  text-align: center;
}
.ssm-page-title::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.35));
}
.ssm-page-title .vah-heading,
.ssm-page-title .vah-text { position: relative; z-index: 1; }
.ssm-page-title .vah-heading { color: white; font-size: 42px; margin-bottom: 20px; }
.ssm-page-title .vah-heading strong { color: #f96f03; }
.ssm-page-title .vah-text { color: #aaa; font-size: 18px; max-width: 760px; margin: 0 auto; line-height: 1.6; opacity: 0.95; }
@media (max-width: 768px) {
  .ssm-page-title { padding: 60px 0; }
  .ssm-page-title .vah-heading { font-size: 32px; }
  .ssm-page-title .vah-text { font-size: 16px; }
}

/* Section backgrounds for clearer differentiation */
.ssm-vision { background: #ffffff; }
.ssm-mission { background: #2f3082 /* #1f2937; */ }
.ssm-values { background: #fff9f2; }

/* Remove per-section heading accent overrides */
/* Rely on default theme colors for headings */

/* Removed card containers per feedback; rely on section bg/fg for separation */

/* Section spacing and typography */
.ssm-vision, .ssm-mission, .ssm-values {
  padding-top: 24px;
}

.ssm-vision .vah-heading,
.ssm-mission .vah-heading,
.ssm-values .vah-heading {
  text-align: center;
  margin-bottom: 12px;
}

/* Section separator removed per feedback */
.separation-bar { display: none; }

.ssm-vision .box-800,
.ssm-mission .box-800,
.ssm-values .box-800 {
  margin: 0 auto;
}

.ssm-vision .vah-text,
.ssm-mission .vah-text {
  color: #555;
  line-height: 1.7;
  margin-bottom: 16px;
}

/* List styling reuse with better layout for long lists */
.ssm-vision .facility-list,
.ssm-mission .facility-list,
.ssm-values .facility-list {
  margin-top: 10px;
}

/* Facility list tweaks for this page */
.ssm-values .facility-list {
  -moz-columns: 2; columns: 2; column-gap: 32px;
}
@media (max-width: 768px) {
  .ssm-values .facility-list { -moz-columns: 1; columns: 1; }
}

/* Spacing tweaks */
.ssm-vision .facility-list li,
.ssm-mission .facility-list li,
.ssm-values .facility-list li {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Mission inverted foreground for readability */
.ssm-mission .vah-heading { color: #ffffff; }
.ssm-mission .vah-text { color: #e5e7eb; }
.ssm-mission .facility-list li { color: #e5e7eb; }
.ssm-mission .facility-list li::before { background: #f96f03; }