.hat-services__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(clamp(220px, 18.75vw, 360px), 1fr));
	gap: var(--hat-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.hat-services__item {
	padding: clamp(16px, 1.042vw, 20px);
	border: 1px solid rgba(48, 48, 48, 0.12);
	border-radius: clamp(6px, 0.417vw, 8px);
	background: #fff;
}

.hat-services__name {
	margin: 0 0 clamp(6px, 0.417vw, 8px);
	font-size: clamp(16px, 0.938vw, 18px);
	color: var(--hat-color-primary);
}

.hat-services__text {
	margin: 0;
	font-size: clamp(14px, 0.781vw, 15px);
	color: var(--hat-color-text);
	opacity: 0.9;
}