.elx-project-section {
	overflow: hidden;
	padding: 140px 0px 105px;
	&:before {
		top: 0;
		right: 0;
		width: 100%;
		content: '';
		height: 590px;
		position: absolute;
		background-color: var(--base-color-2);
	}
}
.elx-project-top-content {
	max-width: 1110px;
	.elx-section-title {
		max-width: 610px;
		h2 {
			color: #fff;
		}
	}
	.elx-carousel-btn {
		button {
			display: block;
		}
	}
}
.elx-project-content {
	padding-top: 75px;
	margin: 0 -15px;
}
.elx-project-slider-item-wrap {
	padding: 0px 15px;
}
.elx-project-item {
	padding-bottom: 50px;
	max-width: 365px;
	.project-img {
		overflow: hidden;
		img {
			transition: all 500ms ease;
		}
	}
	.project-text {
		right: 0;
		bottom: 0;
		z-index: 1;
		overflow: hidden;
		max-width: 310px;
		position: absolute;
		padding: 30px 20px 50px 35px;
		background-color: #ffff;
		border-left: 5px solid var(--base-color);
		box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
		&:before {
			top: 0;
			right: 0;
			width: 0%;
			left: auto;
			content: '';
			z-index: -1;
			height: 101%;
			position: absolute;
			transition: 500ms all ease;
			background-color: var(--base-color);
		}
		h3 {
			color: var(--base-color-2);
			font-size: 20px;
			line-height: 1.5;
			font-weight: 600;
		}
		.project-arrow {
			right: 30px;
			bottom: 20px;
			position: absolute;
			transform: rotate(-45deg);
			transition: 500ms all ease;
			i {
				color: var(--base-color-2);
				font-size: 35px;
				transition: 500ms all ease;
			}

		}
	}
	&:hover {
		.project-img {
			img {
				transform: scale(1.1);
			}
		}
		.project-text {
			&:before {
				left: 0;
				right: auto;
				width: 100%;
			}
			h3 {
				color: #fff;
			}
			.project-arrow {
				transform: rotate(0);
				i {
					color: #fff;
				}
			}
		}
	}
}
.bzx-project-slider {
	.slick-list {
		overflow: visible;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.slick-slide {
		opacity: 0; 
		transition: 500ms all ease;
		&.slick-active {
			opacity: 1;
		}
	}
}
.elx-project-slider {
	.slick-list {
		overflow: visible;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.slick-slide {
		opacity: 0; 
		transition: 500ms all ease;
		&.slick-active {
			opacity: 1;
		}
	}
}