.latest-projects:not(.swiper) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.latest-projects:not(.swiper) .first-project-item {
	grid-column: 1 / -1;
}

@media (max-width: 1024px) {
	.latest-projects:not(.swiper) {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.latest-projects:not(.swiper) {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}