/***********************************************/
/**************************/
/***********************************************/

/**************************/
/******** GENERAL *********/
/**************************/


.carouselVille .flickity-viewport {
	overflow : visible;
}

.carouselVille .carousel-cell {
	width : 100%;
	max-width : 384px;
	height : 504px;
	margin-right : 32px;
	position : relative;
	display : flex;
	flex-direction : column;
	justify-content : flex-end;
	color : #FFF;
	transition : 0.3s ease;
	border-radius : 16px;
	padding : 30px;
	background-position : center center;
	background-size : cover;
}
.carouselVille .carousel-cell:before {
	content : "";
	width : 100%;
	height : 100%;
	position : absolute;
	border-radius : 16px;
	top : 0;
	left : 0;
	background: linear-gradient(358.54deg, #101828 2.11%, rgba(16, 24, 40, 0) 60.79%);
	z-index : -1;
	transition : 0.3s ease;
}

.carouselVille .carousel-cell:hover:before {
	height : calc( 100% + 300px );
	top : -300px;
}


.carouselVille .carousel-cell h3 {
	font-size : 30px;
	font-weight : 700;
}


.carouselVille .carousel-cell p {
	font-size : 16px;
	margin : 0;
}


.btn-ville {
	background : none !important;
	padding : 0px;
	margin-top : 32px;
	transition : 0.3s ease;
}
.btn-carousel-next {
	margin-left : 30px;
}

.btn-ville path {
		transition : 0.3s ease;
}

.btn-ville:hover path {
		stroke : var(--accent);
}


/**************************/
/******** RESPONSIVE ******/
/**************************/


@media (max-width: 768px) {
}