.features { padding-block: clamp(40px, 5vw, 64px) clamp(48px, 6vw, 80px); }

.section-head { text-align: center; margin-bottom: clamp(34px, 4vw, 56px); }

.feature-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(20px, 3vw, 44px);
}
.feature { text-align: center; }
.feature-ico {
	width: 80px; height: 80px;
	margin: 0 auto 18px;
	display: grid; place-items: center;
	border-radius: var(--radius-sm);
	background: linear-gradient(135deg, var(--mint-1), var(--mint-2));
	color: var(--teal);
}
.feature-ico svg { width: 30px; height: 30px; }
.feature-title {
	font-weight: 700;
	font-size: 25px;
	color: #141414;
	line-height: 1.25;
}
.feature-text { margin: 0; color: #1D1E20; font-size: 18px; font-weight: 300;}

@media screen and (max-width: 40em) {
	.feature-grid {display: flex; flex-direction: column;}
}