.feature-grid-new {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}

.feature-grid-new .feature-card {
	min-height: 252px;
	padding: 28px;
	border: 1px solid var(--border);
	background: #ffffff;
}

.feature-grid-new .feature-card-dark {
	color: #ffffff;
	border-color: var(--ink);
	background: var(--ink);
}

.feature-index {
	display: block;
	color: var(--aqua-deep);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.2px;
}

.feature-card-dark .feature-index {
	color: #8de1e8;
}

.feature-grid-new h3 {
	margin: 48px 0 12px;
	font-size: 21px;
}

.feature-grid-new p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
}

.feature-card-dark p {
	color: #c6d6da;
}

@media (max-width: 900px) {
	.feature-grid-new {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.feature-grid-new {
		grid-template-columns: 1fr;
	}
}