/*
 * History Carousel CSS
 * */
.properties-carousel-widget{
	overflow-x: clip;
}

.properties-carousel{
	opacity: 0;
	visibility: hidden;
	cursor: grab;
}

.properties-carousel.slick-initialized{
	opacity: 1;
	visibility: visible;
}

.properties-carousel .slick-track{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}

.properties-carousel .slick-slide{
	margin: 0 15px;
	height: auto;
}

.properties-carousel .slick-list{
	margin: 0 -15px;
	padding-left: 0 !important;
}

.property-box{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	height: 100%;
	overflow: hidden;
	background: var(--e-global-color-secondary);
}

.property-box .property-content{
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	width: 57%;
	padding: 125px 30px 30px;
}

.property-box .property-image{
	width: 43%;
	height: 100%;
}

.property-box .property-image figure{
	height: 100%;
}

.property-box .property-image img{
	width: 100%;
	aspect-ratio: 1 / 0.86;
	object-fit: cover;
	height: 100%;
}

.property-box .property-content .number{
	position: absolute;
    top: 25px;
    left: 25px;
    z-index: 1;
}

.property-box .property-content .number h5{
	color: rgb(from var(--e-global-color-primary) r g b / 5%);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: 100px;
    font-weight: 500;
    font-style: normal;
    line-height: 0.8em;
	margin: 0;
}

.property-box .property-content .title{
	max-width: 95%;
}

.property-box .property-content .title h3{
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    font-style: var(--e-global-typography-secondary-font-style);
    line-height: var(--e-global-typography-secondary-line-height);
	margin: 0;
}

.property-box .property-content .description{
	color: var(--e-global-color-text);
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
	margin-top: 20px;
}

.property-box .property-content .description > *:last-child{
	margin-bottom: 0;
}

.properties-carousel .slick-arrow{
	outline: none;
	border: none;
	padding: 0;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -115px;
	bottom: auto;
	transform: translate(0);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background-color: var(--e-global-color-accent);
	background-image: url("../images/arrow-next.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 18px;
	z-index: 10;
	transition: all 0.3s ease-in-out;
}

.properties-carousel .slick-arrow:hover,
.properties-carousel .slick-arrow:focus{
	background-color: var(--e-global-color-primary);
}

.properties-carousel .slick-arrow.prev-arrow{
	background-image: url("../images/arrow-prev.svg");
	left: auto;
	right: 70px;
}

.properties-carousel .slick-arrow.next-arrow{
	right: 0;
	left: auto;
}

@media only screen and (max-width: 1024px){

	.properties-carousel .slick-slide{
		margin: 0 10px;
	}

	.properties-carousel .slick-list{
		margin: 0 -10px;
	}
	
	.property-box .property-content{
		width: 57%;
		padding: 100px 30px 30px;
	}

	.property-box .property-image{
		width: 43%;
	}
	
	.property-box .property-image img{
		aspect-ratio: 1 / 0.9;
	}

	.property-box .property-content .number h5{
		font-size: 80px;
	}

	.property-box .property-content .title{
		max-width: 100%;
	}

	.property-box .property-content .description{
		margin-top: 15px;
	}
	
	.properties-carousel{
		padding-bottom: 90px;
	}
	
	.properties-carousel .slick-arrow{
		width: 45px;
		height: 45px;
		top: auto;
		bottom: 0;
		transform: translate(0);
	}
	
	.properties-carousel .slick-arrow.prev-arrow{
		left: calc(50% - 55px);
		right: auto;
	}

	.properties-carousel .slick-arrow.next-arrow{
		right: calc(50% - 55px);
		left: auto;
	}
}

@media only screen and (max-width: 991px){
	
	.property-box .property-content{
		justify-content: flex-start;
		padding: 30px;
	}

	.property-box .property-content .number{
		position: relative;
		top: initial;
		left: initial;
		margin-bottom: 20px;
	}

	.property-box .property-content .number h5{
		font-size: 70px;
	}	
}

@media only screen and (max-width: 767px){
	
	.property-box{
		flex-direction: column;
	}

	.property-box .property-content{
		width: 100%;
		padding: 25px 20px;
	}

	.property-box .property-image{
		width: 100%;
		height: auto;
	}

	.property-box .property-image figure,
	.property-box .property-image img{
		height: auto;
	}

	.property-box .property-content .number h5{
		font-size: 50px;
	}
	
	.properties-carousel{
		padding-bottom: 80px;
	}	
}