/* ---------- PAGE TITLE ---------- */

.about-hero {
  padding: 56px 0 24px;
}

.about-title {
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}

/* ---------- WHITE TEXT BLOCK ---------- */

.about-page-wrapper {
  padding-bottom: 32px;
}

.about-small-heading {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.about-description {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 32px;
}

.about-details {
  font-size: 14px;
  line-height: 1.6;
}

.about-detail-line + .about-detail-line {
  margin-top: 4px;
}

.about-detail-email {
  color: #000;
  text-decoration: none;
}

.about-detail-email:hover {
  text-decoration: underline;
}

/* ---------- GREY MAP AREA (ONLY THIS IS GREY) ---------- */

.about-map-section {
  padding-bottom: 40px;
}

.about-map-placeholder {
  width: 100%;
  height: 340px;          /* adjust if you want */
  background: #dedede;    /* grey area from the design */
}