.card-block-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px 18px;
}


.card-block {
	border: 1px solid #dce4e4;
	border-radius: 20px;
	padding: 31px 12px 26px;
	background-color: #fff;
	transition: border-color .3s;

}


.card-block:hover {
	border-color: #1AB0F6;
}

.card-block, .card-block * {
	text-align: left;
}

.card-block i {
	color: #1AB0F6;
	font-size: 42px;
    margin-left: 7px;
}

.card-block-title {
    margin: 24px 0 14px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
	.card-block-container {
		gap: 16px 16px;
	}

	.card-block {
		padding-left: 25px;
		padding-right: 25px;
	}

	.card-block-title {
		margin: 29px 0 14px;
	}
}

@media screen and (min-width: 1280px) {
	.card-block-container {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px 18px;
	}

	.card-block {
		padding: 30px 27px 46px;
	}

}