.features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px 10px;
}
.feature-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 12px;
	position: relative;
}
.features-grid .feature-item:nth-child(2n-1)::after {
	content: '';
	width: 1px;
	height: 90%;
	position: absolute;
	top: 5%;
	left: -6px;
	background: #E2E2E2;
}
.features-grid .feature-item:nth-child(n+3)::before {
	content: '';
	width: 90%;
	height: 1px;
	position: absolute;
	top: -24px;
	background: #E2E2E2;
	right: 5%;
}
.feature-item .title {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 5px;
	color: var(--color_text);
	font-family: var(--med_font);
	transition: 0.4s ease;
	text-align: center;
}
.feature-item .desc {
	font-size: 14px;
	color: var(--color_text);
	line-height: 22px;
	text-align: center;
}
.icon-wrap {
	width: 54px;
	height: 54px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--color1);
	font-size: 42px;
	margin-bottom: 10px;
	transition: 0.4s ease;
}
.feature-item:hover .icon-wrap {
	color: var(--color3);
}
.feature-item:hover .title {
	color: var(--color3);
}
.feature-item img {
	transition: 0.4s ease;
	max-width: 42px;
}
.feature-item:hover img {
	filter: invert(50%) sepia(48%) saturate(580%) hue-rotate(355deg) brightness(93%) contrast(90%);
}
.swiper.swiper-features .swiper-slide:not(:last-child)::after {
	content: '';
	width: 1px;
	height: calc(100% - 23px);
	top: 10px;
	left: 0;
	background: #e2e2e2;
	position: absolute;
}
@media screen and (min-width: 768px) {
	.feature-item .title {
		font-size: 18px;
	}
}
@media screen and (min-width: 992px) {
	.features-grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.features-grid .feature-item:not(:nth-child(4n))::after {
		content: '';
		width: 1px;
		height: 90%;
		position: absolute;
		top: 5%;
		left: -6px;
		background: #E2E2E2;
	}
	.features-grid .feature-item:nth-child(n)::before {
		content: none;
	}
	.features-grid .feature-item:nth-child(n+5)::before {
		content: '';
		width: 90%;
		height: 1px;
		position: absolute;
		top: -24px;
		background: #E2E2E2;
		right: 5%;
	}
}
@media screen and (min-width: 1400px) {

}