.ci-projects {
	.ci-projects-intro {
		margin: 10rem 0;
		.ci-projects-heading {
			h2 {
				margin-top: 0;
				@media screen and (max-width: 1024px) {
					margin-bottom: 0;
				}
			}
		}
		.ci-width-expand {
			> * {
				margin-top: 0;
			}
		}
		@media screen and (max-width: 1024px) {
			margin: 4rem 0;
		}
	}
	.ci-project-info {
		padding: 5rem 0;
		background-color: #293135;
		.ci-grid {
			align-items: center;
		}
		*:not(.button) {
			color: var(--color-ci-bg-main);
		}
		.metafield-rich_text_field {
			> * {
				margin-top: 0 !important;
				&:last-child {
					margin-bottom: 0 !important;
				}
			}
		}
	}
	.ci-project-img {
		img {
			display: block;
			width: 100%;
			max-width: 100%;
			height: auto;
			aspect-ratio: 2 / 1;
			object-fit: cover;
		}
	}
	.ci-project-slider .slick-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
		width: 4rem;
		height: 4rem;
		background-color: var(--color-ci-dark-gray);
		cursor: pointer;
		padding: 0;
		transition: all 0.3s ease;
		border: 1px solid #e0dbd3;

		img {
			height: auto;
			width: 60%;
		}

		&:before {
			display: none;
		}

		&.slick-prev {
			transform: translateY(-50%) rotate(180deg);
		}

		@media screen and (max-width: 1024px) {
			width: 3.5rem;
			height: 3.5rem;
		}
	}

	.ci-project-slider .slick-arrow:hover {
		border-color: var(--color-ci-dark-gray);
		background-color: var(--color-ci-dark-gray);
	}

	.ci-project-slider .slick-prev {
		left: 2rem;
	}

	.ci-project-slider .slick-next {
		right: 2rem;
	}
}