.homepage {
	/* home page style starts */

	.decrypt {
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
	}

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

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

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

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

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

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

				@media (max-width: 1279px) {
					padding: 2rem 2rem 200px;
					background: #fff;
					margin-top: -80px;
					position: relative;
					z-index: 10;
				}

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

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

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

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

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

				& 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;
						margin: 1rem auto 0;
						position: relative;

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

				& h2 {
					order: -1;
					margin: 0;
					font-weight: 800;

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

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

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

					& li {
						& a {
						}
					}
				}
			}
		}

		&.hero-section-05 {
			background: #000;
			height: 100vh;
			height: 100svh;
			padding: 0px;
			gap: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;
			perspective: 1000px;
			overflow: hidden;

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

			&:before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 200px;
				z-index: 2;
				background: linear-gradient(
					0deg,
					rgb(0, 0, 0, 1) 0%,
					rgb(0, 0, 0, 0) 100%
				);
			}

			.heroVideo {
				transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
				will-change: transform;
				transform-style: preserve-3d;
			}

			& video {
				position: absolute;
				top: 0;
				left: 0;
				object-fit: cover;
				object-position: center;
				opacity: 0;

				&.visible {
					opacity: 1;
					transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
				}
			}

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

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

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

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

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

			.left {
				margin: 0px 0 0 0;
				flex: 1 1 auto;
				padding: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				position: relative;
				z-index: 10;

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

				@media (max-width: 550px) {
					margin-top: 40px;
				}
			}

			.withLogoText {
				gap: 0;
				z-index: 10;
				margin: 0;
				padding: 0 2rem;
				max-width: 767px;
				text-align: center;

				& div.reviews-div {
					order: -2;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					align-items: center;
					gap: 0.5rem 0;


					color: #fff;

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

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

					& span{
						margin: 0 0.5rem;

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

					}

				}

				& h1 {
					font-size: 7rem;
					text-transform: uppercase;
					color: #fff;
					max-width: max-content;
					margin: 1.5rem auto;
					font-weight: 300;

					@media (max-width: 767px) {


					font-size: 3rem;

					}

					@media (max-width: 550px) {

					}

					& span {
						display: block;
						font-size: 1.2rem;
						text-align: center;
						font-weight: 500;
						margin: 0 auto 0;
						position: relative;
						letter-spacing: 26px;
						transform: translateX(25px);
						color: var(--secondary-color);
						min-height: 20px;
						opacity: 0;

					@media (max-width: 767px) {


					font-size: 0.9rem;
					                            letter-spacing: 10px;
																			
						transform: translateX(8px);

					}


						&.visible {
							opacity: 1;
							transition: opacity 0.5s ease-in-out;
						}

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

				& p {
					margin: 0;
					text-wrap: balance;
					color: #fff;
					opacity: 0.5;
					font-style: italic;
					font-weight: 400;

					& b {
						font-weight: 700;
					}
				}

				& ul {
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					gap: 10px;
					margin-top: 1.9rem;


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

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

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

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

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

	.browser {
		border-radius: 10px;
		margin: 0 auto;
		max-width: max-content;
		overflow: hidden;
		border: 2px solid #222;

		.top-bar {
			background-color: #222;
			display: flex;
			align-items: center;
			padding: 1rem 1rem;
			gap: 15px;

			& span {
				width: 15px;
				height: 15px;
				border-radius: 50%;
				background-color: var(--secondary-color);

				&:nth-child(1) {
					background-color: red;
				}
				&:nth-child(2) {
					background-color: rgb(250, 192, 1);
				}
				&:nth-child(3) {
					background-color: green;
				}
			}
		}
	}

	section.showcase {
		background-color: #000;
		position: relative;
		padding-bottom: 10rem;

		.browser {
			opacity: 1;
			position: relative;
			border: none;
			margin: 1rem auto 0;

			/* 	&::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		background: linear-gradient(
			0deg,
			rgb(0, 0, 0, 0.5) 0%,
			rgb(0, 0, 0, 0) 100%
		);
	} */

			&:hover {
				opacity: 1;
				transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
			}
		}

		.content {
			margin: 0 auto;
			display: block;

			& video {
				max-width: 979px;
			}
		}

		& h2 {
			color: #fff;
			font-size: 2rem;
			margin-bottom: 20px;
		}

		& p {
			color: #fff;
			font-size: 1rem;
			margin-bottom: 40px;
		}

		.inner {
			display: flex;
			flex-direction: column;
			gap: 0;
			margin: 0;
			padding: 10rem 2rem 4rem;
			position: relative;
			z-index: 100;

			max-width: 1020px;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			overflow: hidden;


			@media screen and (max-width: 1279px) {
				padding: 5rem 2rem;
				max-width: none;
			}


			& h2 {
				font-size: clamp(3.3rem, 9vw, 6rem);
				line-height: 1;
				font-weight: 300;
				text-wrap: balance;
				margin: 0 0 1rem;
				max-width: 979px;

				-webkit-background-clip: text;
				-webkit-text-fill-color: #fff0;
				background-color: #fff0;
				background-image: linear-gradient(
					180deg,
					var(--lsecondary-color) 0%,
					var(--secondary-color) 100%
				);
			}

			& h3 {
				font-size: clamp(1.4rem, 5vw, 1.8rem);
				line-height: 1.6;
				font-weight: 300;
				text-wrap: balance;
				margin: 0 0 1rem;
				color: #fff;

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

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

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

			& p {
				text-wrap: balance;
				letter-spacing: 1px;
				font-weight: 300;
				margin: 0 0 1rem;
				line-height: 2;
				color: #fff;
				max-width: 767px;

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

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

	section.recensioni {
		background-color: #000;
		position: relative;
		padding-bottom: 20rem;


			@media screen and (max-width: 1279px) {
				padding-bottom: 10rem;
			}


		& h2 {
			color: #fff;
			font-size: 2rem;
			margin-bottom: 20px;
		}

		& p {
			color: #fff;
			font-size: 1rem;
			margin-bottom: 40px;
		}

		.inner {
			display: flex;
			flex-direction: column;
			gap: 0;
			margin: 0;
			padding: 10rem 2rem 4rem;
			position: relative;
			z-index: 100;

			max-width: 1020px;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			overflow: hidden;

						@media screen and (max-width: 1279px) {
				padding: 0 2rem 5rem;
								max-width: none;
			}

			& h2 {
				font-size: clamp(3.3rem, 9vw, 6rem);
				line-height: 1;
				font-weight: 300;
				text-wrap: balance;
				margin: 0 0 1rem;
				max-width: 979px;

				-webkit-background-clip: text;
				-webkit-text-fill-color: #fff0;
				background-color: #fff0;
				background-image: linear-gradient(
					180deg,
					var(--lsecondary-color) 0%,
					var(--secondary-color) 100%
				);
			}

			& h3 {
				font-size: clamp(1.4rem, 5vw, 1.8rem);
				line-height: 1.6;
				font-weight: 300;
				text-wrap: balance;
				margin: 0 0 1rem;
				color: #fff;

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

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

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

			& p {
				text-wrap: balance;
				letter-spacing: 1px;
				font-weight: 300;
				margin: 0 0 1rem;
				line-height: 2;
				color: #fff;
				max-width: 767px;

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

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

	.recensioni-carousel-module {
		background-color: #000;

		.recensione-text {
			font-size: 0.9rem;
			line-height: 1.4;
			text-wrap: balance;
		}

		.author-container {
			display: flex;
			gap: 1rem;
			align-items: center;
			margin-top: 1rem;

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

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

		& ul {
			display: flex;
			flex-direction: column;
			font-size: 0.9rem;

			color: var(--lsecondary-color);
			text-transform: uppercase;
		}

		.swiper {
			padding: 0;
			.swiper-wrapper {
				scroll-behavior: smooth;
				transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important;

				.swiper-slide {
					flex: 0 0 auto;
					width: 100%;
					max-width: 400px;
					overflow: hidden;
					border-radius: 10px;
					display: flex;
					flex-direction: column;
					gap: 10px;
					opacity: 0.4;
					transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
					padding: 1rem;
					color: #fff;

					.inner-slide {
						background-color: #222;
						padding: 1.5rem;
					}
				}

				.swiper-slide-visible {
				}

				.swiper-slide-fully-visible {
				}

				.swiper-slide-active {
					opacity: 1;
					transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;

					.inner-slide {
						background-color: var(--dsecondary-color);
					}
				}
			}

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

	section.servizi {
		background-color: #000;
		position: relative;

		/* 					    perspective: 1000px;
									overflow: hidden; */

		& > video {
			width: 50%;
			height: 100%;
			object-fit: cover;
			object-position: center center;
			position: absolute;
			top: 0;
			right: 0;
			opacity: 0;
			transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);

			&.visible {
				opacity: 0.2;
				transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
			}

			/* 					transform-style: preserve-3d;
					    transform: rotateX(45deg) rotateY(20deg) rotate(-25deg) translate3d(0, 8em, 8em);
							transform-origin: 50%; */
		}

		&:after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 50%;
			height: 100%;
			opacity: 1;
			background: linear-gradient(
				90deg,
				rgb(0, 0, 0, 1) 0%,
				rgb(0, 0, 0, 0) 50%
			);
		}

		& h2 {
			color: #fff;
			font-size: 2rem;
			margin-bottom: 20px;
		}

		& p {
			color: #fff;
			font-size: 1rem;
			margin-bottom: 40px;
		}

		.inner {
			display: flex;
			flex-direction: column;
			gap: 60px;
			margin: 0;
			padding: 10rem 10vw;
			position: relative;
			z-index: 100;

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

			&:after {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100px;
				opacity: 1;
				background: linear-gradient(
					0deg,
					rgb(0, 0, 0, 0) 0%,
					rgb(0, 0, 0, 1) 100%
				);
				z-index: 1;
			}

			&:before {
				content: "";
				position: absolute;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100px;
				opacity: 1;
				background: linear-gradient(
					0deg,
					rgb(0, 0, 0, 1) 0%,
					rgb(0, 0, 0, 0) 100%
				);
				z-index: 1;
			}

			.top {
				display: flex;
				flex-direction: column;
				padding: 0px;
				position: relative;
				z-index: 10;

				& h2 {
					font-size: clamp(3.3rem, 9vw, 6rem);
					line-height: 1;
					font-weight: 300;
					text-wrap: balance;
					margin: 0 0 1rem;
					max-width: 979px;

					-webkit-background-clip: text;
					-webkit-text-fill-color: #fff0;
					background-color: #fff0;
					background-image: linear-gradient(
						180deg,
						var(--lsecondary-color) 0%,
						var(--secondary-color) 100%
					);
				}

				& h3 {
					font-size: clamp(1.4rem, 5vw, 1.8rem);
					line-height: 1.6;
					font-weight: 300;
					text-wrap: balance;
					margin: 0 0 1rem;
					color: #fff;

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

				& p {
					text-wrap: balance;
					letter-spacing: 1px;
					font-weight: 300;
					margin: 0 0 1rem;
					line-height: 2;
					color: #fff;
					max-width: 767px;

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

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

	.mod-servizi-overview {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		flex-wrap: wrap;
		gap: 30px;
		margin: 0;
		padding: 0;
		max-width: 1300px;

		@media screen and (max-width: 1279px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media screen and (max-width: 767px) {
			grid-template-columns: repeat(1, 1fr);
		}

		.mod-servizi-group:hover {
			& video {
				opacity: 1;
				transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
			}
		}

		& > div {
			display: flex;
			flex-direction: column;

			& img {
				width: 100%;
				aspect-ratio: 2 / 1;
				object-fit: cover;
				object-position: center;
			}

			& a {
				color: #fff;
			}

			& a:has(img) {
				background-color: #000;

				& img {
					opacity: 0.3;
				}
			}

			.videohtmleditor {
				background-color: #000;
				display: block;
				line-height: 0;

				& a{
					display: block;
					line-height: 0;
					height: 100%;
					width: 100%;
					overflow: hidden;
				}

				& video {
					opacity: 0.3;
					width: 101%;
					height: 101%;
					object-fit: cover;
					object-position: center center;
					transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);

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


				}
			}

			& h3 {
				color: #fff;
				font-size: 0.95rem;
				font-weight: 500;
				font-family: var(--body-font);
				margin-bottom: 1rem;
				font-style: italic;
				font-family: var(--title-font);
			}

			& a:has(h4) {
				color: #fff;
				max-width: max-content;
				margin: 1rem 0px 1rem;
				position: relative;
				z-index: 10;
				left: 0;
				top: 0;
				padding: 0;
				line-height: 1;

				color: #fff;
				background-color: var(--secondary-color);
				box-shadow: 3px 7px 10px -7px #000;
				padding: 7px 10px 5px;

				& h4 {
					font-size: 1.1rem;
					line-height: 1;
					text-transform: uppercase;
					margin: 0;
					padding: 0;
				}
			}

			& ul.mod-simple-list {
				margin: 0;
				padding: 0;

				& li {
					/* 					border-bottom: 1px solid var(--grey-300); */
					padding-bottom: 7px;
					margin-bottom: 7px;

					& a {
						text-transform: uppercase;
						font-size: 0.8rem;
						font-weight: 600;

						& span {
							position: relative;
							padding-left: 15px;
							display: block;

							& i {
								color: var(--secondary-color);
								position: absolute;
								left: 0;
								top: 50%;
								transform: translateY(-50%);
							}
						}
					}
				}
			}
		}
	}

	.quick-keypoints {
		color: #fff;
		position: relative;
		padding: 5rem 2rem;
		overflow: hidden;
		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;
				}

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

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

	.whoweare-section {
		background-color: var(--primary-color);
		color: #fff;
		display: block;
		clear: both;
		padding: 18rem 2rem 18rem;
		position: relative;
		overflow: hidden;
		isolation: isolate;
		background-color: #000;

		@media (max-width: 1279px) {
			padding: 0;
			margin: 5rem 0;
		}


		&:before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 200px;
			z-index: 9;
			background: linear-gradient(
				0deg,
				rgb(0, 0, 0, 1) 0%,
				rgb(0, 0, 0, 0) 100%
			);
		}

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 200px;
			z-index: 9;
			background: linear-gradient(
				0deg,
				rgb(0, 0, 0, 0) 0%,
				rgb(0, 0, 0, 1) 100%
			);
		}

		.inner {
			max-width: 1020px;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			overflow: hidden;
			position: relative;
			

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

		}

		.left {
			position: relative;
			z-index: 10;

			@media (max-width: 1279px) {
				padding: 0 2rem;
			}	
			
			& h2 {
				font-size: clamp(3.3rem, 9vw, 6rem);
				line-height: 1;
				font-weight: 300;
				text-wrap: balance;
				margin: 0 0 1rem;

				/* mix-blend-mode: hard-light; */
				/* mix-blend-mode: soft-light; */

				-webkit-background-clip: text;
				-webkit-text-fill-color: #fff0;
				background-color: #fff0;
				background-image: linear-gradient(
					180deg,
					var(--lsecondary-color) 0%,
					var(--secondary-color) 100%
				);
			}

			& h3 {
				font-size: clamp(1.4rem, 5vw, 1.8rem);
				line-height: 1.6;
				font-weight: 300;
				text-wrap: balance;
				margin: 0 0 1rem;

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

			& p {
				text-wrap: balance;
				letter-spacing: 1px;
				font-weight: 300;
				margin: 0 0 1rem;
				line-height: 2;
			}

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

		.right {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			overflow: hidden;

			& video {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				opacity: 0;

				transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);

				&.visible {
					opacity: 0.4;
					transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
				}
			}
		}
	}

	section.convenzioni {
		padding: 0 0 10rem;
		background-color: #000;
		color: #fff;

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


		.mainBtn {
			margin: 2rem auto 0;
		}

		.moduletable.no-title {
			.fwmg-grid-item-name {
				display: none !important;
			}
		}

		.moduletable.no-imageinfo {
			.image-info {
				display: none !important;
			}
		}

		.moduletable {
			max-width: 1020px;
			margin: 0 auto;
			gap: 0px;

			.fwcss {
				.fwmg-design-classic {
					.swiper-pagination,
					.swiper-button-next,
					.swiper-button-prev {
						display: none;
					}

					.fwmg-page-header {
						display: none;
						margin: 0 !important;

						& h2 {
							font-size: 2.4rem;
							line-height: 1;
							margin: 0 auto 1rem !important;
							text-wrap: balance;
							text-transform: uppercase !important;
							text-transform: none;
							color: var(--secondary-color);

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

					.fwmg-gallery-description {
						display: none;

						& h3 {
							margin: 0 auto 1rem;
							text-align: center;
							text-wrap: balance;
							font-size: 1.1rem;
							color: var(--primary-color);
							line-height: 1.2;
							text-wrap: balance;
							text-transform: uppercase;
							font-weight: 700;
							font-family: var(--title-font);
							max-width: 767px;
						}

						& p {
							margin: 0 auto;
							text-align: center;
							text-wrap: balance;
							color: var(--primary-color);
							line-height: 1.2;
							text-wrap: balance;
							/* max-width: 767px; */
						}

						& a {
							margin: 10px 0 0;
						}
					}

					.fwmg-gallery-info {
						display: none;
					}

					.fwmg-files {
						.fwmg-grid-wrapper {
							.swiper {
								padding: 0px;

								.swiper-wrapper {
									.swiper-slide {
										text-align: center;
										padding: 20px;

										.image-info {
											display: flex;
											flex-direction: column;
											justify-content: center;

											.fwmg-grid-item-name {
												margin: 0 !important;

												& a {
													pointer-events: none !important;
													font-size: 0.9rem;
													font-weight: 500;
													margin: 0px !important;
													color: var(--secondary-color);
													text-transform: uppercase;
												}
											}

											.fwmg-grid-item-description {
												font-size: 0.9rem;
												margin: 5px 0 0;
											}

											.fwmg-grid-item-link {
												.mainBtn {
													margin: 5px auto 0;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}

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

				& 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;
						display: block;
						clear: both;
					}
				}

				& p {
					margin: 0px;
					line-height: 1.2;
					font-weight: 900;
					font-size: 1rem;
					color: var(--primary-color);
					text-align: right;
					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;
						}

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

	section.numeri {
		padding: 20rem 0;
		background-color: var(--secondary-color);
		position: relative;
		isolation: isolate;


					@media screen and (max-width: 1279px) {
				padding: 10rem 0;
			}

		.inner {
			display: flex;
			justify-content: space-between;
			max-width: 1279px;
			margin: 0 auto;
			padding: 0;
			color: #fff;
			position: relative;
			z-index: 1;

			flex-direction: column;
			padding: 0;
			gap: 4rem;

			.left {
				display: flex;
				flex-direction: column;
				gap: 10px;
				padding: 0 2rem;
				flex: 1 1 auto;
				max-width: 1020px;
				margin: 0 auto;

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

				& img.logo {
					margin: 0;
					max-width: 300px;
					display: none;
				}

				& img.certificato {
					margin: 1rem 0;
					max-width: 360px;
				}

				& h2 {
					font-size: clamp(3.3rem, 9vw, 6rem);
					line-height: 1;
					font-weight: 300;
					text-wrap: balance;
					margin: 0 0 1rem;
					max-width: 979px;

					-webkit-background-clip: text;
					-webkit-text-fill-color: #fff0;
					background-color: #fff0;
					background-image: linear-gradient(
						180deg,
						#fff 0%,
						var(--lsecondary-color) 100%
					);

					& span {
						color: #000;
					}

				}

				& h3 {
					font-size: clamp(1rem, 5vw, 1.4rem);
					line-height: 1.2;
					margin: 5px 0;
					text-wrap: balance;
					text-transform: uppercase;
				}

				& p {
					font-size: clamp(1.4rem, 5vw, 1.8rem);
					line-height: 1.6;
					font-weight: 200;
					text-wrap: balance;
					margin: 0;
					color: #fff;
				}

				& a {
					margin: 10px 0 0;
					display: none;

					@media (max-width: 500px) {
						width: 100%;
						max-width: none;
						align-items: flex-start;
					}
				}
			}

			.right {
				padding: 0;
				color: hsl(0, 0%, 100%);
				padding: 0 2rem;
				display: flex;
				flex-direction: column;
				gap: 30px;
				max-width: 1020px;
				margin: 0 auto;

				width: 100%;
				flex: 1 1 auto;

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


				& ul {
					display: grid;
					/* grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); */
					grid-template-columns: repeat(3, minmax(150px, 1fr));
					gap: 4rem;
					text-align: left;

					@media (max-width: 767px) {
						grid-template-columns: repeat(2, 1fr);
						gap: 2rem;
					}

					& li {
						display: flex;
						flex-direction: column;
						gap: 5px;
						flex: 0 1 160px;

						& span:nth-child(1) {
							color: #fff;
							font-size: 6rem;
							font-weight: 100;
							line-height: 1;

							@media (max-width: 767px) {
								font-size: 4rem;
							}

						}

						& span:nth-child(2) {
							font-size: 0.8rem;
							text-wrap: balance;
							color: #000;
							font-weight: 700;
							text-transform: uppercase;
						}

						& p {
							margin: 0;

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

						}
					}
				}
			}
		}
	}

	section.pricing-section {
		padding: 20rem 0;
		background-color: #000;
		position: relative;
		isolation: isolate;


					@media screen and (max-width: 1279px) {
				padding: 10rem 0;
			}


		.inner {
			display: flex;
			justify-content: space-between;
			max-width: 1279px;
			margin: 0 auto;
			padding: 0;
			color: #fff;
			position: relative;
			z-index: 1;

			flex-direction: column;
			padding: 0;
			gap: 4rem;


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


			.left {
				display: flex;
				flex-direction: column;
				padding: 0 2rem;
				flex: 1 1 auto;
				max-width: 1020px;
				margin: 0 auto;

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

				& img.logo {
					margin: 0;
					max-width: 300px;
					display: none;
				}

				& img.certificato {
					margin: 1rem 0;
					max-width: 360px;
				}

				& h2 {
					font-size: clamp(3.3rem, 9vw, 6rem);
					line-height: 1;
					font-weight: 300;
					text-wrap: balance;
					margin: 0 0 1rem;

					-webkit-background-clip: text;
					-webkit-text-fill-color: #fff0;
					background-color: #fff0;
					background-image: linear-gradient(
						180deg,
						#fff 0%,
						var(--lsecondary-color) 100%
					);

					& span {
						color: #000;
					}
				}

				& h3 {
					font-size: clamp(1rem, 5vw, 1.4rem);
					line-height: 1.2;
					margin: 5px 0;
					text-wrap: balance;
					text-transform: uppercase;
				}

				& p {
					font-size: clamp(1.4rem, 5vw, 1.8rem);
					line-height: 1.6;
					font-weight: 200;
					text-wrap: balance;
					margin: 0;
					color: #fff;

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

				& a {
					margin: 10px 0 0;
					display: none;

					@media (max-width: 500px) {
						width: 100%;
						max-width: none;
						align-items: flex-start;
					}
				}
			}

			.right {
				padding: 0;
				color: hsl(0, 0%, 100%);
				padding: 0 2rem;
				display: flex;
				flex-direction: column;
				gap: 30px;
				max-width: 1020px;
				margin: 0 auto;

				width: 100%;
				flex: 1 1 auto;

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


				.configuration-fee{
					line-height: 1;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					margin-top: 2rem;
					text-align: left;

					& li{
						flex: 1 1 auto;
						display: block;

						& i{
							margin-right: 0.25rem;
						}
					}

					& li:nth-of-type(2),
					& li:nth-of-type(3)
					 {
						font-weight: 500;
						color: var(--secondary-color);
						font-size: 1.2rem;

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

					}

				}

				& ul {
					display: grid;
					/* grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); */
					grid-template-columns: repeat(4, 1fr);
					gap: 4rem;
					text-align: left;
					width: 100%;

					@media (max-width: 767px) {
						grid-template-columns: repeat(2, 1fr);
					}

					@media (max-width: 767px) {
						grid-template-columns: 1fr;
						text-align: center;
					}

					& li {
						display: flex;
						flex-direction: column;
						gap: 0;
						flex: 0 1 160px;

						& small{
							opacity: 0.4;
							& span{
								color: var(--secondary-color);
							}
						}

						& span.price {
							color: #fff;
							font-size: 6rem;
							font-weight: 100;
							line-height: 1;

							& small {
								font-size: 3rem;
								position: relative;
								top: -30px;
							}
						}

						& > span{

						}

						& h2 {
							font-size: 1rem;
							text-wrap: balance;
							color: var(--secondary-color);
							font-weight: 700;
							text-transform: uppercase;
							margin: 10px 0;
						}

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

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

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

					@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;
					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;
								line-height: 1;
							}

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

							.versione-cf {
								color: #999;
								font-style: italic;
								display: block;
								clear: both;
								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;
							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;
					}
				}

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

}

/* home page style ends */

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

		&: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 .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;
		line-height: 1;
	}

	.innerContent .top-info .left h3 .model-cf {
		font-size: 1.2rem;
		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;
		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;
		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;
	}

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

	.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: center;
		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.km-cf:before {
		content: "\f018";
	}

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

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