/* ====== About Us page polish ====== */

/* Base typography */
body { font-size:16px; line-height:1.6; color:#333; }
p { margin:0 0 16px; }

/* Headings improvement */
h1 { font-size:34px; line-height:1.2; color:#19468d; font-weight:700; margin:0 0 16px; }
h2 { font-size:26px; line-height:1.25; color:#19468d; font-weight:700; margin:32px 0 12px; }
h3 { font-size:21px; line-height:1.3; color:#19468d; font-weight:600; margin:24px 0 8px; }

/* Breadcrumb / small text (if present) */
.breadcrumb, .bread-crumbs, nav.breadcrumbs, .page-top, small, .meta { color:#6b7280; font-size:14px; }

/* Lists: better spacing and bullets */
ul { margin:0 0 16px 1.25rem; }
ul li { margin:4px 0; }

/* Limit line-length for readability (soft measure) */
.page-content, .content, .container, .page-container, main {
  max-width: 980px;  /* keeps lines readable */
  margin-left: auto; margin-right: auto;
}

/* ---- “What We Offer” grid (auto-applies to the list under that heading) ---- */

/* Tighten the heading “What We Offer” if duplicated */
h2 + p { margin-top: 8px; }

/* Make the four bullet items look like cards on wider screens */
h2:has(+ p + ul), h2:has(+ ul) { /* noop selector anchor for newer browsers */ }
h2 + p + ul, h2 + ul {
  list-style: none;
  margin: 12px 0 24px 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
@media (min-width: 1024px){
  h2 + p + ul, h2 + ul { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  h2 + p + ul, h2 + ul { grid-template-columns: 1fr; }
}

h2 + p + ul > li, h2 + ul > li {
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px 14px;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
  position: relative;
}

/* Add a subtle accent bar on the cards */
h2 + p + ul > li::before, h2 + ul > li::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:4px;
  background:#3fa9f5;
  border-top-left-radius:12px; border-bottom-left-radius:12px;
}

/* Links / accents */
a { color:#3fa9f5; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }

/* Mission / Vision spacing blocks */
h2:contains("Mission"), h2:contains("Vision") { /* works in some engines; harmless otherwise */ }