.feature-hero{
    padding:40px 20px 10px;
}

.feature-hero .section-heading{
	margin-bottom:0px;
}

.feature-hero + .section{
    padding-top:20px;
}

.feature-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
	margin-top:20px;
}

.feature-card{

	padding:40px 28px;
	text-align:center;

}

.feature-icon{
	font-size:48px;
	color:var(--brand);
	line-height:1;
	margin-bottom:18px;
}

.feature-icon i{
	display:inline-block;
}

.feature-card h2{

	margin:0 0 14px;
	font-size:28px;

}

.feature-card p{

	margin:0;
	color:var(--muted);
	line-height:1.9;

}

.section-template{

	background:var(--surface);

}

.template-grid{

	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;

}

.template-grid img{

	width:100%;
	border-radius:22px;
	box-shadow:var(--shadow-medium);
	transition:.2s;

}

.template-grid img:hover{

	transform:translateY(-6px);

}

@media(max-width:900px){

	.feature-grid{

		grid-template-columns:repeat(2,1fr);

	}

	.template-grid{

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:640px){

	.feature-grid{

		grid-template-columns:1fr;

	}

	.template-grid{

		grid-template-columns:1fr;

	}

}