.cards-with-icon {
    margin-block: 100px;
}

.cards-with-icon .cards-with-icon__title {
	margin: 0;
}

.cards-with-icon .cards-with-icon__items:not(:first-child) {
    margin-top: 80px;
}

.cards-with-icon .cards {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 36px;
}

.cards-with-icon .card {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 60px;
	background: linear-gradient(180deg, var(--bg-color, #E2E5F4) 0%, var(--white) 100%);
}

.cards-with-icon .card-icon {
    width: 50px;
    height: 50px;
}

.cards-with-icon .card-icon svg {
    width: 100%;
    height: 100%;
}

.cards-with-icon .card-icon svg *[stroke] {
    stroke: var(--content-color, var(--blue-dark));
}

.cards-with-icon .card-icon svg *[fill] {
    fill: var(--content-color, var(--blue-dark));
}

.cards-with-icon .card-title {
    color: var(--content-color, var(--blue-dark));
}

.cards-with-icon .card-title:not(:first-child) {
    margin-top: 26px;
}

.cards-with-icon .card-description {
    font-weight: 600;
    color: var(--content-color, var(--blue-dark));
}

.cards-with-icon .card-description:not(:first-child) {
    margin-top: 28px;
}

@media (max-width: 1024px) {
	.cards-with-icon {
        margin-block: 80px;
    }

	.cards-with-icon .cards-with-icon__items:not(:first-child) {
		margin-top: 60px;
	}

	.cards-with-icon .cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}

	.cards-with-icon .card {
		padding: 24px 24px 48px;
	}

	.cards-with-icon .card-title:not(:first-child) {
		margin-top: 20px;
	}

	.cards-with-icon .card-description:not(:first-child) {
		margin-top: 24px;
	}
}

@media (max-width: 767px) {
	.cards-with-icon {
        margin-block: 60px;
    }

	.cards-with-icon .cards-with-icon__items:not(:first-child) {
		margin-top: 40px;
	}

	.cards-with-icon .cards {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.cards-with-icon .card {
		padding: 18px 18px 36px;
	}

	.cards-with-icon .card-title:not(:first-child) {
		margin-top: 14px;
	}

	.cards-with-icon .card-description:not(:first-child) {
		margin-top: 18px;
	}
}