.features-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 320px));
	gap: 3rem;
	justify-content: center;
	margin-top: 4rem;
}
.feature-card {
	text-align: center;
	align-items: center;
	transition:
		transform .35s ease,
		box-shadow .35s ease;
}
.feature-card:hover {
	transform: translateY(-6px);
}
.feature-card:hover svg {
	transform:
		translateY(-6px)
		rotate(-4deg);
}
.feature-icon {
	font-size: 2rem;
	margin-bott: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}
.feature-icon svg {
	width: 34px;
	height: 34px;
	transition:
		transform .35s ease,
		stroke .35s ease;
}
.features {
	padding-top: 8rem;
}
.section-heading h2, p {
	text-align: center;
}
@media (min-width: 768px) and (max-width: 1234px) {
	.feature-card:last-child {
		grid-column: 1 / -1;
		justify-self: center;
		max-width: 350px;
		width: 100%;
	}
}