.homepage {
	/* home page style starts */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				& h2 {
					margin: 10px 0 0px;
					padding: 0;
					font-size: 1.4rem;
					line-height: 1.2;
					text-wrap: balance;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				&:after {
					display: none;
				}
			}

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

				& > img {
					max-height: 40px;

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

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

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

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

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

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

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

		&.hero-section-02 {
			.withLogoText {
				gap: 10px;
				z-index: 10;

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

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

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

					& b {
						font-weight: 700;
					}
				}

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

					& li {
						& a {
						}
					}
				}
			}
		}

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

			& > img {
				display: none;
			}

			.heroPic {
				order: 1;

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

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

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

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

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

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

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

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

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

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

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

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

					& b {
						font-weight: 700;
					}
				}

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

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

					& li {
						& a {
						}
					}
				}
			}
		}

		&.hero-section-slider {
			padding: 0;
			flex-direction: column;
			gap: 0;

			background-color: transparent;
			position: relative;

			& > .right {
				position: absolute;
				z-index: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				margin-bottom: 0;
				flex: 1 1 auto;

				isolation: isolate;

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

				.swiper {
					padding-bottom: 0;
					margin-bottom: 0;
					position: static;

					.swiper-slide {
						& a {
							height: 100%;
							& img {
								object-position: center;
								object-fit: cover;
								height: 100%;
								width: 100%;
							}
						}
					}

					.swiper-button-next,
					.swiper-button-prev {
						position: absolute;
						top: 50% !important;
						bottom: auto !important;
						z-index: 10;
						color: #fff;
						transform: translateY(-50%) !important;
						padding: 0 !important;
						width: 50px;
						pointer-events: all;
					}
				}
			}

			& > .left {
				flex: 0 1 auto;
				padding: 8rem 2rem;
				margin: 0 auto;
				width: 100%;
				/* pointer-events: none; */

				[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"] {
					max-width: 100%;
					overflow: hidden;
					justify-content: center;
				}

				[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]
					> [data-rlta-element="button-list"]
					> [data-rlta-element="button"] {
					max-width: 320px;
				}

				[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]:not(
						[data-rlta-wrap-buttons="true"]
					)
					> [data-rlta-element="button-list"] {
					margin: 2rem 0;
					display: flex;
					justify-content: center;
				}

				[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"]
					> [data-rlta-element="panels"]
					> [data-rlta-element="panel"]
					> [data-rlta-element="panel-content"] {
					padding: 0;
				}

				[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"][data-rlta-type="accordions"]
					> [data-rlta-element="panel"],
				[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"][data-rlta-type="tabs"]
					> [data-rlta-element="panels"]
					> [data-rlta-element="panel"] {
					background: transparent !important;
				}

				& > ul {
					display: flex;
					justify-content: center;
					margin-top: 2rem;
					gap: 1rem 2rem;

					@media (max-width: 767px) {
						flex-direction: column;
						gap: 1rem;
						align-items: center;
					}
				}

				& .withLogoText {
					gap: 0;
					max-width: 767px;
					margin: 0 auto;
					text-align: center;

					.reviews-div {
						margin-bottom: 1.5rem;
						color: #fff;

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

							& span {
								display: block;
								clear: both;
								margin-top: 0.25rem;
							}
						}
					}

					& > h1 {
						font-size: 4.5rem;
						line-height: 1;
						margin: 0;
						padding: 0;
						text-transform: uppercase;
						color: #fff;
						font-weight: 300;
						letter-spacing: -5px;
						text-shadow: 0px 0px 50px #000, 0px 0px 10px #000;

						@media (max-width: 767px) {
							font-size: 2.5rem;
							letter-spacing: -3px;
						}

						& strong {
							font-weight: 900;
							letter-spacing: -3px;

							@media (max-width: 767px) {
								font-size: 2.5rem;
								letter-spacing: -2px;
							}
						}
					}

					& > h2 {
						color: #fff;
						line-height: 1;
						font-weight: 400;
						margin: 1rem 0;
						max-width: 767px;
						text-wrap: balance;
						font-family: var(--title-font);
						text-transform: uppercase;
						font-size: 1.8rem;
						letter-spacing: 3.4px;

						@media (max-width: 767px) {
							font-size: 1.5rem;
							letter-spacing: 2px;
						}
					}

					& > p {
						margin: 0 auto;
						max-width: 620px;
						font-style: italic;
						font-weight: 500;
						color: #fff;

						@media (max-width: 767px) {
							font-size: 0.75rem;
							text-wrap: balance;
						}
					}
				}
			}
		}

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

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

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

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

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

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

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

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

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

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

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

				& h2 {
					order: -1;
					letter-spacing: -0.5px;
					margin: 0;
					text-transform: uppercase;
					font-family: var(--body-font-family);
					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 {
						}
					}
				}
			}
		}
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

			&:after {
				display: none;
			}
		}

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

			& > img {
				max-height: 40px;

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

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

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

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

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

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

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

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

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

	section.servizi {

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


.title-container-03{
	padding-inline: 1rem;


	@media (max-width: 979px) {
		padding-bottom: 3rem;
	
	& hr{
		display: none;
	}
	}

}

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

	.mod-servizi-overview {
		& > ul {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			flex-wrap: wrap;
			gap: 30px;
			margin: 0 auto;
			padding: 0;
			max-width: 1279px;

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

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

			& li {
				display: flex;
				flex-direction: column;

				& figure {
					margin: 0;
					& img {
					}
				}

				& h4 {
					color: var(--primary-color);
					margin: 1.5rem 0 1rem;
					padding: 0;
					font-weight: 500;
					font-size: 0.93rem;
					line-height: 1;
					letter-spacing: 1.4px;
					text-transform: uppercase;
				}

				& ul.customFieldsUL {
					& li {
						.titlefield {
							display: none;
							margin: 0;
						}
						.descfield {
							margin: 0;
							font-size: 0.8rem;
							color: var(--grey-500);
						}
					}
				}
			}
		}
	}

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

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

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

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

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

			& h4 {
				font-size: 1.1rem;
				margin: 0px 0 5px;
				color: #fff;
				text-transform: uppercase;
				position: relative;
				z-index: 10;
				left: 15px;
				top: -50%;
				background-color: var(--secondary-color);
				padding: 5px 10px;
				border-radius: 5px;
				max-width: max-content;
				box-shadow: 3px 7px 10px -7px #000;
			}

			& 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;
						letter-spacing: -0.3px;

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

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

	.quick-keypoints {
		color: #fff;
		position: relative;
		padding: 12rem 2rem;
		overflow: hidden;
		background-color: var(--primary-color);

		.title-container-02 {
			padding-top: 0;

			@media (max-width: 979px) {

padding-bottom: 2rem;			}

& h2 span{
	margin-top: 0.5rem;
}

& h2 span strong{
	display: block;
	clear: both;

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

}

@media (max-width: 979px) {
& hr{
	display: none;
}
}


		}

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

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

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

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

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



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

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

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

				@media (max-width: 979px) {
					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: var(--grey-500);
					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: #fff;
				}

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

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

				@media (max-width: 1279px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				& a.getDirectionLink {
					display: flex;
					justify-content: center;

					& span {
						background-color: var(--secondary-color);
						font-size: 0.8rem;
						padding: 3px 10px;
						color: #fff;
						border-radius: 5px;

						&:hover {
							background-color: rgba(255, 255, 255, 0.5);
						}
					}
				}

				& a.callnow-sede {
					color: #fff;
					font-size: 0.9rem;
					line-height: 1;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

								margin-bottom: 0px;
							}
						}

						&.nlt-li img.serviceImg {
							@media (min-width: 550px) {
								display: none;
							}
						}

						& > ul {
							display: flex;
							flex-direction: column;
							gap: 10px;
							margin-bottom: 20px;

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

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

							& li {
								margin-left: 10px;

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

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

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

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

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

								& p {
									margin: 0;
								}
							}
						}

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

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

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

						& a {
							margin: auto 0 0 0;

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

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

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

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

			& ul {
				display: flex;
				background-color: var(--third-color);

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

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

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

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

	.chisiamo-section {
		display: flex;
		flex-direction: column;
		max-width: 1279px;
		position: relative;
		margin: 0px auto;
		align-items: center;
		justify-content: center;
		padding: 0 2rem 10rem;
		gap: 30px;

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

		.inner {
			width: 100%;
			padding: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 60px;

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

			.heroBgPic {
				flex: 1 1 50%;

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

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

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

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

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

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

				& h3 {
					font-size: 1.1rem;
					color: var(--primary-color);
					line-height: 1.2;
					margin: 10px 0;
					text-wrap: balance;
					text-transform: uppercase;

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

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

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

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

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

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

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

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

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

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

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

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

				.swiper-wrapper {
					align-items: center;

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

						& a {
							display: flex;
							line-height: 0;
							width: 100%;
							height: 100%;

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

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

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

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

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

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

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

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

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

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

			.heroBgPic {
				flex: 1 1 50%;

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

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

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

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

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

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

				& h3 {
					font-size: 1.1rem;
					color: var(--primary-color);
					line-height: 1.2;
					margin: 10px 0;
					text-wrap: balance;
					text-transform: uppercase;

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

	.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: 60px 0 0 0;
			width: 100%;
			overflow: hidden;
		}
	}


}

/* home page style ends */

section.noleggio-section {
	padding: 12rem 2rem 12rem;
	margin: 0 auto;
	background-color: var(--primary-color);
	color: #fff;

	@media (max-width: 979px) {
		background-color: #fff;
		color: var(--body-color);
		padding: 6rem 1rem;
	}

	.title-container {
		padding-top: 0;

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

		& > h2 {
			display: flex;
			flex-direction: column;
			line-height: 1.1;
		}

		& p {
			color: var(--grey-500);

			@media (max-width: 979px) {
				margin-bottom: 0;
				color: var(--body-color);
				margin-inline: auto;
			}
		}

		@media (max-width: 979px) {
			& hr {
				display: none;
			}
		}
	}

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

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

		.left {
			flex: 1 1 auto;
			padding: 0;

			& > picture {
				height: 100%;

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

		.right {
			width: 100%;
			max-width: 650px;
			padding: 4rem 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: 0;

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

			& > p {
				font-weight: 700;
				margin: 0;
				text-wrap: balance;

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

			& ul.features {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 3rem 2rem;
				padding: 3rem 0;

	@media (max-width: 979px) {
				gap: 2rem 0;
	}


				& li {


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


					& div {
						position: relative;
						padding: 0 0 0 80px;
						display: flex;
						flex-direction: column;

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

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


							@media (max-width: 979px) {
								background-color: var(--primary-color);
								padding: 0.3rem;
								border-radius: 50%;
								                            object-position: center;
								position: relative;
								top: 0;
								transform: none;
								margin-bottom: 0.5rem;
								width: 40px;
								height: 40px;
							}
						}

						& h3 {
							margin: 0 0 0;
							font-size: 0.9rem;
							color: #fff;
							line-height: 1.1;
							font-weight: 900;
							text-wrap: balance;


	@media (max-width: 979px) {
		color: var(--body-color);
		font-weight: 700;
		font-size: 0.7rem;
	}


						}

						& p {
							color: var(--grey-500);
							margin: 0.5rem 0 0;
							line-height: 1.2;
							font-size: 0.8rem;

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


						}
					}
				}
			}

			& ul.buttons-ul {
				display: flex;
				gap: 2rem;

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

					& li a {
						width: 100%;
						max-width: none;
					}
				}
			}
		}
	}
}

.ultimiarrivi {
	padding: 12rem 0;

	@media (max-width: 979px) {
		padding: 6rem 0;
	}


	&.vendita {
		padding-bottom: 0;
		padding-top: 0;

		.title-container {
			padding-inline: 2rem;

								@media (max-width: 979px) {
									padding-bottom: 2rem;
			& hr {
				display: none;
			}
		}

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

	&.noleggio {
		background-color: #5b5b5b;
		color: #fff;
		padding-bottom: 0;


		.title-container-03{
			padding: 0 2rem 3rem;


					@media (max-width: 979px) {
			& hr {
				display: none;
			}
		}


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



			& h2 strong{
				display: block;
				clear: both;
			}

		}





		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"][data-rlta-type="accordions"]
			> [data-rlta-element="panel"],
		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"][data-rlta-type="tabs"]
			> [data-rlta-element="panels"]
			> [data-rlta-element="panel"] {
			background: transparent;
		}

		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]
			> [data-rlta-element="button-list"]
			> [data-rlta-element="button"] {
			background: var(--primary-color);
			color: #fff;




		}

		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"]
			> [data-rlta-element="button-list"]
			> [data-rlta-element="button"]:not([data-rlta-state="closed"]) {
			background: #fff !important;
			color: var(--primary-color) !important;
		}

		[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]
			> [data-rlta-element="button-list"]
			> [data-rlta-element="button"][aria-selected="true"]:after {
			border-top-color: #fff;
		}

		.veicoli-listing-module {
			.innerContent {
				border: 3px solid #fff !important;
				color: var(--primary-color);
			}
		}
	}


	[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
    @media (max-width: 979px) {
        padding: 3rem 0rem;
    }
}


	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"] {
		max-width: none;

	}

	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]:not(
			[data-rlta-wrap-buttons="true"]
		)
		> [data-rlta-element="button-list"] {
		width: 100%;
		margin: 0 auto;
		max-width: 767px;


		    @media (max-width: 979px) {

		flex-direction: row;
		justify-content: center;
		width: 100%;
		gap: 0.5rem;
				padding: 0 1rem;

       		& h3{
		font-size: 0.7rem;
		}
    }

	}


	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) {
    @media (max-width: 979px) {
        order: initial;
    }
}

	[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]
		> [data-rlta-element="button-list"]
		> [data-rlta-element="button"] {
		flex: 1 1 auto;


		
		    @media (max-width: 979px) {
		border-radius: 5px;
		padding: 0.2rem;
				}
	}
}

.perche-section {
	padding: 6rem 2rem 6rem;

	@media (max-width: 979px) {
		padding-inline: 1rem;
		padding-bottom: 6rem;
	}

	.title-container-02 {
		padding: 0;

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

		& hr.styledHr {
			margin: 6rem auto;

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

		}

		& p {
			max-width: 767px;
			margin-inline: auto;
		}
	}

	& ul {
		display: flex;
		margin: 0 auto;
		padding: 0;
		gap: 0;
		max-width: 1279px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);


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

	}

	& ul li {
		margin: 0px;
		padding: 1rem;
		list-style-type: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}



	& ul li h3 {
		color: var(--primary-color);
		margin: 1rem auto 0.5rem;
		padding: 0;
		font-weight: 500;
		font-size: 1rem;
		letter-spacing: 1px;
		font-size: 0.9rem;

@media (max-width: 979px) {
	font-size: 0.8rem;
	letter-spacing: 0;
}

	}

	& ul li p {
		font-size: 0.75rem;
		color: var(--grey-600);
		font-weight: 400;
		margin: 0 auto;

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

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

	}

	& ul li i,
	& ul li i:before {
		display: inline-block;
		color: var(--primary-color);
		font-size: 2rem;
		line-height: 1;
	}
}

.carservice-section {
	.title-container-03 {
		& h2 {
			display: flex;
			flex-direction: column;
		}
	}
}

.indeciso-section,
.carservice-section {
	padding: 12rem 2rem;
	position: relative;

	.title-container-03 {
		position: relative;
		z-index: 100;
		max-width: 650px;
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #fff;
		padding: 4rem;
		/* border: 3px solid #fff; */
		background-color: rgba(0, 0, 0, 0.6);
		backdrop-filter: blur(10px);

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

		& h2 {
			text-wrap: balance;
		}

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

		& ul.buttons-ul {
			display: flex;
			gap: 2rem;
			margin-top: 2rem;

				@media (max-width: 979px) {
					flex-direction: column;
					width: 100%;
					gap: 1rem;

					& li a {
						width: 100%;
						max-width: none;
					}
				}
		}
	}

	.swiper {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;

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

		.swiper-slide {
			background-color: var(--primary-color);

			& a {
				height: 100%;
				line-height: 0;
				display: block;
			}
			& img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
				opacity: 0.7;
			}
		}
	}
}



	@media (max-width: 979px) {
.indeciso-section {
		padding: 0;
		display: flex;
		flex-direction: column;

		.title-container-03 {
			background-color: var(--primary-color);
			order: 1;
			max-width: none;
			padding-block: 4rem;
			width: 100%;
		}

		.swiper {
			height: 300px;
		}
	}
}





@media (max-width: 979px) {
	.carservice-section {
		padding: 0;
		display: flex;
		flex-direction: column;

		.title-container-03 {
			background-color: transparent;
			color: var(--body-color);
			max-width: none;
			padding-block: 6rem;
		}

		.swiper {
			height: 300px;
		}
	}
}






@media (max-width: 979px) {
section.noleggio-section,
section.carservice-section {
.mainBtn.white {
    background-color: var(--secondary-color);
    color: #fff;

		&:hover{
			background-color: var(--primary-color);
		}

}
    }
}













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

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

	.swiper .swiper-wrapper {
	}

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

		@media (max-width: 979px) {
			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;
		background-color: #fff;
	}

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

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

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

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

	.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: 0;
		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,
	.innerContent .top-info .left h3 .produttorestringa-cf {
		font-size: 0.8rem;
		letter-spacing: 0;
		line-height: 1;
	}

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

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

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

	.innerContent .top-info ul.right {
		font-size: 0.8rem;
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin-top: 0 !important;
		max-width: 160px;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.innerContent .price-bar div.prezzovendita-cf {
		flex-direction: column;
		gap: 0;
		align-items: normal;
	}
	.innerContent .price-bar div.prezzovendita-cf .description {
		text-align: right;
		max-width: none;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.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 0 !important;
	}

	.innerContent .cf-chars-bar-ul:has(*) {
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}

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

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

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

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

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

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

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

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

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

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

	.innerContent ul.moreinfo-bar {
		display: flex;
		flex-direction: column;
		font-size: 0.7rem;
		padding: 0 10px !important;
		font-weight: 500;
		margin: 1rem auto !important;
		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;
		}
	}
}