.carousel-div-header {
	color: #fff;
	background-color: #1B2A36;
}
.carousel-div-header h1,
.carousel-div-header h2,
.carousel-div-header h3,
.carousel-div-header h4 {
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
}


.carousel-div-header .carousel-inner {
	display: flex;
	align-items: center;
	height: 600px;
	padding-left: 20px;
}

.carousel-div-header .carousel-item {
	height: 60%;
	position: relative;
	border-left: 1px solid #fff;
	padding-left: 20px;
}
.slide-emozionale {
	border-left: 2px solid #DE7954;
}
.emozionale {
	color: #DE7954;
}
.slide-innovativa {
	border-left: 2px solid #74BBE8;
}
.innovativa {
	color: #74BBE8;
}
.slide-sostenibile {
	border-left: 2px solid #7ABE87;
}
.sostenibile {
	color: #7ABE87;
}

.slide-immagine {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: .5;
}

.carousel-div-header .carousel-control-next,
.carousel-div-header .carousel-control-prev {
	position: absolute;
	top: 50%;
	left: -50px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 10px;
	color: #fff;
	text-align: center;
	background: transparent;
	border: 1px solid #fff;
	opacity: 1;
	transition: opacity .15s ease;
}
.carousel-div-header .carousel-control-next {
	transform: translateY(-45px);
}
.carousel-div-header .carousel-control-prev {
	transform: translateY(+5px);
}

/* mobile */
@media screen and (max-width: 500px) {

	.carousel-div-header .carousel-inner {
		height: 550px;
		padding-left: 0;
	}

	.carousel-div-header .slide-immagine {
		right: 0;
		top: auto;
		bottom: 0;
		transform: translateY(0);
	}

	.carousel-div-header .carousel-control-next,
	.carousel-div-header .carousel-control-prev {
		top: auto;
		bottom: 20px;
		left: 50%;
	}
	.carousel-div-header .carousel-control-next {
		transform: translateX(+5px);
	}
	.carousel-div-header .carousel-control-prev {
		transform: translateX(-45px);
	}
}
/* mobile */









.div-progetti {
	color: #fff;
	background-color: #1B2A36;
	padding-top: 60px;
	padding-bottom: 60px;
}

.carousel-div-progetti h1,
.carousel-div-progetti h2,
.carousel-div-progetti h3,
.carousel-div-progetti h4 {
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
}


.carousel-div-progetti .carousel-inner {
	display: flex;
	align-items: center;
	height: auto;
	padding-left: 80px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.carousel-div-progetti .carousel-item {
	position: relative;
	padding-left: 20px;
}

.slide-immobiltour {
	border-left: 2px solid #74BBE8;
}

.slide-stardomus {
	border-left: 2px solid #F08013;
}

.slide-superbonus {
	border-left: 2px solid #1e8c51;
}

.slide-propertydigitaltwin {
	border-left: 2px solid #703853;
}

.carousel-div-progetti .carousel-control-next,
.carousel-div-progetti .carousel-control-prev {
	position: absolute;
	top: 50%;
	left: 15px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 10px;
	color: #1B2A36;
	text-align: center;
	background: #fff;
	border: 1px solid #1B2A36;
	opacity: 1;
	transition: opacity .15s ease;
}
.carousel-div-progetti .carousel-control-next {
	transform: translateY(-45px);
}
.carousel-div-progetti .carousel-control-prev {
	transform: translateY(+5px);
}

/* mobile */
@media screen and (max-width: 500px) {

	.carousel-div-progetti .carousel-inner {
		height: 550px;
		padding-left: 0;
	}

	.carousel-div-progetti .slide-immagine {
		right: 0;
		top: auto;
		bottom: 0;
		transform: translateY(0);
	}

	.carousel-div-progetti .carousel-control-next,
	.carousel-div-progetti .carousel-control-prev {
		top: auto;
		bottom: 20px;
		left: 50%;
	}
	.carousel-div-progetti .carousel-control-next {
		transform: translateX(+5px);
	}
	.carousel-div-progetti .carousel-control-prev {
		transform: translateX(-45px);
	}
}
/* mobile */




.div-contatti {
	background-color: #FFC000;
	color: #1B2A36;
	padding-top: 60px;
	padding-bottom: 60px;
}






.div-blog {
	position: relative;
	background-color: #f0f0f0;
	padding: 0px 15px 25px 15px;
	margin-bottom: 30px;
}
.div-blog-img {
	width: 100%;
	position: relative;
	top: -10px;
	left: -15px;
	padding: 0;
	margin-bottom: 25px;
}
.div-blog-data {
	width: auto;
	background-color: #FFC000;
	padding: 6px 10px;
	position: absolute;
	top: 100%;
	transform: translateY(-50%);
	left: 25px;
}

.div-blog-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.div-blog-text h4,
.div-blog-text p {
	margin-bottom: 5px;
}