.section-cards {
	overflow: hidden;
}
.section-cards.section-cards--main {
	max-width: 1540px;
	padding: 0 12px;
	margin: 0 auto 45px;
}
.section-cards__container {
	margin: 0 auto;
}
.section-cards__grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.section-cards__card {
	flex: 0 0 100%;
	position: relative;
	min-height: 124px;
	margin: 0 0 8px;
	padding: 15px 22px;
	overflow: hidden;
	color: var(--gray-100, #1f2933);
	text-decoration: none;
	border: 1px solid var(--secondary-1000, #e4e7eb);
	background: var(--base-white, #fff);
	transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.section-cards__card:hover {
	color: var(--gray-100, #1f2933);
	border-color: var(--gray-500, #9aa5b1);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .06);
	opacity: 1;
}
.section-cards__card-name {
	position: relative;
	z-index: 2;
	max-width: 56%;
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 700;
	line-height: 21px;
}
.section-cards__card-descr {
	position: relative;
	z-index: 2;
	max-width: 56%;
	margin: 0;
	color: var(--gray-400, #667085);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
}
.section-cards.section-cards--main .section-cards__card-descr {
	color: #6b7787;
}
.section-cards__card-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 60%;
	pointer-events: none;
}
.section-cards__card-icon img, .section-cards__card-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 768px) {
	.section-cards {
		padding: 0 0 60px;
	}
	.section-cards__card-icon {
		width: 70%;
	}
	.section-cards__card-descr {
		max-width: 37%;
	}
	.section-cards.section-cards--main .section-cards__card {
		min-height: 300px;
		padding: 36px 40px;
	}
	.section-cards.section-cards--main .section-cards__card-descr {
		font-size: 16px;
		line-height: 1.5;
	}
	.section-cards.section-cards--main .section-cards__card-name {
		font-size: 27px;
		line-height: 1.18;
		margin: 0px 0px 14px 0px;
		max-width: 42%;
	}
}
@media (min-width: 1024px) {
	.section-cards__grid {
		margin: -10px;
	}
	.section-cards.section-cards--main .section-cards__grid {
		margin: -20px;
	}
	.section-cards__card-icon {
		width: 90%;
	}
	.section-cards {
		padding: 0 0 44px;
	}
	.section-cards.section-cards--section .section-cards__card {
		flex: 0 0 calc(33.33333% - 20px);
		margin: 10px;
	}
	.section-cards.section-cards--main .section-cards__card {
		flex: 0 0 calc(50% - 40px);
		margin: 20px;
	}
}
@media (min-width: 1920px) {
	.section-cards__card-icon img, .section-cards__card-icon svg {
		width: auto;
		object-position: right;
		margin: 0 0 0 auto;
	}
}