/**
 * About section — vision/mission list + CEO signature (visual only).
 * Vision/mission use template .single-item layout; no cards or glass.
 */

#about [data-home-about="purpose"] .single-item {
  margin-bottom: 30px;
  max-width: 100%;
}

#about [data-home-about="purpose"] .single-item:last-child {
  margin-bottom: 0;
}

#about [data-home-about="purpose"] .single-item .icon-box {
  background: var(--primary);
  color: #fff;
}

#about [data-home-about="purpose"] .single-item h3 {
  font-weight: 600;
  text-align: left;
}

#about [data-home-about="purpose"] .single-item p {
  color: var(--text-body);
  text-align: left;
  margin-bottom: 0;
}

#about [data-home-about="ceoDesk"] > h3 {
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--text-heading);
}

#about .ceo-desk-message p {
  color: var(--text-body);
  margin-bottom: 14px;
  line-height: 1.65;
}

#about .ceo-desk-message p:last-child {
  margin-bottom: 0;
}

#about .signature {
  margin: 0;
}

#about .signature img {
  width: auto;
  max-height: 70px;
  height: auto;
  display: block;
}

#about .signature-caption {
  display: block;
  text-align: left;
  margin-top: 14px;
}

#about .signature-name,
#about .signature-role,
#about .signature-company {
  display: block;
  line-height: 1.5;
}

#about .signature-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-heading);
}

#about .signature-role,
#about .signature-company {
  font-size: 15px;
  color: var(--text-body);
}

@media only screen and (max-width: 767px) {
  #about .signature img {
    max-height: 70px;
  }

  #about .signature-caption {
    text-align: left;
  }
}