.colours-image-box-carousel-wrap{
	cursor: grab;
}

.colours-image-box-carousel .slick-list{
	margin: 0 -15px;
}

.colours-image-box-carousel .slick-slide{
	margin: 0 15px;
}

.colours-image-box{
	text-align: center;
}

.colours-image-box .image-box-img{
	margin-bottom: 20px;
}

.colours-image-box .image-box-img figure{
	line-height: 0;
}

.colours-image-box figure img {
	width: 100%;
    aspect-ratio: 1 / 0.7;
	border-radius: 10px;
    object-fit: cover;
}

.colours-image-box .image-box-title .image-title{
	font-size: 22px;
	color: var(--e-global-color-secondary);
}

.colours-image-box-carousel .slick-arrow{
	--left-right-arrow: -100px;
	position: absolute;
	top: 50%;
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 0;
    border: 0;
    width: 50px;
    height: 50px;
	transition: all 0.3s ease-in-out;
	transform: translateY(-50%);
	z-index: 10;
}

.colours-image-box-carousel .slick-arrow:hover{
	background-color: var(--e-global-color-secondary);
}

.colours-image-box-carousel .slick-arrow svg{
	width: 18px;
}

.colours-image-box-carousel .slick-arrow.prev-arrow{
	left: var(--left-right-arrow);
}

.colours-image-box-carousel .slick-arrow.next-arrow{
	right: var(--left-right-arrow);
}


@media only screen and (max-width: 1520px){
	
	.colours-image-box-carousel{
		padding-bottom: 100px;
	}
	
	.colours-image-box-carousel .slick-arrow{
		--left-right-arrow: calc(50% - 60px);
		top: auto;
		bottom: 0;
		transform: translateY(0);
	}
	
}

@media only screen and (max-width: 1024px){
	
	.colours-image-box-carousel{
		padding-bottom: 80px;
	}	
	
	.colours-image-box .image-box-title .image-title{
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px){
	
	.colours-image-box-carousel .slick-list{
		margin: 0 -10px;
	}

	.colours-image-box-carousel .slick-slide{
		margin: 0 10px;
	}

	
	.colours-image-box .image-box-title .image-title{
		font-size: 18px;
	}

	.colours-image-box-carousel .slick-arrow{
		--left-right-arrow: calc(50% - 46px);
		width: 40px;
		height: 40px;
	}
	
	.colours-image-box-carousel .slick-arrow svg{
		width: 16px;
	}
	
}