.project-data {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;

	padding: 0;
	margin: 0;
	list-style: none;
}

.project-data .project-data-item {
	display: flex;
	gap: 24px;

	margin: 0;
}

.project-data .project-data-item svg {
	flex: 0 0 auto;

	width: 48px;
	fill: var(--e-global-color-primary);
}

.project-data .project-data-content {
	display: flex;
	flex-direction: column;
	gap: 8px;

	flex: 1 0 0;
}

.project-data .project-data-label {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;

	margin: 0;
}

.project-data .project-data-value {
	display: flex;
	flex-direction: column;
	gap: 6px;

	font-weight: 400;
	line-height: 1;

	margin: 0;

	color: var(--e-global-color-text);
}

.project-data .project-data-value p {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.project-data {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.project-data {
		grid-template-columns: repeat(2, 1fr);
	}

	.project-data .project-data-item {
		flex-direction: column;
		gap: 16px;
	}
}