@media (min-width: 1024px) {

	.cards__container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:20px;
	}

	.card-item:not(.card-item--3) {
		max-width: 600px;
	}

	.card-item--3 {
		grid-column: 1 / -1;
	}

}

@media (max-width: 1023px) {

	.cards__container {
		display: grid;
		gap:50px !important;
	}
}