.project-gallery .project-gallery-item {
	width: 90vw;
	max-width: 1192px;

	position: relative;
}

.project-gallery .project-gallery-item::before {
	content: '';
	display: block;
	padding-top: 56.25%; /* 16:9 aspect ratio */
}

.project-gallery .project-gallery-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	border-radius: 24px;
}

.project-gallery .project-gallery-controls {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 50%;
	transform: translateX(-50%);

	width: 100%;
	height: 100%;
	max-width: 1192px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 40px;
}

.project-gallery [class*="project-gallery-control-"] {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;

	border-radius: 100%;

	background-color: var(--e-global-color-f006f99);

	cursor: pointer;
}

.project-gallery .project-gallery-control-prev {
	left: 0;
}

.project-gallery .project-gallery-control-next {
	right: 0;
}

.project-gallery [class*="project-gallery-control-"] svg {
	width: 24px;
	height: 24px;

	fill: var(--e-global-color-secondary);
}

@media (max-width: 1280px) {
	.project-gallery .project-gallery-item {
		width: 80vw;
	}

	.project-gallery .project-gallery-controls {
		width: 80vw;
	}
}

@media (max-width: 767px) {
	.project-gallery .project-gallery-item {
		width: 70vw;
	}

	.project-gallery .project-gallery-controls {
		width: 70vw;
	}
}