.homepage {
	/* home page style starts */

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

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

	.hero-section {
		display: flex;
		/* 		max-width: 1600px; */
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		/* 		border-radius: 0px 0px 35px 35px; */
		background-color: #efefef;
		align-items: center;
		justify-content: center;
		gap: 40px;
		padding: 80px 40px 120px;

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

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

			& > .left {
				.withLogoText {
					margin-bottom: 0;

					& ul {
						align-items: center;
						margin-top: 1.8rem !important;
					}
				}
			}
		}

		& > 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: bottom right;

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

		.left {
			flex: 0 1 550px;
			display: flex;
			flex-direction: column;
			padding: 0px;
			background-color: transparent;
			z-index: 1;
			height: 100%;
			margin-right: -5rem;

			@media (max-width: 1279px) {
				flex: 1 1 auto;
				padding-inline: 15px;
				margin-right: 0;
			}

			.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;
				}

				& h1 {
					margin: 0;
					padding: 0;
					font-size: 2.7rem;
					line-height: 1;
					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.4rem;
					line-height: 1.2;
					text-wrap: balance;

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

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

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

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

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

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

				@media (max-width: 1279px) {
					border-radius: 0;
				}

				&: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;

					@media (max-width: 1279px) {
						border-radius: 0;
					}
				}

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

			.video {
				position: relative;
				display: flex;
				line-height: 0;
				overflow: hidden;

				@media (max-width: 1279px) {
					border-radius: 0px;
				}

				&:after {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-color: rgba(0, 0, 0, 0.5);
					content: "";
					overflow: hidden;
					z-index: 1;
				}
			}

			.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: -23px;
				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) {
					display: 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-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;

				& h1 {
					font-size: clamp(2rem, 5vw, 3rem);
					text-transform: uppercase;
					color: var(--secondary-color);
				}

				& h2 {
					order: -1;
					letter-spacing: 0;
					margin: 0;
					text-transform: uppercase;
				}

				& p {
					margin: 0;
					text-wrap: balance;

					& b {
						font-weight: 700;
					}
				}

				& ul {
					display: flex;
					flex-direction: column;
					gap: 10px;
					margin-top: 0.5rem;

					& li {
						& a {
						}
					}
				}
			}
		}

		&.hero-section-03 {
			background: #fff;
			padding: 4rem 0 0px 0px;
			gap: 0;
			align-items: flex-start;
			border-bottom: 10px solid var(--secondary-color);

			& > img {
				display: none;
			}

			.heroPic {
				order: 1;

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

			.withLogoText {
				gap: 1rem;
				z-index: 10;
				margin: 0;
				padding: 0;

				& div.reviews-div {
					order: -2;

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

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

				& h1 {
					font-size: clamp(2rem, 5vw, 3rem);
					text-transform: uppercase;
					color: var(--secondary-color);
					max-width: max-content;
					margin: 0.5rem 0 0.7rem;

					@media (max-width: 1279px) {
						margin: 0.5rem auto 0.7rem;
					}

					& span {
						display: block;
						font-size: 1rem;
						text-align: center;
						font-size: 1rem;
						letter-spacing: 5px;
						margin: 1rem auto 0;
						position: relative;

						&::before {
							content: "";
							display: block;
							width: 100%;
							height: 1px;
							background-color: var(--secondary-color);
							position: absolute;
							top: 50%;
							left: 0;
						}

						& b {
							display: block;
							max-width: max-content;
							margin: 0 auto;
							background-color: #fff;
							position: relative;
							z-index: 1;
							padding: 0 1rem;
						}
					}
				}

				& h2 {
					order: -1;
					letter-spacing: 0;
					margin: 0;
					text-transform: uppercase;
				}

				& p {
					margin: 0;
					text-wrap: balance;

					& b {
						font-weight: 700;
					}
				}

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 10px;
					margin-top: 0.5rem;

					@media (max-width: 1279px) {
						margin: 1rem auto !important;
					}

					& li {
						& a {
						}
					}
				}
			}
		}

		&.hero-section-04 {
			background: #fff;
			padding: 0px;
			gap: 0;
			align-items: center;
			justify-content: center;
			border-bottom: 10px solid var(--secondary-color);
			position: relative;

			.right {
				order: 1;
				flex: 0 1 50%;
				margin: 0;
				background-color: var(--primary-color);

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

				& picture.bgheroPic {
					top: 0;
					right: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
					height: 600px;

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

					@media (max-width: 550px) {
						height: 250px;
					}

					& img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: left center;

						@media (max-width: 1279px) {
							object-position: center center;
						}
					}
				}

				& picture.manheroPic {
					position: absolute;
					bottom: 0;
					left: -170px;
					z-index: 1;

					@media (max-width: 1550px) {
						left: -120px;
					}

					@media (max-width: 1279px) {
						z-index: 100;
						left: 50%;
						transform: translateX(-50%);
						bottom: 0;
						max-width: 190px;
					}

					@media (max-width: 550px) {
						z-index: 100;
						left: 50%;
						transform: translateX(-50%);
						bottom: -4rem;
						max-width: 160px;
					}
				}
			}

			.left {
				margin-right: 0;
				flex: 0 1 50%;
				padding: 0;
				display: flex;
				align-items: center;
				position: relative;
				z-index: 50;

				@media (max-width: 1279px) {
					padding: 4rem 2rem;
					background: #fff;
					margin-top: -4rem;
				}

				@media (max-width: 550px) {
					margin-top: 0;
					padding: 2rem 2rem 4rem;
				}
			}

			.withLogoText {
				gap: 1rem;
				z-index: 10;
				margin: 0;
				padding: 0;
				max-width: 550px;

				& div.reviews-div {
					order: -2;
					font-size: 0.8rem;

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

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

					@media (max-width: 979px) {
					& span{
						display: block;
					}
					}



				}

				& h1 {
					font-size: clamp(1.6rem, 5vw, 3rem);
					text-transform: uppercase;
					color: var(--secondary-color);
					max-width: max-content;
					margin: 0.5rem 0 0.7rem;

					@media (max-width: 1279px) {
						margin: 0.5rem auto 0.7rem;
					}

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

					& span {
						display: block;
						font-size: 1rem;
						text-align: center;
						font-size: 1rem;
						letter-spacing: 5px;
						margin: 1rem auto 0;
						position: relative;

						@media (max-width: 550px) {
							letter-spacing: 2px;
							margin-top: 0.5rem;
						}

						&::before {
							content: "";
							display: block;
							width: 100%;
							height: 1px;
							background-color: var(--secondary-color);
							position: absolute;
							top: 50%;
							left: 0;
						}

						& b {
							display: block;
							max-width: max-content;
							margin: 0 auto;
							background-color: #fff;
							position: relative;
							z-index: 1;
							padding: 0 1rem;
							font-family: var(--body-font-family);
							font-weight: 600;
						}
					}
				}

				& h2 {
					order: -1;
					margin: 0;
					text-transform: uppercase;
					font-family: var(--body-font-family);
					font-weight: 600;

					@media (max-width: 550px) {
						font-size: 0.9rem;
					}
				}

				& p {
					margin: 0;
					text-wrap: balance;

					@media (max-width: 550px) {
						font-size: 0.8rem;
					}

					& b {
						font-weight: 700;
					}
				}

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 10px;
					margin-top: 0.5rem;

					@media (max-width: 1279px) {
						margin: 1rem auto 0 !important;
					}

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

					& li {
						& a {
						}
					}
				}
			}
		}
	}

	& section.video-home {
		width: 100%;
		max-width: 500px;
		display: block;
		position: relative;
		margin-top: -150px;
		margin-bottom: -140px;
		margin-inline: auto;
		z-index: 10;
		box-shadow: 0px 0px 20px -10px #000;

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

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

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

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

			@media (max-width: 1279px) {
				border-radius: 0;
			}

			&: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;

				@media (max-width: 1279px) {
					border-radius: 0;
				}
			}

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

		.video {
			position: relative;
			display: flex;
			line-height: 0;
			overflow: hidden;
			border: 10px solid var(--secondary-color);

			& video {
				position: relative;
				height: 100%;
				width: 100%;
			}

			video[poster] {
				object-fit: cover;
				object-position: center center;
			}

			@media (max-width: 1279px) {
				border-radius: 0px;
			}

			&:after {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.5);
				content: "";
				overflow: hidden;
				z-index: 1;
			}
		}

		.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: -13px;
			left: 50%;
			text-align: center;
			transform: translateX(-50%);
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: 10px 20px;
			z-index: 10;

			@media (max-width: 1279px) {
				display: 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-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;
				}
			}
		}
	}

	.chisiamo-multicol-section {
		padding: 0 0px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		top: 0px;
		background-color: var(--secondary-color);
		color: #fff;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.05;
			background-size: 10px 10px;
			background-image: repeating-linear-gradient(
				45deg,
				#fff 0,
				#fff 1px,
				var(--primary-color) 0,
				var(--primary-color) 50%
			);
		}

		& ul {
			position: relative;
			z-index: 10;
			display: flex;
			padding: 5rem 2rem;
			max-width: 1100px;
			margin: 0 auto;
			gap: 3rem;

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

			& li {
				flex: 1 1 33%;

				& div {
					display: flex;
					flex-direction: column;
					gap: 0;

					& h3 {
						margin: 0 0 10px;
						font-size: 0.9rem;
						line-height: 1.2;
						text-transform: uppercase;
						text-wrap: balance;
												font-family: var(--body-font-family);
						font-weight: 600;
					}

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

	section.servizi {
		.inner {
			display: flex;
			flex-direction: column;
			gap: 60px;
			max-width: 1279px;
			padding: 0 2rem;
			margin: 0 auto;
			padding: 10rem 2rem;


				@media (max-width: 550px) {
					padding: 4rem 2rem;
				}


			.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 470px;

					@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;
						letter-spacing: -1px;
						margin: 0;
						color: var(--secondary-color);
						text-transform: uppercase;

						@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;
						text-transform: uppercase;

						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;

					@media screen and (max-width: 979px) {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						overflow: hidden;
						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%;
						position: relative;
						/* border: 10px solid var(--secondary-color); */

						/* 					&:after {
							width: calc(100% - 40px);
							height: 20px;
							background-color: var(--secondary-color);
							position: absolute;
							top: -10px;
							left: -10px;
							content: '';
							z-index: 100;
						}

						&:before {
							width: 20px;
							height: calc(100% - 40px);
							background-color: var(--secondary-color);
							position: absolute;
							top: 0;
							left: -10px;
							content: '';
							z-index: 100;
						} */

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



	.quick-keypoints {
		color: #fff;
		position: relative;
		padding: 5rem 2rem;
		overflow: hidden;

		border-bottom: 3px solid #000;
		background: linear-gradient(
			45deg,
			rgb(0, 0, 0, 0.4) 0%,
			rgb(0, 0, 0, 0.2) 20%,
			rgb(0, 0, 0, 0.4) 40%,
			rgb(0, 0, 0, 0.4) 60%,
			rgb(0, 0, 0, 0.2) 80%,
			rgb(0, 0, 0, 0.4) 100%
		);

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.02;
			background-size: 10px 10px;
			background-image: repeating-linear-gradient(
				45deg,
				#fff 0,
				#fff 1px,
				var(--primary-color) 0,
				var(--primary-color) 50%
			);
		}

		@media (max-width: 1279px) {
			padding: 3rem 2rem;
		}

		@media (max-width: 550px) {
			padding: 3rem 0rem;
		}

		& ul {
			max-width: 1279px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			position: relative;
			z-index: 10;

			@media (max-width: 1279px) {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}

			& li {
				text-align: center;
				padding: 1rem 1rem;
				border-left: 1px solid var(--grey-400);





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


			@media (max-width: 767px) {
				flex: 0 1 33%;
			}

				&:nth-of-type(1) {
					border-left: none;
				}

				@media (max-width: 1279px) {
					border: none !important;
				}

				& div {
					background-color: rgba(0, 0, 0, 0.1);
					background-color: var(--secondary-color);
					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 {
					color: #000;
					font-size: 0.9rem;
					line-height: 1;
					margin: 15px 0 10px;
					text-transform: uppercase;
											font-family: var(--body-font-family);
						font-weight: 600;
				}

				& p {
					margin: 0;
					padding: 0;
					font-weight: 600;
					line-height: 1.4;
					font-size: 0.8rem;
					text-wrap: balance;
					color: var(--primary-color);
				}

				@media (max-width: 1279px) {
					& h2 {
						font-size: 0.9rem;
						color: var(--primary-color);
					}

					& p {
						font-size: 0.8rem;
					}
				}

				@media (max-width: 1279px) {
					padding: 1rem 0rem;

					& div {
						width: 50px;
						height: 50px;
						padding: 5px;
						border-radius: 10px;
					}

					& h2 {
						max-width: 110px;
						font-size: 0.7rem;
						line-height: 1.2;
						margin-inline: auto;
						margin-bottom: 0;
					}

					& p {
						display: none;
					}
				}
			}
		}
	}

	.quick-sedi {
		background-color: var(--primary-color);
		color: #fff;
		display: block;
		clear: both;
		/* padding: 240px 0 40px; */
		padding: 6rem 0 3rem;
		position: relative;
		overflow: hidden;
		isolation: isolate;

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

		background: linear-gradient(
			45deg,
			rgb(0, 0, 0, 1) 0%,
			rgb(0, 0, 0, 0.8) 20%,
			rgb(0, 0, 0, 0.85) 40%,
			rgb(0, 0, 0, 0.9) 60%,
			rgb(0, 0, 0, 0.8) 80%,
			rgb(0, 0, 0, 1) 100%
		);

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.02;
			background-size: 10px 10px;
			background-image: repeating-linear-gradient(
				45deg,
				#fff 0,
				#fff 1px,
				var(--primary-color) 0,
				var(--primary-color) 50%
			);
			z-index: -1;
		}

		.logo-img {
			margin: 0 auto;
			max-width: 300px;
			width: 100%;
			display: block;

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

		.primary-imgbg {
			position: absolute;
			width: 100%;
			height: 160%;
			right: 0;
			top: 0;
			opacity: 0.1;
			object-fit: cover;
			object-position: top right;
			display: none;

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

		.inner {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-direction: column;
			margin: 0 auto;
			max-width: 1279px;
			padding: 3rem 2rem 3rem;
			position: relative;
			z-index: 10;
			/* gap: 60px; */

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

			& > div {
				/* flex: 0 1 200px; */
				margin-bottom: 3rem;

				& h2 {
					font-size: 1.6rem;
					line-height: 1.2;
					margin: 0;
					letter-spacing: -1px;
					font-weight: 400;
					text-transform: uppercase;
					color: var(--secondary-color);
					text-align: center;
				}
			}
		}

		& ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 3rem;
			max-width: 1000px;
			margin: 0 auto;

			@media (max-width: 767px) {
				display: flex;
				gap: 3rem 1rem;
			}

			& li {
				display: flex;
				flex-direction: column;
				gap: 10px;
				text-align: center;
				padding: 0;

				@media (max-width: 767px) {
					flex: 0 0 46%;
				}

				.recensioni {
					display: flex;
					flex-direction: column;
					margin-bottom: 0;
					color: #fff;

					.stars-review {
						font-size: 0.8rem;
						color: var(--secondary-color);
					}

					& p {
						margin: 0.25rem auto 0;
						font-size: 0.8rem;
						color: #fff;

						& b {
							color: var(--lsecondary-color);
							font-weight: 500;
						}
					}
				}

				.recensioni {
					position: relative;
					display: inline-block;
					min-height: 18px;
				}

				.tooltip-text {
					display: none;
					position: absolute;
					bottom: 120%;
					/* sopra il div */
					left: 50%;
					transform: translateX(-50%);
					background-color: #333;
					color: #fff;
					padding: 0.5rem !important;
					border-radius: 5px;
					white-space: nowrap;
					font-size: 14px;
					z-index: 1000;
					opacity: 0;
					transition: opacity 0.3s;
					pointer-events: none;
					width: 250px;
				}

				.recensioni:hover .tooltip-text {
					display: block;
					opacity: 1;
				}

				.whatsapp-sede {
					color: #fff;
					font-size: 0.8rem;
				}

				& h3 {
					font-size: 1rem;
					line-height: 1;
					margin: 0px;
					color: var(--grey-500);
					font-weight: 400;

					& a {
						margin: 0px;
						color: var(--grey-500);
						font-weight: 400;
						/* 					font-family: var(--body-font-family);
					font-weight: 700; */
					}

					@media (max-width: 550px) {
						font-size: 0.9rem;
					}
				}

				& p {
					margin: -4px 0;
					padding: 0;
					font-weight: 500;
					font-size: 0.8rem;
					line-height: 1;
					text-wrap: balance;
					line-height: 1.4;

					@media (max-width: 550px) {
						font-size: 0.7rem;
					}
				}

				& 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: 0.9rem;
					line-height: 1;

					@media (max-width: 550px) {
						font-size: 1rem;
					}

					&: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;
				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;

					& 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;
						}

						& 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-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;
							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;
				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;
						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;
		max-width: 1279px;
		position: relative;
		margin: 0px auto;
		align-items: center;
		justify-content: center;
		padding: 0 2rem 10rem;
		gap: 30px;

		@media (max-width: 979px) {
			padding: 3rem 2rem;
		}

		.inner {
			width: 100%;
			padding: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			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 470px;
				order: 1;
				padding: 40px 0px;

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

				& h2 {
					font-size: 2.4rem;
					line-height: 1;
					letter-spacing: -1px;
					margin: 0;
					color: var(--secondary-color);
					text-transform: uppercase;

					@media (max-width: 979px) {
						text-align: center;
						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.2;
					margin: 10px 0;
					text-wrap: balance;
					text-transform: uppercase;

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

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

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

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 30px;

					@media (max-width: 979px) {
						justify-content: center;
						gap: 10px;
					}

					@media (max-width: 500px) {
						flex-direction: column;

						& li {
							& a {
								width: 100%;
								max-width: none;
								align-items: flex-start;
							}
						}
					}
				}
			}

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

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

				&:after {
					width: calc(100% - 40px);
					height: 20px;
					background-color: var(--secondary-color);
					position: absolute;
					top: 0;
					right: 0;
					content: "";
					z-index: 100;
				}

				&:before {
					width: 20px;
					height: calc(100% - 40px);
					background-color: var(--secondary-color);
					position: absolute;
					top: 0;
					right: 0;
					content: "";
					z-index: 100;
				}

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

				.swiper-wrapper {
					align-items: center;

					.swiper-slide {
						display: flex;
						line-height: 0;
						height: 100%;
						overflow: hidden;

						& 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%);
					z-index: 1001;

					@media (max-width: 768px) {
						width: 50px;
						height: 50px;

						&:after {
							font-size: 1.4rem;
						}
					}
				}
			}
		}
	}

	.academy-section {
		display: flex;
		flex-direction: column;
		position: relative;
		margin: 0px auto;
		align-items: center;
		justify-content: center;
		padding: 10rem 2rem;
		background-color: var(--grey-200);
		gap: 30px;
		isolation: isolate;
		background: linear-gradient(
			45deg,
			rgb(0, 0, 0, 0.2) 0%,
			rgb(0, 0, 0, 0) 20%,
			rgb(0, 0, 0, 0.1) 40%,
			rgb(0, 0, 0, 0.2) 60%,
			rgb(0, 0, 0, 0) 80%,
			rgb(0, 0, 0, 0.2) 100%
		);

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.02;
			background-size: 10px 10px;
			background-image: repeating-linear-gradient(
				45deg,
				#fff 0,
				#fff 1px,
				var(--primary-color) 0,
				var(--primary-color) 50%
			);
			z-index: -1;
		}

		@media (max-width: 979px) {
			padding: 3rem 2rem;
		}

		.inner {
			width: 100%;
			padding: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			max-width: 1279px;
			gap: 60px;
			position: relative;
			z-index: 10;

			@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 470px;
				order: 1;
				padding: 40px 0px;

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

				& h2 {
					font-size: 2.4rem;
					line-height: 1;
					letter-spacing: -1px;
					margin: 0;
					color: var(--secondary-color);
					text-transform: uppercase;

					@media (max-width: 979px) {
						text-align: center;
						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.2;
					margin: 10px 0;
					text-wrap: balance;
					text-transform: uppercase;
						font-family: var(--body-font-family);
						font-weight: 600;

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

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

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

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 30px;

					@media (max-width: 979px) {
						justify-content: center;
						gap: 10px;
					}

					@media (max-width: 500px) {
						flex-direction: column;

						& li {
							& a {
								width: 100%;
								max-width: none;
								align-items: flex-start;
							}
						}
					}
				}
			}

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

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

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

				.swiper-wrapper {
					align-items: center;

					.swiper-slide {
						display: flex;
						line-height: 0;
						height: 100%;
						overflow: hidden;

						& 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%);

					@media (max-width: 768px) {
						width: 50px;
						height: 50px;

						&:after {
							font-size: 1.4rem;
						}
					}
				}
			}
		}
	}

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

		@media (max-width: 979px) {
			padding: 3rem 2rem;
		}

		.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;
							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 {
				height: 100%;
				object-fit: cover;
				object-position: center;
				width: 100%;
			}
		}

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

			.swiper {
				padding-bottom: 60px;

				.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;
					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;
					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: relative;
					z-index: 10;
					/*     position: absolute;
						top: 0;
						left: 50%;
						transform: translateX(-50%); */
					display: block;
					max-width: max-content;
					padding: 2px 15px;
					background-color: #fff;
					margin: -10px 0 10px auto;
					font-size: 0.7rem;
					font-weight: 700;
					border-radius: 20px 0px 0px 20px;
					background-color: var(--secondary-color);
					color: #fff;
				}

				.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;
							min-height: 52px;

							& a {
								display: block;
							}

							.produttorestringa-cf {
								font-size: 0.8rem;
								letter-spacing: 0;
								line-height: 1;
							}

							.modelname-cf {
								font-size: 1.2rem;
								letter-spacing: -1px;
								margin-left: 0;
								display: block;
								clear: both;
								line-height: 1;
							}

							.versione-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;

					padding: 0.5rem 1rem;

					&:after {
						display: none;
					}
				}
			}
		}

		.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;
						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: 0px;

			@media (max-width: 1279px) {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				margin-top: 0px;
				gap: 10px;
				flex-wrap: wrap;

				& a {
					width: 100%;
					max-width: none;
					padding: 10px 40px 10px 20px;
				}
			}

			& > a.mainBtn:first-of-type {
				background: var(--secondary-color);
			}

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

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

			& > a.mainBtn:last-of-type:hover,
			& > a.mainBtn:last-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;

				@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: 3rem 2rem 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;
				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;
						color: #fff;
					}

					& h4 {
						margin: 8px 0;
						padding: 0;
						line-height: 1;
						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;
					}
				}
			}
		}
	}

	.partner-section {
		display: block;
		width: 100%;
		clear: both;
		max-width: 1279px;
		position: relative;
		margin: 60px auto 0px;
		align-items: center;
		padding: 3rem 2rem 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;
				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;
							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);
			}
		}
	}

	@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;
			}
		}
	}
}

/* home page style ends */

.veicoli-listing-module {
	.swiper {
		margin: 0;
		width: auto;
		padding: 0 0 6rem;

		&:after {
			content: "";
			display: block;
			height: 100%;
			width: 30px;
			position: absolute;
			z-index: 9;
			top: 0;
			right: 0;
			background: linear-gradient(
				to right,
				rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, 1) 100%
			);
		}
	}

	.swiper .swiper-wrapper {
	}

	.swiper .swiper-slide {
		overflow: visible;
		width: 350px !important;
		height: auto !important;
		padding: 0 15px;
		display: flex !important;
		flex-direction: column;

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

	.innerContent {
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 30px;
		border: 1px solid #efefef !important;
		position: relative;
		padding-bottom: 0 !important;
		overflow: hidden !important;
		display: flex;
		flex-direction: column;
	}

	.last-slide .innerContent {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		background-color: var(--primary-color);
		gap: 10px;

		& > span {
			color: #fff;
			font-weight: 700;
			text-transform: uppercase;
			font-size: 0.8rem;
		}

		& > a {
			font-weight: 700;
			color: #fff;
			background-color: #fff;
			color: var(--primary-color);
			padding: 0.5rem 1rem;
			border-radius: 10px;
		}
	}

	.innerContent a.carimage-link {
		width: 100%;
		min-height: 150px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--grey-500);
		color: #fff;
	}

	.innerContent a.carimage-link figure {
		margin: 0;
		padding: 0;
		height: auto;
		min-height: none;
	}

	.innerContent a.carimage-link img {
		width: 100%;
		transition: all 0.2s ease-in-out;
	}

	.innerContent a.carimage-link:hover img {
		transform: scale(1.1);
		transition: all 0.2s ease-in-out;
	}

	.innerContent .imagelink {
		padding: 0;
		display: block;
	}

	.innerContent .imagelink figure {
		margin: 0;
		height: 200px;
		overflow: hidden;
	}

	.innerContent .imagelink figure img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center top;
		transition: all 0.2s ease-in-out;
	}

	.innerContent .statoveicolo-cf {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		display: block;
		max-width: max-content;
		padding: 5px 15px 5px 15px;
		background-color: #fff;
		margin: 0 0 10px auto;
		font-size: 0.8rem;
		font-weight: 700;
		border-radius: 0 0 10px 0;
		background-color: var(--primary-color);
		color: #fff;

		& span:first-of-type {
			display: none;
		}
	}

	.statoveicolovendita-cf {
		display: flex;
		padding: 5px 15px 5px 15px;
		text-align: center;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		background-color: var(--secondary-color);
		color: #fff;
		font-weight: 700;
		border-radius: 0 0 10px 0;
		font-size: 0.8rem;
		line-height: 1.2;
		margin: 0;
	}

	.statoveicolovendita-cf.venduto {
		background-color: #7a1313;
	}

	.statoveicolovendita-cf.prontaconsegna {
		background-color: #099db1;
	}

	.statoveicolovendita-cf.km0 {
		background-color: #1a671a;
	}

	.statoveicolovendita-cf.usato {
		background-color: #555555;
	}

	.statoveicolovendita-cf.aziendale {
		background-color: #364b85;
	}

	.statoveicolovendita-cf.prenotata {
		background-color: #000;
	}

	.statoveicolovendita-cf.occasione {
		background-color: #5a8f02;
	}

	.statoveicolovendita-cf:before {
		font-family: FontAwesome;
		content: "\f005";
		margin-right: 5px;
		font-size: 1rem;
	}

	.top-sku-catname {
		margin: -10px 0 10px auto;
		position: relative;
		z-index: 10;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.top-sku-catname > a {
		display: block;
		max-width: max-content;
		padding: 2px 15px;
		font-size: 0.7rem;
		line-height: 1.2;
		font-weight: 700;
		border-radius: 00px 20px 20px 0px;
		background-color: var(--primary-color);
		color: #fff;

		&:hover,
		&:focus-within {
			background-color: var(--secondary-color);
		}
	}

	.codiceveicolo-cf {
		display: block;
		max-width: max-content;
		padding: 2px 15px;
		background-color: #fff;

		line-height: 1.2;
		font-size: 0.7rem;
		font-weight: 700;
		border-radius: 20px 0px 0px 20px;
		background-color: var(--secondary-color);
		color: #fff;
	}

	.innerContent .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: 0;
		left: 0;
		background-color: var(--primary-color);
		color: #fff;
		font-weight: 700;
		border-radius: 0 0 30px 0;
		font-size: 0.8rem;
		line-height: 1.2;
		margin: 0;
		display: none;
	}

	.innerContent .condizioneveicolo-cf:before {
		font-family: FontAwesome;
		content: "\f005";
		margin-bottom: 2px;
		font-size: 1.2rem;
	}

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

	.innerContent .top-info .left {
		overflow: hidden;
	}

	.innerContent .top-info .left .titolorealearticolo {
		display: none;
	}

	.innerContent .top-info .left h3 {
		font-size: 0.9rem;
		font-weight: 800;
		min-height: 52px;
	}

	.innerContent .top-info .left h3 a {
		display: block;
	}

	.innerContent .top-info .left h3 .produttore-cf {
		font-size: 0.8rem;
		letter-spacing: 0;
		line-height: 1;
	}

	.innerContent .top-info .left h3 .model-cf {
		font-size: 1.2rem;
		letter-spacing: -1px;
		margin-left: 0;
		display: block;
		clear: both;
		line-height: 1;
	}

	.innerContent .top-info .left h3 .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;
	}

	.innerContent .top-info .left ul {
		display: none;
	}

	.innerContent .top-info ul.right {
		font-size: 0.8rem;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.innerContent .top-info ul.right li {
		position: relative;
		display: flex;
		gap: 5px;
		align-items: center;
	}

	.innerContent .top-info ul.right li:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		background-size: 20px auto;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.innerContent .top-info ul.right li.alimentazione-cf:before {
		background-image: url(../../../../../images/template/icons/fuel.svg);
	}

	.innerContent .top-info ul.right li.trasmissione-cf:before {
		background-image: url(../../../../../images/template/icons/trasmission.svg);
	}

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

	& li.immatricolazione-cf {
		& b {
			display: none;
		}

		& span span:nth-of-type(1) {
			display: none;
		}
	}

	.innerContent .top-info ul.right span.title {
		display: none;
	}

	.innerContent .price-bar {
		padding: 15px 10px;
		margin: 0;
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: center;
		flex-wrap: wrap;
	}

	.prezzovendita-cf {
		flex-direction: column;
		gap: 0;
		align-items: normal;

		.description {
			text-align: right;
			max-width: none;
		}
	}

	.innerContent .price-bar div.prezzovenditatagliato-cf,
	.innerContent .price-bar div.prezzoratatagliato-cf,
	.innerContent .price-bar div.prezzoratatagliatonbt-cf {
		text-align: center;
		text-decoration: line-through;
		font-style: italic;
		font-weight: 900;
	}

	.innerContent .price-bar div.prezzovendita-cf,
	.innerContent .price-bar div.prezzorata-cf,
	.innerContent .price-bar div.prezzoratanbt-cf,
	.innerContent .price-bar div.prezzorataivaesclusa-cf,
	.innerContent .price-bar div.prezzorataivainclusa-cf {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		color: var(--primary-color);
	}

	.innerContent .price-bar div.prezzovendita-cf .value,
	.innerContent .price-bar div.prezzorata-cf .value,
	.innerContent .price-bar div.prezzoratanbt-cf .value,
	.innerContent .price-bar div.prezzorataivaesclusa-cf .value,
	.innerContent .price-bar div.prezzorataivainclusa-cf .value {
		font-size: 3rem;
		line-height: 1;
		font-weight: 900;
		letter-spacing: -1px;
		display: flex;
		align-items: flex-start;
		gap: 5px;
	}

	.innerContent .price-bar div.prezzovendita-cf .value > span,
	.innerContent .price-bar div.prezzorata-cf .value > span,
	.innerContent .price-bar div.prezzoratanbt-cf .value > span,
	.innerContent .price-bar div.prezzorataivaesclusa-cf .value > span,
	.innerContent .price-bar div.prezzorataivainclusa-cf .value > span {
		font-size: 2rem;
		position: relative;
		top: 5px;
	}

	.innerContent .price-bar div.prezzovendita-cf .description,
	.innerContent .price-bar div.prezzorata-cf .description,
	.innerContent .price-bar div.prezzoratanbt-cf .description,
	.innerContent .price-bar div.prezzorataivaesclusa-cf .description,
	.innerContent .price-bar div.prezzorataivainclusa-cf .description {
		max-width: 150px;
		font-size: 0.8rem;
		font-weight: 800;
		line-height: 1;
	}

	.innerContent .price-bar div.prezzovendita-cf {
		flex-direction: column;
		gap: 0;
		align-items: normal;
	}

	.innerContent .price-bar div.prezzovendita-cf .description {
		text-align: right;
		max-width: none;
	}

	.innerContent .price-bar div.scontosettegiorni-cf {
		flex: 1 1 100%;
		color: green;
		text-align: center;
		font-weight: 700;
		font-size: 0.8rem;
		font-style: italic;
	}

	.innerContent .price-bar div.scontosettegiorni-cf span[data-tooltips] {
		margin-left: 5px;
		border-bottom: none;
	}

	.innerContent .price-bar > 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;
	}

	.innerContent .cf-bar-ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 25px;
		background-color: #efefef;
		padding: 0 10px 0 0;
		margin: 10px 0 0;
	}

	.innerContent .cf-bar-ul li {
		display: flex;
		flex-direction: column;
		gap: 0;
		position: relative;
		padding: 10px 0 10px 30px;
	}

	.innerContent .cf-bar-ul li span.title {
		font-size: 0.6rem;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1;
	}

	.innerContent .cf-bar-ul li span.value {
		font-weight: 800;
		order: -1;
		line-height: 1;
		color: var(--primary-color);
		font-size: 0.9rem;
	}

	.innerContent .cf-bar-ul li:before {
		font-family: FontAwesome;
		content: "";
		position: absolute;
		width: 25px;
		text-align: right;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	.innerContent .cf-bar-ul li.anticipo-cf:before {
		content: "\f153";
	}

	.innerContent .cf-bar-ul li.mesi-cf:before {
		content: "\f274";
	}

	.innerContent .cf-bar-ul li.kmeffettuati-cf:before,
	.innerContent .cf-bar-ul li.km-cf:before {
		content: "\f018";
	}

	.innerContent .cf-bar-ul li.kmnbt-cf:before {
		content: "\f018";
	}

	.innerContent .cf-bar-ul li.cilindrata-cf:before {
		content: "\e16e";
	}

	.innerContent .cf-bar-ul li.potenza-cf:before {
		content: "\f624";
	}

	.innerContent .cf-chars-bar-ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 25px;
		padding: 0 10px;
		margin: 0 0 15px;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}

	.innerContent .cf-chars-bar-ul li {
		position: relative;
		padding: 5px 0;
		line-height: 1;
	}

	.innerContent .cf-chars-bar-ul li span.title {
		font-size: 0.6rem;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1;
		margin-left: 3px;
	}

	.innerContent .cf-chars-bar-ul li.potenza-cf span.title {
		display: none;
	}

	.innerContent .cf-chars-bar-ul li span.value {
		font-size: 0.6rem;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1;
	}

	.innerContent .cf-chars-bar-ul li:before {
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		clear: both;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 auto -5px;
	}

	.innerContent .cf-chars-bar-ul li.kwh-cf:before {
		background-image: url(../../../../../images/template/icons/kwh.svg);
	}

	.innerContent .cf-chars-bar-ul li.cavalli-cf:before {
		background-image: url(../../../../../images/template/icons/hp.svg);
	}

	.innerContent .cf-chars-bar-ul li.posti-cf:before {
		background-image: url(../../../../../images/template/icons/posti.svg);
	}

	.innerContent .cf-chars-bar-ul li.porte-cf:before {
		background-image: url(../../../../../images/template/icons/doors.svg);
	}

	.innerContent .cf-chars-bar-ul li.potenza-cf:before {
		background-image: url(../../../../../images/template/icons/hp.svg);
	}

	.innerContent 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;
	}

	.innerContent ul.moreinfo-bar li span[data-tooltips] {
		margin-left: 5px;
		border-bottom: none;
	}

	.innerContent ul.moreinfo-bar li:before {
		font-family: FontAwesome;
		content: "\f00c";
		color: green;
		margin-right: 5px;
	}

	.innerContent a.mainBtn {
		display: block;
		width: 100%;
		text-align: center;
		margin: auto 0 0 0;
		max-width: none;
		border-radius: 0;
		padding: 12px 16px;

		&:after {
			display: none;
		}
	}
}