/* ---------- Intro Points ---------- */
.intro-points { width: 100%; padding: 56px 0; background: var(--connect-color-white); }
.intro-points__container { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 24px; }
.intro-points__title { margin: 0 0 18px; color: var(--connect-color-dark); font-family: var(--connect-font-heading); font-size: 26px; line-height: 1.2; font-weight: 800; letter-spacing: -.025em; }
.intro-points__text { max-width: 820px; color: var(--connect-color-text); font-size: 15px; line-height: 1.8; }
.intro-points__text p { margin: 0 0 16px; }
.intro-points__text p:last-child { margin-bottom: 0; }
.intro-points__items { display: flex; flex-wrap: wrap; gap: 18px 28px; margin-top: 26px; }
.intro-points__item { display: flex; align-items: center; gap: 12px; }
.intro-points__icon { display: flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; border-radius: 50%; color: var(--connect-color-dark); background: #ace49d; }
.intro-points__icon svg { display: block; width: 16px; height: 16px; }
.intro-points__icon svg path { stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.intro-points__item-text { color: var(--connect-color-text); font-size: 15px; line-height: 1.5; }
.intro-points__highlight { margin-top: 24px; padding: 18px 22px; border-left: 4px solid #8ed677; border-radius: 16px; color: var(--connect-color-dark); background: #e5f1df; font-family: var(--connect-font-heading); font-size: 15px; line-height: 1.5; font-weight: 700; }
.intro-points__highlight p { margin: 0; }

@media (max-width: 767px) {
	.intro-points { padding: 48px 0; }
	.intro-points__container { padding: 0 20px; }
	.intro-points__title { font-size: 24px; }
	.intro-points__items { flex-direction: column; gap: 14px; margin-top: 22px; }
	.intro-points__icon { width: 34px; height: 34px; flex-basis: 34px; }
	.intro-points__highlight { margin-top: 22px; padding: 16px 18px; border-radius: 14px; }
}

/* ---------- Single Integratie ---------- */
body.single-integratie .intro-points { padding-top: 40px; padding-bottom: 40px; }