.chisiamoPage {
	/* home page style starts */



	.com-content-article__body{
		position: relative;
		z-index: 100;
		background-color: #fff;
	}

	.maincontent {
		display: flex;
		justify-content: stretch;
		width: 100%;

		.component-container {
			padding: 0px;
			width: 100%;
		}

	}


	.video-pagina{
		display: flex;
		flex-direction: column;
		position: relative;


		& video{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			height: 100%;
			width: 177.77777778vh;
			min-width: 100%;
			min-height: 56.25vw;
		}

		& video[poster]{
			height:100%;
			width:100%;
			object-fit: cover;
			object-position: center;
		}
	
		.inner-content {
			position: relative;
			display: flex;
			flex-direction: column;
			text-align: center;
			justify-content: center;
			align-items: center;
			isolation: isolate;
			margin-bottom: 0px;
			padding: 8rem 2rem;
			background: rgba(0, 0, 0, 0.5);
			order: 1;
			z-index: 10;

			@media (max-width:500px){
				padding-inline: 1rem;
			}
	
/* 			&:before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 50%;
				background: linear-gradient(180deg, rgba(27, 60, 74, 0) 0%, rgba(27, 60, 74, 1) 100%);
				mix-blend-mode: lighten;
				opacity: 1;
				z-index: -1;
		} */
	
	
	& > h1{
font-size: 3.4rem;
                line-height: 1;
                margin: 0;
                padding: 0 1rem;
                text-transform: uppercase;
                color: #fff;
                background-color: var(--secondary-color);


		
	@media (max-width: 979px) {

	}

	}
	
	
	& > h2 {
                font-size: 1.1rem;
                line-height: 1.2;
                order: -1;
                letter-spacing: 0;
                margin: 0 0 3rem;
                padding-bottom: 10px;
                color: #fff;
                border-bottom: 3px solid #fff;
                max-width: max-content;
                text-transform: uppercase;
                font-family: var(--body-font);
	}
	
	& p.riassunto-cf {
font-size: 1.6rem;
color: var(--lsecondary-color);
line-height: 1.4;
font-weight: 600;
font-family: var(--body-font-family);
margin: 16px 0 16px;
max-width: 979px;
text-wrap: balance;
color: #fff;
text-transform: uppercase;

		@media (max-width: 979px) {
			font-size: 1.1rem;
		}
	}
	
	}
	
	
	figure.item-image{
	box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 10;
	display: flex;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	& img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	}
	
	
		.galleriapaginearticoli-cf{
			box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.5);
			position: relative;
			z-index: 10;
			.swiper{
				&.swiper:not(.swiper-initialized){
					display: none;
				}
				padding-bottom: 0;
				.swiper-wrapper{
					height: 500px;
					.swiper-slide{
						height: 500px;
						& img{
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
					}
				}
	
				.swiper-button-prev{
					border-radius: 0px 5px 5px 0px;
				}
				.swiper-button-next{
					border-radius: 5px 0px 0px 5px;
				}
	
				.swiper-button-prev,
				.swiper-button-next{
					height: 100px;
					width: 100px;
					top: 50%!important;
					bottom: auto!important;
					transform: translateY(-50%);
					background-color: #fff;
					opacity: 1;
					box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
	
					&:after{
						color: var(--primary-color);
					}
	
					&:hover{
						background-color: var(--secondary-color);
						transition: all 300ms linear !important;
						&:after{
							color: #fff;
						}
					}
	
					&.disabled{
						opacity: 0.5;
					}
				}
	
	
				.swiper-pagination{
					display: flex;
					align-items: center;
					background-color: #fff;
					padding: 0.5rem;
					bottom: 1rem;
					left: 50%;
					border-radius: 5px;
					max-width: max-content;
					transform: translateX(-50%);
					.swiper-pagination-bullet{
						background-color: var(--primary-color);
						opacity: 1;
					}
	
					.swiper-pagination-bullet.swiper-pagination-bullet-active{
						background-color: var(--secondary-color);
					}
				}
	
	
			}
		}
	}





.gallery-pagina{
	display: flex;
	flex-direction: column;

	.inner-content {
		position: relative;
		background-color: #efefef;
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
		isolation: isolate;
		margin-bottom: 0px;
		padding: 4rem 1rem;
		order: 1;

		&:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgb(255, 255, 255);
			background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
			opacity: 1;
			z-index: -1;
	}

	&:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../../../../../images/template/waves_overlay.svg);
		transition: opacity 0.5s ease;
		background-position: center right;
		background-size: cover;
		opacity: 1;
		z-index: -2;
}


& > h1{
	font-size: 3.4rem;
	font-style: italic;
	letter-spacing: -2px;
	line-height: 1;
	font-weight: 900;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: var(--primary-color);
}

& > h2 {
	font-size: 1.6rem;
	color: var(--secondary-color);
	line-height: 1.6;
	font-weight: 700;
	margin: 16px 0 16px;
	max-width: 767px;
	text-wrap: balance;
}

& p.riassunto-cf {
	font-size: 1.2rem;
	margin: 0 0 30px;
	line-height: 2;
	max-width: 767px;
}

}


figure.item-image{
box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 10;
display: flex;
margin: 0;

& img{
	width: 100%;
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}
}


	.galleriapaginearticoli-cf{
		box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 10;
		.swiper{
			&.swiper:not(.swiper-initialized){
				display: none;
			}
			padding-bottom: 0;
			.swiper-wrapper{
				height: 500px;
				.swiper-slide{
					height: 500px;
					& img{
						width: 100%;
            height: 100%;
            object-fit: cover;
						object-position: center;
					}
				}
			}

			.swiper-button-prev{
				border-radius: 0px 5px 5px 0px;
			}
			.swiper-button-next{
				border-radius: 5px 0px 0px 5px;
			}

			.swiper-button-prev,
			.swiper-button-next{
				height: 100px;
				width: 100px;
				top: 50%!important;
				bottom: auto!important;
				transform: translateY(-50%);
				background-color: #fff;
				opacity: 1;
				box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);

				&:after{
					color: var(--primary-color);
				}

				&:hover{
					background-color: var(--secondary-color);
					transition: all 300ms linear !important;
					&:after{
						color: #fff;
					}
				}

				&.disabled{
					opacity: 0.5;
				}
			}


			.swiper-pagination{
				display: flex;
				align-items: center;
				background-color: #fff;
				padding: 0.5rem;
				bottom: 1rem;
				left: 50%;
				border-radius: 5px;
				max-width: max-content;
				transform: translateX(-50%);
				.swiper-pagination-bullet{
					background-color: var(--primary-color);
					opacity: 1;
				}

				.swiper-pagination-bullet.swiper-pagination-bullet-active{
					background-color: var(--secondary-color);
				}
			}


		}
	}
}


.bg-color{
	background-color: var(--grey-200)!important;
}

.hero-section {
	display: flex;
	min-height: 550px;
	/* 		max-width: 1600px; */
	margin: 0 auto;
	position: relative;
	/* 		border-radius: 0px 0px 35px 35px; */
	align-items: center;
	justify-content: center;
	gap: 4rem;
	padding: 6rem 2rem 6rem;


	@media (max-width: 1279px) {
		flex-direction: column;
		max-height: none;
		padding: 0px 0px 60px;
		align-items: center;

		&>.left,
		&>.right {
			flex: 1 1 auto;
			text-align: center;
		}


		&>.left{
			.withLogoText{
				margin-bottom: 0;
			}
			& a.mainBtn{
				display: none;
			}
		}
	}


	&>img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: top right;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0.5;

	}

	.secondary-imgbg{
		position: absolute;
		width: 60%;
		height: 100%;
		right: 0;
		top: 0;
		opacity: 0.2;
		object-fit: contain;
		object-position: top right;

		@media (max-width: 1279px) {
			display: none;
		}
	}


	.left {
		flex: 0 1 490px;
		display: flex;
		flex-direction: column;
		padding: 0px;
		background-color: transparent;
		z-index: 1;
		height: 100%;

		@media (max-width: 1279px) {
			flex: 1 1 auto;
			padding-inline: 2rem;
		}

		.carsPic {
			max-width: 480px;
			margin: 0;
			display: none !important;

			@media (max-width: 767px) {
				max-width: 360px;
			}

		}


		.withLogoText {
			display: flex;
			flex-direction: column;
			gap: 20px;
			margin: 0 0 30px;

			@media (max-width: 1279px) {
				margin-bottom: 0px;
				max-width: 767px;
			}


				& h1 {
					margin: 0;
					padding: 0;
					font-size: 2.7rem;
					line-height: 1;
					font-weight: 900;
					color: var(--primary-color);
					letter-spacing: -0.5px;

					@media (max-width: 1279px) {
						font-size: 1.9rem;
					}
				}

				& h2 {
					margin: 10px 0 0px;
					padding: 0;
					font-size: 1.1rem;
					line-height: 1.2;
					font-weight: 900;
					letter-spacing: -0.5px;
					text-wrap: balance;

					@media (max-width: 1279px) {
						margin-top: 5px;
						font-weight: 700!important;
						color: var(--secondary-color);
					}
				}
		

		}

	}

	.right {
	/* 	width: 100%; */
		flex: 0 0 640px;
		position: relative;
		margin-bottom: 24px;
		z-index: 10;

		@media (max-width: 1279px) {
			order: -1;
			flex: 1 1 auto;
			/* max-width: 550px; */
			width: calc(100% - 2rem);
			margin: -70px 0 0;
		}




		.hero-video-div{
			position: relative;
			height: 100%;

			@media (max-width: 1279px) {
/* 				border: 5px solid #fff;
			border-radius: 25px; */
			}
		}


		& a.videoLink {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 10;
			top: 0;
			left: 0;
			z-index: 100;
		}

		& picture.videoCoverPic {
			height: 100%;
			width: 100%;
			overflow: hidden;
			border-radius: 25px;



			&:after{
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.5);
				content: '';
				border-radius: 25px;
				overflow: hidden;

			}

			& img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
	/* 			filter: saturate(0); */



			}
		}

		.playBtn {
			max-width: 120px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 10;
			/* margin-top: -20px; */

			@media (max-width: 1279px) {
			max-width: 90px;
			}

		}


		.discoverBtn{
			display: block;
			max-width: max-content;
			position: absolute;
			bottom: -8px;
			left: 50%;
			text-align: center;
			transform: translateX(-50%);
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0px 0px 0px 2px #efefef;
			cursor: pointer;
			padding: 10px 20px;
			z-index: 10;

			@media (max-width: 1279px) {

				width: 200px;
				max-width: none;
			}

			& > i{
				font-size: 0.9rem;
			}

			&:after{
				display: none;
			}
		}

		.withLogoText {
			width: 100%;
			position: absolute;
			bottom: 0px;
			left: 0px;
			padding: 30px 30px 30px;
			z-index: 1;
			color: #fff;
			z-index: 10;
			display: none;

			&>img {
				max-height: 40px;

				@media (max-width: 767px) {
					display: none;
				}
			}

			@media (max-width: 767px) {
				.titleDiv{
					width: 100%;
				}
			}


			& h3 {
				color: #fff;
				margin: 0;
				font-weight: 700;
				font-size: 1.6rem;

				@media (max-width: 1279px) {
					font-size: 1.2rem;
				}

				@media (max-width: 767px) {
					font-size: 1.2rem;
					max-width: 300px;
					text-align: center;
					margin: 0 auto;
				}

			}

			& p {
				color: #fff;
				font-size: 0.9rem;
				margin: 0;
				letter-spacing: -0.5px;
				font-weight: 600;

				@media (max-width: 767px) {
				display: none;
			}

			}
		}

	}

	&.hero-section-02{
		.withLogoText{
			gap: 10px;
			z-index: 10;
		& h2{
			font-size: 2.4rem;
			line-height: 1;
			font-weight: 900;
			letter-spacing: -1px;
			margin: 0;
			color: var(--secondary-color);
		}
		& h3{
			font-size: 1.1rem;
			color: var(--primary-color);
			line-height: 1.4;
			font-weight: 700;
			margin: 10px 0;

			@media (max-width: 1279px) {
			text-wrap: balance;
			}

		}
		& span.subtitle{
			order: -1;
			font-weight: 700;
			letter-spacing: 0;
			margin: 0 0 10px;
			padding-bottom: 10px;
			color: var(--secondary-color);
			border-bottom: 5px solid var(--secondary-color);
			max-width: max-content;

			@media (max-width: 1279px) {
				margin: 0 auto 10px;
			}
		}
		& p{
			font-size: 0.9rem;
			margin: 0 0 0.25rem;

			@media (max-width: 1279px) {
				text-wrap: balance;
			}

			&:last-of-type{
				margin-bottom: 0;
			}

			& b{
				font-weight: 700;
			}
		}

		& a{
			margin-top: 10px;
		}
	}
	}



	&.hero-section-03{

		flex-direction: column;
		gap: 0;
		padding-top: 0 ;


		.right{
			/* order: 1; */
			flex: 1 1 auto;
			/* max-width: 767px; */
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			gap: 10px;
			align-items: center;
			position: relative;
			margin-top: -4rem;


.hero-video-div{
	border: none;
}


			& picture{
				width: 767px;
				overflow: hidden;
				border-radius: 0;

				@media (max-width:979px){
					max-width: 320px;
				}

				&:after{

				border-radius: 0;
			border: 10px solid #fff;

				@media (max-width:979px){
				border-width: 5px;
				}

				}
			}

		}


		.left{
			flex: 1 1 auto;
			max-width: 767px;
			order: 1;
			padding: 4rem 4rem;
			display: flex;
			flex-direction: column;
			gap: 10px;
/* 			margin-top: -4rem; */
			align-items: center;
			background-color: #fff;
			text-align: left;

			@media (max-width: 767px) {
				padding-inline: 2rem;
			}


		}


		.withLogoText{
			gap: 10px;
			z-index: 10;
		& h2{
			font-size: 2.4rem;
			line-height: 1;
			font-weight: 900;
			letter-spacing: -1px;
			margin: 0;
			color: var(--secondary-color);
		}
		& h3{
			font-size: 1.2rem;
			color: var(--primary-color);
			line-height: 1.4;
			font-weight: 600;
			margin: 10px 0;

			@media (max-width: 1279px) {
			text-wrap: balance;
			}

		}
		& span.subtitle{
			order: -1;
			font-weight: 700;
			letter-spacing: 0;
			margin: 0 auto 10px;
			padding-bottom: 10px;
			color: var(--secondary-color);
			border-bottom: 5px solid var(--secondary-color);
			max-width: max-content;

			@media (max-width: 1279px) {
				margin: 0 auto 10px;
			}
		}
		& p{
			font-size: 0.9rem;
			margin: 0 0 0.25rem;

			@media (max-width: 1279px) {
				text-wrap: balance;
			}

			&:last-of-type{
				margin-bottom: 0;
			}

			& b{
				font-weight: 700;
			}
		}

		& a{
			margin-top: 10px;
		}
	}
	}


}











	.chisiamo-multicol-section{
		padding: 0 0px;
		margin: 0 auto;
		max-width: 1279px;
		position: relative;
		z-index: 1;
		top: -40px;
	
		@media (max-width: 1279px) {
			top: 0;
		}
	
	
		.swiper {
	
		&:not(.swiper-initialized){
			padding: 40px 0px;
			background-color: #fff;
			border-radius: 35px 35px  0 0;
			box-shadow: 0px -20px 30px -25px rgba(0,0,0,0.3);
	
			@media (max-width: 979px) {			
				box-shadow: none;
				border-radius: 0px;
			} 
	
	
	
			.swiper-wrapper {
				padding: 0px;
				@media (max-width: 979px) {			
					display: grid;
					grid-template-columns: 1fr 1fr 1fr ;
	
					.swiper-slide:nth-child(1){
						grid-column: -1 / 1;
						text-align: center;
	
						& p{
							max-width: 500px;
							margin: 0 auto;
						}
					}
	
				} 
	
				@media (max-width: 500px) {
					grid-template-columns: 1fr  ;
	
					.swiper-slide:nth-child(1){
						text-align: left;
					}
				}
			}
			
	
		}
	
		.swiper-wrapper {
			counter-reset: section;
			padding-right: 100px;
			padding: 0px;
	
	
	
			.swiper-slide > div {
				position: relative;
				padding: 30px;
	
				@media (max-width: 979px) {			
					padding: 0px 20px;
				} 
	
				&.withLogoText{
					& img{
						max-height: 60px;
						display: none;
					}
				}
	
				& h2{
					font-size: 2.4rem;
					line-height: 1;
					font-weight: 800;
					margin: 0 0 10px;
					letter-spacing: -1px;
				}
	
				.subTitleP{
					font-weight: 700;
					font-style: italic;
				}
	
	
				& h3 {
					margin: 0 0 10px;
					font-size: 1.1rem;
					color: var(--primary-color);
					line-height: 1.2;
					font-weight: 700;
	
					@media (max-width: 550px) {			
						font-size: 0.9rem;
					} 
	
					& span.number {
						width: 40px;
						height: 40px;
						flex: 0 0 40px;
						background-color: var(--secondary-color);
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						color: #fff;
						line-height: 1;
						font-weight: 700;
						margin-right: 10px;
	
	
						@media (max-width: 550px) {			
							width: 26px;
							height: 26px;
							flex: 0 0 26px;
							margin-right: 5;
						} 
	
					}
	
					& span{
						flex: 1 1 auto;
					}
	
					@media (max-width: 1279px) {			
						& span{
							flex: 0 0 120px;
						}
					} 
	
					@media (max-width: 550px) {			
					
						& span{
							flex: 1 1 auto;
						}
					} 
	
	
				}
	
				& p {
					margin: 0px;
					line-height: 1.4;
					font-size: 0.8rem;
				}
			}
		}
	
		.swiper-button-prev{display: none;}
	}
	
	
	
	
	
	.swiper.swiper-initialized{
		padding-right: 60px;
		padding-bottom: 20px;
	
		.swiper-slide {
			opacity: 0;
		}
		.swiper-slide-visible {
			opacity: 1;
			transition: opacity 300ms 300ms linear;
		}
	}
	
	
	}









	.quick-keypoints{
		background-color: var(--secondary-color);
		color: #fff;
		padding: 60px 30px;
		& ul{
			max-width: 1279px;
			background-color: rgba(0, 0, 0, 0.2);
			display: flex;
			justify-content: center;
			gap: 1px;
			margin: 0 auto;
			& li{
				text-align: center;
				padding: 30px 30px;
				background-color: var(--secondary-color);

				& div{
					background-color: rgba(0, 0, 0, 0.1);
					width: 70px;
					height: 70px;
					padding: 5px;
					display: flex;
				  justify-content: center;
					align-items: center;
					margin: 0 auto;
					border-radius: 20px;
				}

				& img{
					width: 100%;
					object-fit: contain;
					height: 100%;
				}
				& h2{
					font-size: 1.1rem;
					font-weight: 700;
					line-height: 1;
					margin: 15px 0 10px;
				}
				& p{
					margin: 0;
					padding: 0;
					font-weight: 500;
					font-size: 0.9rem;
					text-wrap: balance;
				}
			}
		}
	}








	.quick-sedi{
		background-color: var(--primary-color);
		color: #fff;
		display: block;
		clear: both;

		.inner{
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0 auto;
			max-width: 1279px;
			padding: 60px 0px;
			gap: 60px;

			& > div{
				flex: 0 1 200px;
				& h2{
					font-size: 2.4rem;
					line-height: 1;
					font-weight: 800;
					margin: 0 0 10px;
					letter-spacing: -1px;
				}
			}

		}



		& ul{
			display: flex;
			justify-content: center;
			& li{
				
			display: flex;
			flex-direction: column;
			gap: 10px;
				text-align: center;
				padding: 15px 15px;

				& h3{
					font-size: 1rem;
					font-weight: 700;
					line-height: 1;
					margin: 0px;
				}
				& p{
					margin: 0;
					padding: 0;
					font-weight: 500;
					font-size: 0.8rem;
					line-height: 1;
					text-wrap: balance;
				}
				& a.getDirectionLink{
					display: flex;
					justify-content: center;
					& span{
						background-color: var(--secondary-color);
						font-size: 0.8rem;
						padding: 3px 10px;
						color: #fff;
						border-radius: 5px;

						&:hover{
							background-color: rgba(255, 255, 255, 0.5);
						}
					}
				}
				& a.callnow-sede{
					color: #fff;
					font-size: 1.2rem;
					line-height: 1;

					&:hover{
            color: var(--secondary-color);
          }
				}
			}
		}
	}






	.perche-section {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 120px 0px;
		gap: 40px;
		width: 100%;


		.withLogoText {
			margin: 0 40px;


			& h2 {
				font-size: 2.7rem;
				line-height: 1;
				font-weight: 900;
				margin: 0 0 10px;
				letter-spacing: -0.5px;

				& span {
					color: var(--primary-color);
				}
			}

			& p {
				max-width: 520px;
				margin: 0;
				line-height: 1.4;
			}
		}

		.content {
			margin: 40px 0px 0px;
			display: flex;
			gap: 80px;
			width: 100%;
			max-width: 1279px;

			@media (max-width: 1279px) {
				&:last-of-type {
					margin-bottom: 0px;
				}
			}

			@media (max-width: 1279px) {
				flex-direction: column;
				gap: 60px;
			}

			.intro {
				--bg-color: #efefef;
				flex: 0 0 270px;
				background-color: var(--bg-color);
				padding: 20px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				position: relative;

				@media (max-width: 1279px) {
					flex: 1 1 auto;
					margin: 0px 30px;
				}

				&:after {
					--width-triangle: 50px;
					content: '';
					width: var(--width-triangle);
					height: 100%;
					clip-path: polygon(0 0, 100% 50%, 0 100%);
					position: absolute;
					top: 0;
					right: calc(var(--width-triangle) * -1);
					background-color: var(--bg-color);
				}

				@media (max-width: 1279px) {

					&:after {
						--width-triangle: 50px;
						content: '';
						width: calc(var(--width-triangle) * 1.5);
						height: calc(var(--width-triangle) * 0.8);
						position: absolute;
						background-color: var(--bg-color);
						clip-path: polygon(0 0, 100% 0%, 50% 100%);
						top: auto;
						bottom: calc((var(--width-triangle) * 0.8) * -1);
						right: 50%;
						transform: translateX(50%);
					}
				}

				& h3 {
					margin: 0 0 10px;
					font-size: 1rem;
					line-height: 1.2;
					font-weight: 700;

					& span {
						color: var(--primary-color);
						font-size: 2rem;
						line-height: 1;
						font-weight: 900;
						letter-spacing: -1px;
						display: block;
						clear: both;
					}
				}

				& p {
					margin: 0px;
					line-height: 1.2;
					font-weight: 900;
					font-size: 1rem;
					color: var(--primary-color);
					text-align: right;
					letter-spacing: -0.5px;
					position: relative;
					isolation: isolate;

					& span {
						padding: 0 0 0 50px;
					}

					&:after {
						content: "";
						position: absolute;
						top: 50%;
						left: 0;
						transform: translateY(-50%);
						display: block;
						width: 50px;
						height: 5px;
						background-color: var(--primary-color);
						margin: 0;
						z-index: -1;
					}
				}
			}

			.swiper {

				@media (max-width: 1279px) {
					margin: 0 40px;					
				}

				&.swiper-initialized{
					height: 100%; 
					max-height: 100vw;
					min-height: 0;
					min-width: 0;
					max-width: 100%; 
					width: auto;
          overflow: hidden;

					.swiper-wrapper{
						max-height: 100%;
						height: 100%;
						display: flex;

						.swiper-slide{
							width: auto;
							flex-shrink: 0;
							display: block;
							height: 100%;
							max-height: 100%;
							min-width: 0;
						}
					}
				}

				&:not(.swiper-initialized) {
					.swiper-wrapper {
						display: flex;
						gap: 30px;
						position: relative;

						&:after {
							content: "";
							display: block;
							width: 100%;
							height: 5px;
							position: absolute;
							top: 12px;
							left: 0;
							background-color: var(--primary-color);
							z-index: -1;
						}

						.swiper-slide {
							flex: 1 1 25%;
						}

					}

					.swiper-button-prev,
					.swiper-button-next {
						display: none;
					}
				}

				.swiper-wrapper {
					.swiper-slide {
						&>span {
							width: 30px;
							height: 30px;
							background-color: var(--primary-color);
							display: flex;
							align-items: center;
							justify-content: center;
							text-align: center;
							color: #fff;
							font-weight: 700;
							font-size: 1.1rem;
							border-radius: 50%;
							margin-bottom: 10px;
						}

						& h4 {
							margin: 0 0 10px;
							font-size: 1rem;
							color: var(--primary-color);
							line-height: 1.2;
							font-weight: 800;
						}

						& p {
							margin: 0px;
							line-height: 1.2;
							font-size: 0.8rem;
						}
					}
				}
			}
		}


	}




	.keypoints-section {
		display: flex;
		max-width: 1279px;
		justify-content: center;
		gap: 40px;
		margin: 0 auto;
		padding: 120px 0 0;

		.left {
			flex: 1 1 auto;
			display: flex;
			flex-wrap: wrap;



			&>ul {
				display: flex;
				flex-wrap: wrap;
				gap: 40px;


				@media (max-width: 1279px) {
					width: 100%;
					flex-direction: column;
					flex-wrap: nowrap;
					padding: 50px 20px 0;
				}

				&>li {
					color: #fff;
					padding: 0;
					position: relative;
					background-color: var(--primary-color);
					isolation: isolate;
					flex: 1 1 40%;
					display: flex;
					flex-direction: column;
					min-height: 320px;
					justify-content: center;


					@media (max-width: 1279px) {
						flex: 1 1 auto;
						width: 100%;
					}


					& .inner {
						max-width: 50%;
						padding: 40px;


						@media (max-width: 550px) {
							max-width: none;
							width: 100%;
							padding: 20px;
						}





						& img.iconImg {
							/* 							width: 70px;
							position: absolute;
							top:38px;
							left: 7px;
							object-fit: contain;
							object-position: center; */
							margin-bottom: 10px;

							@media (max-width: 550px) {
								position: absolute;
								top: 0px;
								left: 50%;
								transform: translate(-50%, -50%);
								background-color: var(--primary-color);
								padding: 5px;
								border-radius: 50%;
								width: 60px;
								height: 60px;
							}
						}


						& img.serviceImg {
							margin-bottom: 20px;
							height: 160px;
							width: 100%;
							object-fit: cover;
							object-position: center;

							@media (min-width: 550px) {
								position: absolute;
								top: 0;
								right: 0;
								width: 50%;
								height: 100%;

								margin-bottom: 0px;
							}
						}

						&.nlt-li img.serviceImg {


							@media (min-width: 550px) {
								display: none;
							}

						}

						&>ul {

							display: flex;
							flex-direction: column;
							gap: 10px;
							margin-bottom: 20px;


							@media (min-width: 550px) {
								align-items: center;
								justify-content: center;
								position: absolute;
								top: 0;
								right: 0;
								width: 50%;
								height: 100%;
								background-color: #efefef;
								color: var(--body-color);
								padding: 40px 40px 40px 50px;
								gap: 40px;
								margin-bottom: 0px;
							}

							@media (max-width: 550px) {

								flex-direction: row;
								flex-wrap: wrap;
							}

							& li {
								margin-left: 10px;

								@media (min-width: 550px) {
									max-width: 320px;
									margin-left: 0px;
								}


								& h3 {
									font-weight: 900;
									font-size: 1rem;
									line-height: 1;
									margin-bottom: 5px;
									position: relative;


									@media (min-width: 550px) {
										color: var(--primary-color);
									}

									@media (max-width: 550px) {
										& br {
											display: none;
										}
									}

									&:after {
										position: absolute;
										content: "\f105";
										font-family: "FontAwesome";
										top: 0;
										left: -10px;
										transform: scale(1.2);
									}

								}

								& p {
									margin: 0;
								}
							}
						}

						& h2 {
							font-size: 1.4rem;
							font-weight: 900;
							line-height: 1.2;
							color: #fff;
							text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.3);
							margin: 0;

							@media (max-width: 550px) {
								& br {
									display: none;
								}
							}
						}

						& p {
							font-size: 0.85rem;
							line-height: 1.4;
							margin: 5px 0 15px;
							letter-spacing: -0.2px;
						}

						& a {
							margin: auto 0 0 0;

							@media (max-width:550px){
								width: 100%;
								max-width: none;
								text-align: center;
								justify-content: center;
								padding: 12px 0px;
							}

						}


					}


				}



				@media (max-width:550px){

					& li{
						.inner {
							& img.serviceImg {
									margin-bottom: 20px;
									height: 160px;
									width: 100%;
									object-fit: cover;
									object-position: 100% 62%;
							}
					}
					}
					

				}
				

				& li:nth-of-type(1){
					.inner {
						& img.serviceImg {
								margin-bottom: 20px;
								height: 160px;
								width: 100%;
								object-fit: cover;
								object-position: 100% 26%;
						}
				}
				}



			}

		}

		.right {
			display: none;
			flex: 0 1 20%;


			& ul {
				display: flex;
				border-radius: 20px;
				background-color: var(--third-color);

				& li {
					color: #fff;
					padding: 30px 30px 30px 100px;
					position: relative;

					& img {
						max-height: 80px;
						position: absolute;
						transform: translateX(-80px);
					}

					& h2 {
						font-size: 1rem;
						font-weight: 700;
						line-height: 1.2;
						color: var(--primary-color);
						margin: 0;
					}

					& p {
						font-size: 0.9rem;
						line-height: 1.2;
						margin-top: 10px;
						margin-bottom: 10px;
					}

				}
			}

		}
	}







	.chisiamo-section {
		display: flex;
		flex-direction: column;
		position: relative;
		margin: 0px auto;
		padding: 6rem 2rem 6rem;

		@media (max-width: 979px) {
			margin: 0 auto!important;
			padding: 0;
		}



		&.withbg{
			background-color: #efefef;
		}


		@media (min-width: 979px) {
		&.inverted{
			.title{
				order: -1!important;
			}
		}
	}









		.inner {
			width: 100%;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			max-width: 1279px;
			padding: 0;
			gap: 4rem;

			@media (max-width: 979px) {
				flex-direction: column;
				gap: 0px;
			}

			.heroBgPic {
				flex: 1 1 50%;

				@media (max-width: 979px) {
					flex: 1 1 auto;
					width: 100%;
					height: 300px;
				}
			}


			.title {
				flex: 0 1 490px;
				order: 1;
				padding: 40px 0px;
				display: flex;
				flex-direction: column;
				gap: 10px;

				@media (max-width: 979px) {
					flex: 1 1 auto;
					padding: 4rem 2rem;
					text-wrap: balance;
				}

				& span.subtitle{
					order: -1;
					font-weight: 700;
					letter-spacing: 0;
					margin: 0 0 10px;
					padding-bottom: 10px;
					color: var(--secondary-color);
					border-bottom: 5px solid var(--secondary-color);
					max-width: max-content;

					@media (max-width: 979px) {
					margin: 0 auto 10px;
					}
				}


				& h2 {
					font-size: 2rem;
					line-height: 1;
					font-weight: 900;
					letter-spacing: -1px;
					margin: 0;
					color: var(--secondary-color);

					@media (max-width: 979px) {
						font-size: 1.8rem;
						line-height: 1.1;
					}



					& span {
						color: var(--primary-color);
						display: block;
						clear: both;
					}


				}

				& h3{
					font-size: 1.1rem;
					color: var(--primary-color);
					line-height: 1.4;
					font-weight: 700;
					margin: 10px 0;
				}

				& p {
					font-size: 0.9rem;
					margin: 0;

					@media (max-width: 979px) {
						margin-inline: auto;
					}
				}

				& ul.buttons-ul{
					display: flex;
					flex-wrap: wrap;
					gap: 30px;
					display: none;
				}

			}

			& picture img {
				border-radius: 20px;
				height: 100%;
				object-fit: cover;
				object-position: center;
				width: 100%;


				@media (max-width: 979px) {				
				border-radius: 0px;
          width: 100%;
          height: 100%;
        }
			}


			.swiper{
				flex: 0 1 730px;
				padding: 0;

				.swiper-wrapper{
					align-items: center;
				

				.swiper-slide{
					display: flex;
					line-height: 0;
					height: 100%;
					overflow: hidden;
					border-radius: 20px;
					& a{
						display: flex;
						line-height: 0;
						width: 100%;
						height: 100%;
						& img{
							height: 100%;
							object-fit: cover;
							object-position: center;
							width: 100%;
						}
					}
				}
			}


			.swiper-pagination,
			.swiper-scrollbar
			{
				display: none;
			}

			.swiper-button-prev,
			.swiper-button-next
			{
				width: 80px;
        height: 80px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%!important;
				bottom: auto!important;
        transform: translateY(-50%);
			}

			}


		}


	}











	.chisiamo-section.fullwidth-section, 
	.chisiamo-section.awards-section 
	{
		position: relative;
		margin: 0px auto 8rem;
		padding: 0;


		.inner {
			width: 100%;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			max-width: none;
			width: 100%;
			padding: 0;
			gap: 0;

			@media (max-width: 979px) {
				flex-direction: column;
				gap: 0px;
			}

			.heroBgPic {
				flex: 1 1 auto;
				width: 100%;
				height: 450px;

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

				& img {
					border-radius: 0;
					height: 100%;
					object-fit: cover;
					object-position: center;
					width: 100%;
				}

			}


			.title {
				flex: 1 1 auto;
				max-width: 767px;
				order: 1;
				padding: 4rem 4rem;
				display: flex;
				flex-direction: column;
				gap: 10px;
				align-items: center;
				margin-top: -8rem;
				background-color: #efefef;

				@media (max-width: 979px) {
					padding: 4rem 2rem;
					margin-top: 0;
					align-items: flex-start;
				}

				& > img{
					background-color: #fff;
					padding: 0.5rem;
					margin-bottom: 2rem;
				}

				& span.subtitle{
					order: initial;
					font-weight: 700;
					letter-spacing: 0;
					margin: 2rem auto 1rem;
					padding-bottom: 10px;
					color: var(--secondary-color);
					border-bottom: 5px solid var(--secondary-color);
					max-width: max-content;

					@media (max-width: 979px) {
					margin: 0 auto 2rem;
					max-width: none;
					width: 100%;
					text-align: center;
					}
				}


				& h2 {
					font-size: 2rem;
					line-height: 1;
					font-weight: 900;
					letter-spacing: -1px;
					margin: 0;
					color: var(--secondary-color);

					@media (max-width: 979px) {
						font-size: 1.8rem;
						line-height: 1.1;
					}



					& span {
						color: var(--primary-color);
						display: block;
						clear: both;
					}


				}

				& h3{
					font-size: 1.2rem;
					color: var(--primary-color);
					line-height: 1.4;
					font-weight: 600;
					margin: 10px 0;
					font-family: var(--body-font-family);
				}

				& p {
					font-size: 0.9rem;
					margin: 0;

					@media (max-width: 979px) {
						margin-inline: auto;
					}
				}

				& ul{
					font-size: 0.9rem;
					margin: 0 0 0 1rem;
					
					& li{
						padding: 0;
						list-style-type: disc;
					}
				}

				& ul.buttons-ul{
					display: flex;
					flex-wrap: wrap;
					gap: 30px;
					display: none;
				}

			}

		}






	}

	.chisiamo-section.awards-section .inner .heroBgPic img {
                    border-radius: 0;
                    height: 100%;
                    object-fit: cover;
                    object-position: center bottom;
                    width: 100%;
                }

	
			.chisiamo-section.fullwidth-section span.subtitle{
		margin-top: 0!important;
	}























	.noleggio-section {
		display: flex;
		flex-direction: column;
		max-width: 1279px;
		position: relative;
		margin: 0px auto;
		text-align: center;
		align-items: center;
		justify-content: center;
		padding: 120px 20px;
		gap: 30px;


		@media (max-width: 979px) {
			padding: 60px 20px;
		}






		.top {
			width: 100%;
			padding: 0px;
			display: flex;
			gap: 60px;

			@media (max-width: 979px) {
				flex-direction: column;
				gap: 30px;
			}

			.heroBgPic {
				flex: 1 1 50%;

				@media (max-width: 979px) {
					flex: 1 1 300px;
					height: 300px;
				}
			}


			.title {
				flex: 0 1 600px;
				order: 1;
				padding: 40px 0px;

				@media (max-width: 979px) {
					flex: 1 1 auto;
					padding: 0px;
				}

				.swiper.swiper-initialized {
					padding-right: 60px;
					padding-bottom: 20px;

					.swiper-slide {
						opacity: 0.5;
					}

					.swiper-slide-visible {
						opacity: 1;
						transition: opacity 300ms 300ms linear;
					}

				}

				.swiper:not(.swiper-initialized) {
					padding-bottom: 0;
					.swiper-wrapper {
						flex-wrap: wrap;
					}
				}


				.swiper-wrapper {
					.swiper-slide>div {
						position: relative;
						padding: 0px 0px 0px 80px;
						display: flex;
						flex-direction: column;

						@media (max-width: 979px) {
							padding: 0px;
							gap: 5px;
							align-items: center;
						}


						& img {
							display: block;
							width: 70px;
							height: 50px;
							margin: 0px;
							object-fit: contain;
							object-position: center;
							position: absolute;
							top: 50%;
							left: 0;
							transform: translateY(-50%);

							@media (max-width: 979px) {
								position: static;
								top: 0;
								left: 0;
								transform: translateY(0);
								margin: 0 auto;
							}
						}

						& h3 {
							margin: 0px 0 0;
							font-size: 0.9rem;
							color: var(--secondary-color);
							line-height: 1.1;
							font-weight: 700;
							text-wrap: balance;

							@media (max-width: 979px) {
								text-align: center;
								margin-bottom: 0;
							}
						}

						& p {
							margin: 0px;
							line-height: 1.2;
							font-size: 0.8rem;
							display: none;
						}
					}
				}

				.swiper-button-prev {
					display: none;
				}


				& h2 {
					font-size: 2.4rem;
					line-height: 1;
					font-weight: 900;
					letter-spacing: -1px;

					@media (max-width: 979px) {
						text-align: center;
						font-size: 1.8rem;
						line-height: 1.1;
					}



					& span {
						color: var(--primary-color);
						display: block;
						clear: both;
					}


				}

				& p {
					font-size: 0.8rem;
					max-width: 340px;
					margin: 0 0 30px;

					@media (max-width: 979px) {
						text-align: center;
						margin-inline: auto;
					}
				}

			}

			& img {
				border-radius: 20px;
				height: 100%;
				object-fit: cover;
				object-position: center;
				width: 100%;
			}


		}

		.nlt-offerte {
			width: 100%;
			max-width: 100%;
			display: block;

			.swiper{
				.swiper-slide{
					overflow: visible;
				}
			}

			.title-offerte {
				padding-right: 0;
				max-width: max-content;
				text-align: right;
				margin: 60px 0 40px;

				@media (max-width:979px){
					max-width: 100%;
					text-align: center;
				}

				& h2 {
					font-size: 2.4rem;
					line-height: 1.2;
					font-weight: 900;
					letter-spacing: -1px;
					margin: 0;


					@media (max-width:979px){
						font-size: 1.8rem;
					}

					& span {
						color: var(--primary-color);
					}


				}

				& h3 {
					font-size: 1.2rem;
					font-style: italic;
					line-height: 1;
					font-weight: 400;
					margin: 0;

					& span {
						color: var(--primary-color);
					}
				}

			}


			.innerContent {
				margin: 0px!important;
				padding: 0px!important;
			
				border-radius: 30px;
				border: 1px solid #efefef!important;
				position: relative;
				padding-bottom: 0px!important;
				overflow: hidden!important;

				.imagelink {
					padding: 0;
					height: 100%;
					display: block;

					& figure {
						margin: 0;
						border-radius: 20px 20px 0px 0px;
						overflow: hidden;
					}
				}





				.condizioneveicolo-cf{
					display: flex;
					flex-direction: column;
					padding: 5px;
					text-align: center;
					justify-content: center;
					align-items: center;
					width: 70px;
					height: 75px;
					position: absolute;
					z-index: 100;
					top: 0px;
					left: 0px;
					background-color: var(--primary-color);
					color: #fff;
					font-weight: 700;
					border-radius: 0px 0 30px 0px;
					font-size: 0.8rem;
					line-height: 1.2;
					margin: 0;
				
				
					&:before {
						font-family: "FontAwesome";
						content: '\f005';
						margin-bottom: 2px;
						font-size: 1.2rem;
					}
				
				}
				
				
				.statoveicolo-cf{
					position: absolute;
					z-index: 100;
					top: 0px;
					right: 0px;
					display: block;
					max-width: max-content;
					padding: 2px 15px 2px 20px;
					background-color: #fff;
					margin: 0 0 10px auto;
					font-size: 0.8rem;
					font-weight: 700;
					border-radius: 0px 0px 0px 20px;
					background-color: var(--primary-color);
					color: #fff;
				}



				.codiceveicolo-cf{
					/*     position: absolute;
							top: 0;
							right: 0; */
							display: block;
							max-width: max-content;
							padding: 2px 15px;
							background-color: #fff;
							margin: 0 0 10px auto;
							font-size: 0.7rem;
							font-weight: 700;
						border-radius: 0px 0px 0px 20px;
						background-color: var(--primary-color);
						color: #fff;
						display: none;
					}






				.top-info {
					margin: 20px auto;
					padding: 0 20px;
					display: flex;
					justify-content: space-between;
					gap: 10px;

					.left {
						overflow: hidden;

.titolorealearticolo{
	display: none;
}
						
& h3 {
	font-size: 0.9rem;
	font-weight: 800;
	min-height: 52px;

	& a{
		display: block;
	}

	.produttore-cf{
						font-size: 0.8rem;
						letter-spacing: 0;
		line-height: 1;
	}
	.model-cf{
		font-size: 1.2rem;
		letter-spacing: -1px;
		margin-left: 0;
		display: block;
		clear: both;
		line-height: 1;
	}
	.modelextra-cf{
						color: #999;
						font-style: italic;
						display: block;
						clear: both;
						letter-spacing: -0.2px;
						font-size: 0.8rem;
						line-height: 1;
						font-weight: 600;
		margin-top: 5px;
		width: 100%;
		text-overflow: ellipsis;				
		overflow:hidden;
		white-space:nowrap;
	}
}

						& ul {
							display: none;
						}
					}

					& ul.right {
						font-size: 0.8rem;
						display: flex;
						flex-direction: column;
						gap: 5px;


						& li {
							position: relative;
							display: flex;
							gap: 5px;
							align-items: center;

						}

						& li:before {
							content: '';
							display: inline-block;
							width: 20px;
							height: 20px;
							background-size: 20px auto;
							background-position: center center;
							background-repeat: no-repeat;
						}

						& li.alimentazione-cf:before {
							background-image: url(../../../../../images/template/icons/fuel.svg);
						}

						& li.trasmissione-cf:before {
							background-image: url(../../../../../images/template/icons/trasmission.svg);
						}



						& span.title {
							display: none;
						}
					}
				}


				.price-bar {
					padding: 15px 10px;
					margin: 0;
						display: flex;
						align-items: center;
						gap: 10px;
						justify-content: center;
						flex-wrap: wrap;
				
					& div.prezzoratatagliato-cf, 
					& div.prezzoratatagliatonbt-cf 
					{
						text-align: center;
						text-decoration: line-through;
						font-style: italic;
						font-weight: 900;
					}
					& div.prezzorata-cf,
					& div.prezzoratanbt-cf
					 {
						display: flex;
						justify-content: center;
						align-items: center;
						gap: 10px;
						color: var(--primary-color);
				
						.value {
							font-size: 3rem;
							line-height: 1;
							font-weight: 900;
							letter-spacing: -1px;
							display: flex;
							align-items: flex-start;
							gap: 5px;

							& > span{font-size: 2rem; position: relative; top: 5px;}
						}
				
						.description {
							max-width: 150px;
							font-size: 0.8rem;
							font-weight: 800;
							line-height: 1;
						}
				
					}

					& div.scontosettegiorni-cf 
					{
						flex: 1 1 100%;
						color: green;
						text-align: center;
						font-weight: 700;
						font-size: 0.8rem;
						font-style: italic;
				
						& span[data-tooltips] {
							margin-left: 5px;
							border-bottom: none;
					}
					}


					& > p
					{
						flex: 1 1 100%;
						color: #666;
						text-align: center;
						font-weight: 300;
						font-size: 0.8rem;
						font-style: italic;
						margin: 0 auto -10px;
						letter-spacing: 0.5px;
					}


				}


				.cf-bar-ul {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 25px;
					background-color: #efefef;
					padding: 0 10px 0px 0px;
					margin: 10px 0 0;
				
					& li {
						display: flex;
						flex-direction: column;
				
						gap: 0;
						position: relative;
						padding: 10px 0px 10px 25px;
				
						& span.title {
							font-size: 0.6rem;
							font-weight: 500;
							text-transform: uppercase;
							line-height: 1;
						}
				
						& span.value {
							font-weight: 800;
							order: -1;
							line-height: 1;
							color: var(--primary-color);
							font-size: 0.9rem;
						}
					}
				
					& li:before {
						font-family: "FontAwesome";
						content: '';
						position: absolute;
						width: 25px;
						text-align: center;
						top: 50%;
						left: 0;
						transform: translateY(-50%);
					}
				
					& li.anticipo-cf:before {
						content: '\f153';
					}
				
					& li.mesi-cf:before {
						content: '\f274';
					}
				
					& li.km-cf:before {
						content: '\f018';
					}

					& li.kmnbt-cf:before {
						content: '\f018';
					}
				
				
				}




				.cf-chars-bar-ul {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 25px;
					padding: 0px 10px;
					margin: 0px 0 15px;
					border-top: 1px solid #efefef;
					border-bottom: 1px solid #efefef;
				
					& li {
						position: relative;
						padding: 5px 0px;
						line-height: 1;
				
						& span.title {
							font-size: 0.6rem;
							font-weight: 500;
							text-transform: uppercase;
							line-height: 1;
							margin-left: 3px;
						}
				
						& span.value {
							font-size: 0.6rem;
							font-weight: 500;
							text-transform: uppercase;
							line-height: 1;
						}
					}
				
					& li:before {
						width: 20px;
						height: 20px;
						content: '';
						display: block;
						clear: both;
						background-position: center;
						background-repeat: no-repeat;
						margin: 0 auto -5px;
					}
				
					& li.kwh-cf:before {
						background-image: url(../../../../../images/template/icons/kwh.svg);
					}
				
					& li.cavalli-cf:before {
						background-image: url(../../../../../images/template/icons/hp.svg);
					}	
					
					& li.posti-cf:before {
						background-image: url(../../../../../images/template/icons/posti.svg);
					}
				
					& li.porte-cf:before {
						background-image: url(../../../../../images/template/icons/doors.svg);
					}
				
				
				}




				& ul.moreinfo-bar {
					display: flex;
					flex-direction: column;
					font-size: 0.7rem;
					padding: 0 10px;
					font-weight: 500;
						margin: 0 auto;
						max-width: max-content;
				
					& li {
						& span[data-tooltips]{
							margin-left: 5px;
							border-bottom: none;
						}
					}
				
					& li:before {
						font-family: "FontAwesome";
						content: '\f00c';
						color: green;
						margin-right: 5px;
					}
				}


				a.mainBtn {
					display: block;
					width: 100%;
					text-align: center;
					margin: 15px 0 0;
			max-width: none;
			border-radius: 0px;
				}




			}
		}


		.bottom {
			width: 100%;
			max-width: 100%;
			width: auto;
			display: block;

			.swiper.swiper-initialized {
				padding-right: 60px;
				padding-bottom: 20px;

				.swiper-slide {
					opacity: 0.5;
				}

				.swiper-slide-visible {
					opacity: 1;
					transition: opacity 300ms 300ms linear;
				}

			}

			.swiper-wrapper {
				counter-reset: section;

				.swiper-slide>div {
					position: relative;
					padding: 20px;
					border: 1px solid var(--lgrey-color);
					border-radius: 15px;
					display: flex;
					flex-direction: column;
					align-items: center;



					@media (max-width: 1279px) {

						&:after {
							top: 0;
							left: 0;
							transform: none;
							order: -1;
						}

					}

					& img {
						display: block;
						width: auto;
						max-height: 50px;
						margin: 0px auto 0;
					}

					& h3 {
						margin: 15px auto;
						font-size: 1.2rem;
						color: var(--primary-color);
						line-height: 1;
						font-weight: 700;
						text-align: center;
						max-width: 150px;
					}

					& p {
						margin: 0px;
						line-height: 1.2;
						font-size: 0.9rem;
						text-align: center;
					}
				}
			}

			.swiper-button-prev {
				display: none;
			}
		}



		.bottom {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 30px;
			margin-top: 60px;

			@media (max-width: 979px) {
				margin-top: 0px;
				gap: 10px;
				flex-wrap: wrap;

			}

			& > a.mainBtn:first-of-type{
				background: green;
			}

			& > a.mainBtn:first-of-type:hover, 
			& > a.mainBtn:first-of-type:focus-within{
				background: #076107 ;
			}

		}

	}











	.servicesmanaged-section {
		display: flex;
		flex-direction: column;
		max-width: 1279px;
		position: relative;
		margin: 0px auto 100px;
		align-items: center;
		padding: 0px 20px 60px;

		@media (max-width: 1279px) {
			flex-direction: column;
			max-width: 767px;
		}

		&>h2 {
			font-size: 3rem;
			flex: 1 1 auto;
			margin-bottom: 30px;
			font-weight: 400;
			color: var(--primary-color);
			line-height: 1;
			justify-content: center;
			text-align: center;
		}


		&>h3 {
			font-size: 1.8rem;
			flex: 1 1 auto;
			margin: 0 auto 40px;
			font-weight: 400;
			color: var(--secondary-color);
			line-height: 1;
			justify-content: center;
			text-align: center;
			max-width: 707px;
		}


		.right {
			width: 100%;
			padding: 0px;
			display: flex;
			gap: 60px;

			& a {
				flex: 1 1 auto;
				min-width: fit-content;
			}






		}

		.left {
			width: 100%;
			margin-bottom: 30px;

			& picture {
				width: 100%;
			}

			& img {
				object-fit: cover;
				object-position: center;
				width: 100%;
				height: 400px;
				border-radius: 20px;

				@media (max-width: 1279px) {
					width: 100%;
				}

			}
		}
	}








	.faq-section {
		display: flex;
		flex-direction: column;
		max-width: 1279px;
		position: relative;
		margin: 0px auto 100px;
		align-items: center;
		padding: 0px 20px 60px;

		&>h2 {
			font-size: 3rem;
			flex: 1 1 auto;
			margin-bottom: 30px;
			font-weight: 400;
			color: var(--primary-color);
			line-height: 1;
			justify-content: center;
			text-align: center;
		}


		&>h3 {
			font-size: 1.8rem;
			flex: 1 1 auto;
			margin: 0 auto 40px;
			font-weight: 400;
			color: var(--secondary-color);
			line-height: 1;
			justify-content: center;
			text-align: center;
			max-width: 707px;
		}


		&>* {
			width: 100%;
		}


		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"]>[data-rlta-element="button"] {
			position: relative;
			user-select: none;

			&:after {
				position: absolute;
				top: 50%;
				right: 30px;
				transform: translateY(-50%);
				font-family: "FontAwesome";
			}
		}

		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"]>[data-rlta-element="button"][aria-expanded="false"] {
			&:after {
				content: "\2b";
			}
		}

		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"]>[data-rlta-element="button"][aria-expanded="true"] {
			background: var(--secondary-color);
			color: #fff;
			transition: all 300ms linear;

			&:after {
				content: "\f068";
			}
		}


		[data-rlta-element="panel-content"]>p:first-of-type {
			margin-top: 0;
		}


	}



























	.team-section {
		display: flex;
		flex-direction: column;
		max-width: 1279px;
		position: relative;
		margin: 60px auto 0;
		align-items: center;
		padding: 60px 20px 60px;
		gap: 60px;

		.withLogoText {
			flex: 1 1 100%;
			max-width: 480px;
			width: 100%;
			gap: 20px;
			justify-content: center;
			text-align: center;

			& h2 {
				font-size: 3rem;
				line-height: 1;
				font-weight: 300;
				color: var(--primary-color);
			}

			& p {
				font-size: 0.8rem;
			}

			& img {
				max-height: 80px;
			}
		}

		.grid {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 30px;
			padding: 0px;


			&>div {
				max-width: 280px;
				display: flex;
				flex-direction: column;
				gap: 0px;
				border-radius: 15px;
				overflow: hidden;
				background-color: var(--primary-color);

				&>img {
					height: 200px;
					width: 100%;
					object-fit: cover;
					object-position: center;
					display: none;
				}

				& div.content {
					padding: 30px;
					flex-direction: column;
					display: flex;
					position: relative;
					isolation: isolate;
					text-align: center;

					&:after {
						content: "";
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: -1;
						opacity: 0.1;
						/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
						background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
						/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

					}

					& h3 {
						margin: 0;
						padding: 0;
						font-size: 1.2rem;
						line-height: 1;
						font-weight: 600;
						color: #fff;
					}

					& h4 {
						margin: 8px 0;
						padding: 0;
						line-height: 1;
						font-weight: 700;
						font-size: 0.8rem;
						font-style: italic;
						color: #fff;
					}

					& p {
						margin: 0px;
						line-height: 1.2;
						font-size: 0.8rem;
						color: var(--grey-300);
						display: none;
					}
				}


			}



		}

	}








	section.servizi{
		.inner{
			display: flex;
			flex-direction: column;
			gap: 60px;
			max-width: 1279px;
			padding: 60px 20px;
			margin: 0 auto;
	
	
	
			.top{
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 120px;
			padding: 0px;
			position: relative;
	
			@media screen and (max-width: 979px){
				flex-direction: column;
				gap: 30px;
			}
	
	
			.left{
				flex: 0 1 767px;
				text-align: center;
	
				@media screen and (max-width: 979px){
					flex: 1 1 auto;
					position: relative;
					z-index: 10;
					padding: 0 ;
					text-align: center;
				}
	
			& h2{
				font-size: clamp(1.8rem, 3vw, 2.4rem);
				line-height: 1;
				font-weight: 900;
				letter-spacing: -1px;
				margin: 0;
				color: var(--secondary-color);
	
				@media screen and (max-width: 979px){
					/* color: #fff; */
				}
	
			}
	
			& h3{
				font-size: 1.2rem;
				color: var(--primary-color);
				line-height: 1.2;
				margin: 10px 0;
				text-wrap: balance;
				font-family: var(--body-font-family);
				font-weight: 600;

				@media screen and (max-width: 979px){
					/* color: var(--secondary-color); */
					margin-bottom: 0;
				}
			}
	
			& p{
				font-size: 0.9rem;
				margin: 0;
				@media screen and (max-width: 979px){
					color: #fff;
					display: none;
				}
	
			}
		}
	
		.right{
			flex: 1 1 auto;
			display: flex;
			position: relative;
			display: none;
	
	
			@media screen and (max-width: 979px){
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				border-radius: 20px;
				display: none;
	
				&:after{
					content: "";
					position: absolute;
					z-index: 2;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					background: rgba(0, 0, 0, 0.7);
					opacity: 1;
					transition: opacity 0.3s ease-in-out;
				}
			}
	
			& picture{
				/* position: absolute; */
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				& img{
					border-radius: 20px;
					height: 100%;
					object-fit: cover;
					object-position: center;
					width: 100%;
				}
			}
		}
	
		}
		}
	}


	










	.partner-section {
		display: block;
		width: 100%;
		clear: both;
		max-width: 1279px;
		position: relative;
		margin: 60px auto 0px;
		align-items: center;
		padding: 60px 20px 60px;
		min-width: 0;
		display: none;

		&.certificazioni-section {
			margin-bottom: 120px;
		}

		.withLogoText {
			max-width: 480px;
			margin: 0 auto 60px;
			width: 100%;
			gap: 20px;
			justify-content: center;
			text-align: center;

			& h2 {
				font-size: 3rem;
				line-height: 1;
				font-weight: 300;
				color: var(--primary-color);
			}

			& p {
				font-size: 0.8rem;
			}

			& img {
				max-height: 80px;
			}
		}

		.swiper:not(.swiper-initialized) {
			display: none;
		}

		.swiper {
			width: auto;
			padding: 0px 20px 20px;

			&>div.swiper-wrapper {

				&>div.swiper-slide {
					opacity: 0;

					&.swiper-slide-visible {
						opacity: 1;
						transition: opacity 300ms 300ms linear;
					}

					&>div {

						padding: 30px;
						flex-direction: column;
						display: flex;
						align-items: center;
						text-align: center;
						gap: 15px;

						&>img {
							height: 80px;
							width: auto;
						}

						& h3 {
							margin: 0;
							padding: 0;
							font-size: 1rem;
							line-height: 1;
							font-weight: 700;
							color: var(--primary-color);
						}

						& p {
							margin: 0px;
							line-height: 1.2;
							font-size: 0.8rem;
						}

						& a {
							margin: 0px;
							line-height: 1.2;
							font-size: 0.9rem;
							padding: 5px 10px;

							&:after {
								margin-left: 5px;
							}
						}
					}
				}


			}



			.swiper-pagination {
				bottom: 0;
				top: auto;
			}

			.swiper-button-prev {
				transform: translate(0%, -50%);
				color: var(--secondary-color);
				right: auto;
				left: 0;
			}

			.swiper-button-next {
				right: 0;
				left: auto;
				transform: translate(0%, -50%);
				color: var(--secondary-color);
			}










		}

	}







	& section.servizi{
		border-top: 10px solid var(--secondary-color);
		margin-top: 8rem;
		padding-top: 8rem;
		padding: 4rem 2rem;

		.inner{
			padding: 0;
		}
	}






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

	@media (max-width: 767px) {
		.content-main {
			margin: 56px 0 0 0;
		}
	}

	@media (max-width: 550px) {

		footer {

			& h2 {
				font-size: 1.6rem !important;
				line-height: 1.2 !important;
				font-weight: 500 !important;


			}





		}




	}



& p.riassunto-cf,
.hero-section h3{
			font-family: var(--body-font-family)!important;
}


}

/* home page style ends */