/* Icon Features — bordered grid (Kore "Our Services") or icon-left rows. */
.iconfeatures-list { list-style: none; margin: 0; padding: 0; }
.iconfeatures--grid .iconfeatures-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--kore-mist, #e8e8e8);
	border-left: 1px solid var(--kore-mist, #e8e8e8);
}
.iconfeatures--grid .iconfeatures-item {
	padding: var(--spacing-10, 40px) var(--spacing-8, 32px);
	border-right: 1px solid var(--kore-mist, #e8e8e8);
	border-bottom: 1px solid var(--kore-mist, #e8e8e8);
	text-align: center;
}
.iconfeatures-icon { --icon-size: 56px; display: inline-flex; color: var(--brand-500, #7dcab0); }
.iconfeatures-icon .icon { stroke-width: 1.5; }
.iconfeatures-title { margin: var(--spacing-4, 16px) 0 0; color: var(--kore-slate, #333d47); }
.iconfeatures-text { margin: var(--spacing-3, 12px) 0 0; }
.iconfeatures--list .iconfeatures-list { display: grid; gap: var(--spacing-10, 40px); max-width: 960px; margin-inline: auto; }
.iconfeatures--list .iconfeatures-item { display: flex; gap: var(--spacing-6, 24px); align-items: flex-start; }
.iconfeatures--list .iconfeatures-icon { --icon-size: 44px; flex: none; }
.iconfeatures--list .iconfeatures-title { margin-top: 0; }
.kore-bg--slate .iconfeatures-title { color: #ffffff; }
.kore-bg--slate .iconfeatures-list,
.kore-bg--slate .iconfeatures-item { border-color: rgba(255, 255, 255, 0.15); }
@media (max-width: 1023px) {
	.iconfeatures--grid .iconfeatures-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
	.iconfeatures--grid .iconfeatures-list { grid-template-columns: minmax(0, 1fr); }
	.iconfeatures--grid .iconfeatures-item { padding: var(--spacing-8, 32px) var(--spacing-5, 20px); }
}
