/* TITEL (niveau 2 onder hero 44px) */
.pe-service-intro h3 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #121212;
}

/* INTRO (zelfde als hero subtitel 20px) */
.pe-intro {
  font-size: 20px;
  line-height: 1.6;
  margin: 0 0 28px 0;
  color: #333;
}

/* BODY (zelfde als hero body 18px) */
.pe-body {
  font-size: 18px;
  line-height: 1.6;
  margin: 4px 0 0 0;
  color: #444;
}

/* SERVICE CONTAINER */
.pe-services {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* ITEM */
.pe-service-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

/* ICON FIX → 28px, perfect balance, stroke zwart */
.pe-icon svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #111;
}

/* TURQUOISE ACCENT */
.pe-accent {
  fill: #2ECFC1;
  stroke: none;
}

/* LINK TITEL (20px zoals hero subtitel + rood) */
.pe-service-title {
  font-size: 20px;
  font-weight: 600;
  color: #d4573a;
  text-decoration: none;
  transition: opacity .2s;
}
.pe-service-title:hover {
  opacity: .6;
}

/* CTA — EXACT MATCH HERO-BUTTON */
.pe-service-cta {
  display: inline-block;
  margin-top: 32px;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  color: #fff !important;
  background-color: #4E8B64;
  text-decoration: none;
  border-radius: 30px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.14);
  transition: background-color .2s ease, transform .2s ease;
}
.pe-service-cta:hover {
  background-color: #447a57;
  transform: translateY(-1px);
}
}