#companyOverviewID {
	display: flex;
	flex-direction: column;
	padding: 120px 60px;
	gap: 120px;
	max-width: 1920px;
	margin: 0 auto;

	.topContent {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 60px;

		.intro {
			position: relative;
			flex: 0 0 600px;
			z-index: 1;

			& p {
				margin-bottom: 30px;
			}
		}

		& picture {
			position: absolute;
			top: 0;
			right: 0;

			@media (min-width: 979px) and (max-width: 1560px) {
				& img {
					max-width: 600px;
				}
			}

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

				& img {
					max-width: 100%;
				}
			}
		}

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

			.intro {
				flex: 1 1 auto;
				max-width: 600px;
				margin: 0 auto;
				text-align: center;
			}

			picture {
				display: none;
			}
		}
	}

	.bottomContent {
		& h2 {
			font-size: 3rem;
			line-height: 1.2;
			color: var(--l-color);
			font-weight: 200;
			font-family: var(--font-regular);
			margin-bottom: 120px;

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


			& b {
				font-weight: 700;
			}

			& i {
				font-weight: 300;
			}
		}

		& ul {
			display: grid;
			gap: 60px;
			margin: 0;
			padding: 0;

			@media (min-width: 1279px) {
				grid-template-columns: repeat(4, 1fr);
				gap: 30px;
			}

			@media (min-width: 300px) and (max-width: 1278px) {
				grid-template-columns: repeat(2, 1fr);
				gap: 15px;
			}

			& li {
				list-style-type: none;
				margin: 0;
				padding: 0;
				position: relative;
				padding: 30px;
				background-color: var(--lgreen);
				color: #fff;

				& div {
					height: 100%;
					display: flex;
					flex-direction: column;
				}

				& div>img {
					position: absolute;
					top: 5px;
					right: 30px;
					transform: translateY(-50%);
					z-index: 1;
					max-height: 80px;
					width: auto;

					@media (max-width: 1279px) and (max-width: 1278px) {
						position: absolute;
						top: 20px;
						right: 20px;
						transform: translateY(0);
						z-index: 1;
						max-height: 60px;
						width: auto;
					}
				}
			}

			& li:nth-child(1) {
				background-color: var(--dblue);
			}

			& li:nth-child(3) {
				background-color: var(--lpurple);
			}

			& li:nth-child(4) {
				background-color: var(--lorange);
			}

			& h3 {
				color: #fff;
				margin: 0 0 15px;
				padding: 0;
				border: none;
				font-size: 1.8rem;
				letter-spacing: -1px;
			}

			& h4 {
				font-family: var(--font-regular);
				font-weight: 500;
				letter-spacing: 1px;
				font-size: 1rem;
				line-height: 1.2;
				text-transform: uppercase;
				color: rgba(0, 0, 0, 0.5);
				margin: 0 0 30px;
				padding: 0;
			}

			a.mainBtn:before {
				display: none;
			}

			a.mainBtn {
				margin: auto 0 0 auto;
				mix-blend-mode: hard-light;
				background: linear-gradient(162deg,
						rgba(0, 0, 0, 0.2) 0%,
						rgba(0, 0, 0, 0.7) 100%);
				
	color: #fff!important;
			}

			a.mainBtn:hover,
			a.mainBtn:focus-within {
				mix-blend-mode: hard-light;
				background: linear-gradient(162deg,
						rgba(0, 0, 0, 0.5) 0%,
						rgba(0, 0, 0, 8) 100%);
			}
		}
	}
}










@media (max-width:979px) {
	#companyOverviewID {
		padding: 60px 15px;
		gap: 60px;

		.topContent {
			.intro {
				max-width: 550px;
				margin: 0 auto;

				&>img {
					margin: 0 auto 20px;
					display: block;
				}

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

				.mainBtn {
					margin: 0 auto;
				}
			}
		}

		.bottomContent {
			& h2 {
				font-size: 1.8rem;
				line-height: 1.2;
				color: var(--l-color);
				margin-bottom: 30px;
				text-align: center;
			}


			& ul {

				& li {
					padding: 15px;

					& div>img {
						position: relative;
						top: 0;
						left: 0;
						transform: translateY(0);
						max-height: none;
						width: auto;
						height: 50px;
						margin: 0 auto;
					}
				}



				& h3 {
					font-size: 1.2rem;
					letter-spacing: 0px;
					text-align: center;
				}

				& h4 {

					letter-spacing: 0px;
					font-size: 0.6rem;
					line-height: 1.2;
					margin: 15px 0;
					text-align: center;
				}

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

				a.mainBtn {

					padding: 7px;
					text-align: center;
					font-size: 12px;
					margin: auto auto 0;
				}

				.mainBtn:after {
					margin-left: 5px;
				}

			}


		}

	}












}




@media (max-width:550px) {

	#companyOverviewID {
		.topContent {
			.intro {
				&>img {
					max-width: 240px;
					margin: 0 auto 15px;
				}
			}
		}
	}



	#companyOverviewID {
		.bottomContent {
			& ul {
				& p {
					display: none;
				}
			}
		}
	}

}








.professionistiSettoreMod .mod-simplelist{
 display: grid;
 gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
margin-bottom: 6rem;
max-width: 1800px;
margin: 0 auto 6rem;
padding: 0 1rem;

@media (min-width: 1600px) {
            grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 2400px) {
            grid-template-columns: repeat(4, 1fr);
}

.professionista-card{
	border: 1px solid #e0e0e0;
	display: flex;
	flex-wrap: wrap;



	& > .mainBtn {
		width: 100%;
		max-width: none;
		margin: auto 0 0 0;
		            display: flex;
            justify-content: space-between;
            align-items: center;
						padding: 0.5rem 2rem;
	}

}
 .innerContent {
    display: flex;
		justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 30px;
    align-items: center;
			padding: 2rem 2rem;
			flex: 1 1 100%;


& .imagelink {
        & figure {
            & img {
                display: block;
                clear: both;
                max-width: 100%;
                height: auto;
                object-fit: cover;
                object-position: center;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                border: 3px solid var(--l-color);
            }
        }
    }


}

}





















/* END Company Overview 4 colored boxes*/

.heroSectorSection {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 6rem;


			a.secondaryBtn {
				--animation-duration: 2000ms;
				padding: 10px 20px;
				display: block;
				max-width: max-content;
				background-color: var(--l-color);
				color: #fff;
				/* 				border-radius: 10px; */
				text-transform: uppercase;
				letter-spacing: 0;
				position: relative;
				font-size: 14px;
				line-height: 1.2;
				overflow: hidden;
				background: rgb(255, 255, 255);
				background: linear-gradient(162deg,
						rgba(0, 0, 0, 0.2) 0%,
						rgba(0, 0, 0, 0.7) 100%);
				mix-blend-mode: hard-light;
				z-index: 1;
				margin: 60px auto 0;
			}

			a.secondaryBtn:hover,
			a.secondaryBtn:focus-within {
				mix-blend-mode: hard-light;
				background: linear-gradient(162deg,
						rgba(0, 0, 0, 0.5) 0%,
						rgba(0, 0, 0, 8) 100%);
			}

			a.secondaryBtn:after {
				font-family: "FontAwesome";
				content: "\f105";
				margin-left: 15px;
				font-size: 16px;
			}


	.innerTopContent {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 60px;
		gap: 60px;
		color: #fff;
		width: 100%;
		max-width: 1800px;
		margin: 0 auto;



		    a.secondaryBtn {
        --animation-duration: 2000ms;
        padding: 10px 20px;
        display: block;
        max-width: max-content;
        background-color: var(--l-color);
        color: #fff;
        /* border-radius: 10px; */
        text-transform: uppercase;
        letter-spacing: 0;
        position: relative;
        font-size: 14px;
        line-height: 1.2;
        overflow: hidden;
        background: rgb(255, 255, 255);
        background: linear-gradient(162deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);
        mix-blend-mode: hard-light;
        z-index: 1;
        margin: 3rem auto 0;



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

    }




			div.services {
		overflow: hidden;
		display: block;
		margin: 3rem 0;
	}


	.service-list{
		display: grid;
			grid-template-columns: repeat(2, 1fr);
		gap: 0.8rem;

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

		@media (max-width: 1279px) {
			gap: 2rem 0.8rem;
		}


	}

	.innerContent {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0px;
		gap: 0.25rem;
		justify-content: flex-start;


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

}


.imagelink{
	display: block;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			overflow: hidden;
			border: 2px solid #fff;
			flex: 0 0 auto;

			@media (min-width: 1279px) {
				width: 80px;
				height: 80px;
			}

		& figure {
			margin: 0 auto;
			height: 100%;
			width: 100%;

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


		}

}


		.mod-articles-category-title {
                color: #fff;
                padding: 5px 10px;
                text-transform: uppercase;
                font-weight: 500;
                text-align: center;
                line-height: 1.2;
                font-size: 0.75rem;
                letter-spacing: 0.5px;
                text-align: left;
                text-wrap: balance;
											text-align: center;



		}

		.mod-articles-category-category {
			& a {
				color: #fff;
				font-style: italic;
			}
		}

		.mod-articles-category-tags {
			& ul {
				margin: 0;
				display: flex;
				flex-wrap: wrap;
				gap: 5px;
			}

			& ul li {
				padding: 0;
			}

			& ul li a {
				padding: 3px 7px;
				display: block;
				font-weight: 500;
			}
		}

		.mod-articles-category-category,
		.mod-articles-category-date,
		.mod-articles-category-tags,
		.mod-articles-category-introtext {
			display: none;
		}
	}



		&>div.description {
			padding: 3rem;
			display: flex;
			flex-direction: column;
			background-color: var(--m-color);
			color: #fff;
/* 			box-shadow: -25px 25px 0px -10px var(--vl-color); */
			position: relative;
			z-index: 1;
			max-width: 600px;


			@media (max-width: 1279px) {
				max-width: 100%;
				width: 100%;
				padding: 2rem;
				display: none;
			}

			& h4 {
				display: flex;
				flex-direction: column;
				font-size: 4rem;
				text-transform: uppercase;
				font-weight: 700;
				line-height: 1;
				margin: 0 0 15px;
				letter-spacing: -2px;
				color: #fff;

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

				& span {
					color: var(--l-color);
					font-weight: 300;
					font-size: 1.8rem;
					font-family: var(--font-regular);
					margin: 0 0 12px;
					line-height: 1;
					text-transform: lowercase;
					letter-spacing: 1px;
				}
			}



		}




		.textcontent {
			margin: 0;
			text-align: center;
			            max-width: 767px;
		}


		& picture {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: -1;

			&:after {
				position: absolute;
				top: 0;
				left: 0;
				content: "";
				width: 100%;
				height: 100%;
				background: var(--m-color);
				opacity: 0.5;
			}

		@supports (mix-blend-mode: multiply) {
			&:after {
				background: var(--m-color);
				opacity: 1;

				mix-blend-mode: multiply;
			}

		}
}

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

		& h3 {
			font-size: 1.3rem;
			line-height: 1;
			letter-spacing: 3px;
			margin: 0;
			padding: 0;
			border: none;
			color: var(--vl-color);
			font-weight: 300;
			text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
			font-family: var(--font-sans-serif);

			& b {
				text-transform: uppercase;
				font-weight: 700;
			}
		}

		& h2 {
			font-family: var(--font-sans-serif-secondary);
			font-size: 5rem;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 0.9;
			margin: 0.5rem auto 2rem;
			letter-spacing: -2px;
			color: #fff;
		}

		.textcontent p {
			font-weight: 400;
			margin: 0;
			text-wrap: balance;
			font-style: italic;

			& small {
				display: block;
				clear: both;
				font-style: italic;
				font-size: 0.75rem;
				margin-top: 10px;
			}
		}
	}

	/* innerTopContent ENDS */

	.innerBottomContent {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		position: relative;
		padding: 60px 1rem;
		background-color: var(--m-color);

		&>div {
		}

	div.services {
		overflow: hidden;
		display: block;
	}


	.service-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 3rem 1rem;

		& > div{
			flex: 0 1 300px;
		}
	}

	.innerContent {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0px;
		gap: 0.5rem;

		& figure {
			margin: 0 auto;
		}

		& figure.item-image img {
			max-width: 100px;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			object-fit: cover;
			object-position: center;
			border: 2px solid #fff;
		}

		.mod-articles-category-title {
            color: #fff;
            padding: 5px 10px;
            text-transform: uppercase;
            font-weight: 500;
            text-align: center;
            line-height: 1.2;
            font-size: 0.75rem;
            letter-spacing: 0.5px;
		}

		.mod-articles-category-category {
			& a {
				color: #fff;
				font-style: italic;
			}
		}

		.mod-articles-category-tags {
			& ul {
				margin: 0;
				display: flex;
				flex-wrap: wrap;
				gap: 5px;
			}

			& ul li {
				padding: 0;
			}

			& ul li a {
				padding: 3px 7px;
				display: block;
				font-weight: 500;
			}
		}

		.mod-articles-category-category,
		.mod-articles-category-date,
		.mod-articles-category-tags,
		.mod-articles-category-introtext {
			display: none;
		}
	}


	}









}





#visitemedicheHeroSectionID{
	.innerTopContent {
	}
}





#puntoprelievoHeroSectionID {
	.innerTopContent {
		background-color: var(--lpurple);
	}
}





@media (max-width:1279px) {

	.heroSectorSection {
		.innerTopContent {
			height: auto;
			text-align: center;
			margin: 0 auto;
			width: 100%;
			padding: 2rem 0 0;
			flex-direction: column;
			align-items: center;

/* 			& picture {
				position: relative !important;
				height: auto !important;
				aspect-ratio: 4 / 2 !important;
				z-index: 1 !important;
				max-height: 300px;

				& img {
					height: 100%;
					object-fit: cover;
				}
			} */

			.textcontent {
				width: auto;
				padding: 3rem 1rem;
			}

		}

		.innerBottomContent {
			display: block;

			&:before {
				display: none;
			}


			&>div {
				display: block;
				clear: both;
				width: 100%;
			}

			&>div.description {
				padding: 30px 15px 60px;
				display: flex;
				flex-direction: column;
				background-color: transparent;
				color: #fff;
				box-shadow: none !important;
				transform: translateY(0);
				position: relative;
				z-index: 1;
				max-width: none;
				width: 100%;
				text-align: center;

				& h4 {
					font-size: 0rem;
					letter-spacing: 0;
					line-height: 0;
					margin-bottom: 0;

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

					& br {
						display: none;
					}
				}

				& p {
					font-size: 0.8rem;
					max-width: 550px;
					margin: 0 auto;
				}


				& a.secondaryBtn {
					margin: 15px auto 0;
				}

			}

			&>div.services {
				max-width: none;
				width: 100%;
				padding: 0;
				margin: 60px auto;

				& ul.customFieldsUL {
					width: 100%;
					text-align: center;
				}

				& ul.mod-articlescategory.mod-list {
					padding: 0px;
					gap: 0 !important;
					border-top: 1px solid #e0e0e0;
					border-left: 1px solid #e0e0e0;

					&>li {
						border-bottom: 1px solid #e0e0e0;
						border-right: 1px solid #e0e0e0;
						padding: 10px !important;

						&:before {
							display: none;
						}

						.descfield>i a {
							color: #fff !important;
						}


						.descfield>a {
							color: var(--lblue) !important;
						}

						& ul.customFieldsUL {
							& li {
								padding: 0;
								margin: 0;


								& p {
									font-size: 12px;

									& i {
										font-size: 12px;
									}
								}
							}
						}

					}
				}

			}

		}

	}


	#fisioterapiaHeroSectionID,
	#visitemedicheHeroSectionID,
	#palestraHeroSectionID {
		margin-bottom: 60px;
	}


}



@media (min-width:550px) and (max-width:1279px) {
	.heroSectorSection {
		.innerBottomContent {
			&>div.description {
				padding-top: 0;
			}
		}
	}
}


@media (max-width:550px) {




	.heroSectorSection,
	.categoryHeroSection  
	{
		.innerTopContent {

			& h3 {
				font-size: 1rem!important;
				line-height: 1!important;
				letter-spacing: 0px!important;
				margin: 0 auto!important;
				letter-spacing: 0.8px!important;
			}

			& h2 {
				font-size: 2.4rem!important;
				font-weight: 700!important;
				line-height: 1!important;
				letter-spacing: 0px!important;
			}

		}

		.innerBottomContent {


			&>div.description {
				padding-top: 0;

				& h4 {
					display: none;
				}

				& p {
					display: none;
				}


				& a.secondaryBtn {
					margin-block: 0;
				}

			}

			&>div.services {
				display: none !important;
			}

		}

	}

}









#assicurazioniHeroSectionID{

	.swiper{
		.swiper-pagination-bullet{
			background-color: #000;
			opacity: 0.7;
		}
		.swiper-pagination-bullet-active{
			background-color: var(--lpurple);
			opacity: 1;
		}
		.swiper-pagination{
			display: none;
		}
	}

}


.heroSectorSection.withcarousel {

	&#fisioterapiaHeroSectionID{

		.swiper{
			.swiper-pagination-bullet{
				background-color: #000;
				opacity: 0.5;
			}
			.swiper-pagination-bullet-active{
				background-color: white;
				opacity: 1;
			}
			.swiper-pagination{
				display: none;
			}
		}

	}


	&#palestraHeroSectionID{

		.swiper{
			.swiper-pagination-bullet{
				background-color: #000;
				opacity: 0.5;
			}
			.swiper-pagination-bullet-active{
				background-color: white;
				opacity: 1;
			}
			.swiper-pagination{
				display: none;
			}
		}

	}







	.swiper-scrollbar.swiper-scrollbar-horizontal {
		display: none;
	}

	.swiper {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.swiper-pagination {
		bottom: 0px;
	}
}



.heroSectorSection.withlist {
	div.services {
		

		& ul.mod-articlescategory.mod-list {
			margin: 0;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 3px 10px;
			font-size: 0.95rem;

			&>li {
				padding: 0;
				margin: 0;
				list-style-type: none;
				display: flex;
				align-items: center;


				& a {
					color: #fff;
					text-transform: uppercase;
					letter-spacing: -0.3px;
					font-size: 0.9rem;
					font-weight: 700;
				}

				&:before {
					font-family: "FontAwesome";
					content: "\f105";
					margin-right: 10px;
					color: #fff;
				}

				& a:focus-within,
				& a:hover {
					text-decoration: none;
				}

				.mod-articles-category-title {
					display: none;
				}

				& ul.customFieldsUL {
					margin: 0;
					padding: 0;

					& li {
						list-style-type: none;

						& i {
							display: block;
							clear: both;
							font-size: 0.85rem;

							& a {
								color: var(--vdblue);
								font-weight: 600;
							}
						}

						& p {
							margin: 0;
							line-height: 1.2;
						}
					}

					& li.descrizionebrevespecialista,
					& li .titlefield {
						display: none;
					}
				}

			}
		}

		.mod-articles-category-category,
		.mod-articles-category-date,
		.mod-articles-category-tags,
		.mod-articles-category-introtext {
			display: none;
		}
	}
}

#moreservicesHeroSectionID {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-direction: row;
	max-width: 1800px;
	margin: 0 auto 6rem;

	&>section {
		flex: 0 1 50%;
		overflow: hidden;
	}
}

#assicurazioniHeroSectionID {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 30px;
	background: #efefef;

	& h2 {
		color: var(--aubergine);
		font-size: 5rem;
		text-transform: uppercase;
		font-weight: 700;
		line-height: 0.9;
		margin: 12px 0 15px;
		letter-spacing: -2px;
		text-align: center;
		max-width: 550px;

		font-family: var(--font-sans-serif-secondary);
	}


	.listweblinks{
		.listweblinks-wrapper{
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 40px;

			.listweblinks-slide{

				& img{
					max-height: 50px ;
				}

				.titleLink{
					display: none;
				}
			}


			@media (max-width: 768px){

				.listweblinks-slide{

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

			} 

		}
	}


	.swiperContainer {
		display: block;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding: 0px 60px;
	}

	.swiper.swiper-initialized {
		overflow: visible;
		margin: 0px 50px;

		.swiper-wrapper {
			.swiper-slide {
				flex: 0 0 auto;
				width: auto;
				height: auto;
				display: flex;
				align-items: center;
				justify-content: center;

				& img {
					max-height: 50px;
					display: inline-block;
					vertical-align: middle;
					font-style: italic;
					user-select: none;
				}
			}
		}

		.swiper-button-prev {
			color: var(--aubergine);
		}

		.swiper-button-next {
			color: var(--aubergine);
		}
	}

	.swiper:not(.swiper-initialized) {
		.swiper-wrapper {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			gap: 30px;

			.swiper-slide {
				flex: 0 0 auto;
				width: auto;
				height: auto;
				display: flex;
				align-items: center;
				justify-content: center;

				& img {
					max-height: 50px;
					display: inline-block;
					vertical-align: middle;
					font-style: italic;
				}
			}
		}

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

#puntoprelievoHeroSectionID {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 550px;

	.innerTopContent {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;

		& h3 {
			font-size: 1.3rem;
			line-height: 1;
			letter-spacing: 3px;
			margin: 0;
			color: #fff;
			font-weight: 300;
			text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
			font-family: var(--font-sans-serif);
		}

		& picture {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			width: 100%;
			height: 100%;

			& img {
				width: 100%;
				height: 100%;
			}
		}

		& picture:after {
			background: var(--lpurple);
			opacity: 0.7;
		}

		@supports (mix-blend-mode: multiply) {
			& picture:after {
				background-color: var(--lpurple);
				opacity: 0.9;

				mix-blend-mode: multiply;
				mix-blend-mode: hard-light;
			}
		}

		.textcontent {
			width: 100%;
			max-width: max-content;
			margin: 0 auto;
			text-align: center;
			position: relative;
            z-index: 1;

			>p {
				max-width: 530px;
				margin-bottom: 15px;
				font-weight: 400;
			}
		}
	}

	a.secondaryBtn {
		--animation-duration: 2000ms;
		padding: 10px 20px;
		display: block;
		max-width: max-content;
		background-color: var(--l-color);
		color: #fff;
		/* 		border-radius: 10px; */
		text-transform: uppercase;
		letter-spacing: 0;
		position: relative;
		font-size: 14px;
		line-height: 1.2;
		overflow: hidden;
		background: rgb(255, 255, 255);
		background: linear-gradient(162deg,
				rgba(0, 0, 0, 0.2) 0%,
				rgba(0, 0, 0, 0.7) 100%);
		mix-blend-mode: hard-light;
		z-index: 1;
		margin: 0 auto;
	}

	a.secondaryBtn:hover,
	a.secondaryBtn:focus-within {
		mix-blend-mode: hard-light;
		background: linear-gradient(162deg,
				rgba(0, 0, 0, 0.5) 0%,
				rgba(0, 0, 0, 8) 100%);
	}

	a.secondaryBtn:after {
		font-family: "FontAwesome";
		content: "\f105";
		margin-left: 15px;
		font-size: 16px;
	}
}








/* pagina ESTETICA */

body.esteticaPage {


	& section.imagetitle-section {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 100px 0px;
		position: relative;


		& h1 {
			font-family: var(--font-sans-serif-secondary);
			font-size: 5rem;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 0.9;
			margin: 0px 0 30px;
			letter-spacing: -2px;
			color: #fff;
		}

		& p {
			text-align: center;
			max-width: 530px;
			padding: 0px 30px;
			color: #fff;
		}

		& picture {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;

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

		& picture:after {
			background: var(--pink);
			opacity: 0.7;
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
		}

		@supports (mix-blend-mode: multiply) {
			& picture:after {
				background-color: var(--pink);
				opacity: 0.9;

				mix-blend-mode: multiply;
			}
		}

	}





	& section.introcontent-section {
		padding: 120px 0px;
		display: flex;
		flex-wrap: wrap;
		gap: 60px;
		align-items: flex-start;
		justify-content: center;

		&>h2 {
			font-family: var(--font-sans-serif-secondary);
			font-size: 3rem;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 1;
			margin: 0px 0 30px;
			letter-spacing: -1px;
			color: var(--pink);
			flex: 0 0 100%;
			text-align: center;
		}


		&>div {
			flex: 0 0 600px;

			& img {
				margin-bottom: 30px;
			}

			&>h3 {
				flex: 1 1 100%;
				font-size: 1.6rem;
				line-height: 1.3;
				color: var(--pink);
				font-family: var(--font-sans-serif-secondary);
				border: none;
				margin: 60px 0 0;
				padding: 0;
			}

			&>h3:first-of-type {
				margin-top: 0;
			}

			& p {
				font-style: italic;
				color: var(--grey-600);
				font-size: 0.9rem;
			}

			& p.subtitleP {

				font-style: normal;
				margin: 15px 0 30px;
				font-size: 1.2rem;
			}

		}

		& ul {
			list-style-position: inside;
			margin: 0;
			padding: 0;
			flex: 0 1 580px;

			& li {
				list-style: none;
				padding: 30px 0px;
				margin: 0px;
				border-top: 1px solid #e0e0e0;

				& h4 {
					margin-top: 0;
					background-color: var(--pink);
					padding: 5px 10px;

					& a {
						color: #fff;
						width: max-content;
						color: #fff;
					}

					& a:hover,
					& a:focus-within {
						background-color: #000;
					}
				}

				& p {
					margin: 0;
				}
			}

			& li:first-of-type {
				border-top: none;
			}
		}


	}


	@media (max-width:1359px) {
		& section.introcontent-section {
			gap: 60px 30px;
		}
	}

	@media (max-width:1279px) {
		& section.introcontent-section {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 120px 0px 60px;

			&>* {
				flex: 1 1 auto !important;
				max-width: 767px;
				width: 100% !important;
			}

			&>h2 {
				text-align: center;
			}
		}

	}




	@media (max-width:550px) {
		& section.imagetitle-section {
			& h1 {
				font-size: 2.4rem!important;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0px;
			}
		}


		& section.introcontent-section {
			gap: 30px 30px;

			&>h2 {
				font-size: 1.8rem;
				line-height: 1;
				margin-bottom: 0;
			}
		}

	}





}

/* END estetica */



















/* pagina PUNTO PRELIEVO */

body.puntoPrelievoPage {


	& section.imagetitle-section {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		height: 400px;
		position: relative;


		& h1 {
			font-family: var(--font-sans-serif-secondary);
			font-size: 5rem;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 0.9;
			margin: 0px 0 30px;
			letter-spacing: -2px;
			color: #fff;
			text-align: center;
		}

		& p {
			text-align: center;
			max-width: 530px;
			padding: 0px 30px;
			color: #fff;
		}

		& picture {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;

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

		& picture:after {
			background: var(--lpurple);
			opacity: 0.7;
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
		}

		@supports (mix-blend-mode: multiply) {
			& picture:after {
				background-color: var(--lpurple);
				opacity: 0.9;

				mix-blend-mode: multiply;
				mix-blend-mode: hard-light;
			}
		}

	}





	& section.introcontent-section {
		padding: 120px 30px;
		display: flex;
		gap: 60px;
		align-items: center;
		justify-content: center;

		&>div {
			flex: 0 0 338px;

			&>h2 {
				font-size: 1.6rem;
				line-height: 1.3;
				color: var(--lpurple);
				font-family: var(--font-sans-serif-secondary);
				border: none;
			}
		}

		& ul {
			list-style-position: inside;
			margin: 0;
			padding: 0;

			& li {
				padding: 7px 10px;
				margin: 0px;
				border-top: 1px solid #e0e0e0;
			}
		}
	}




	& section.elencocompleto-section {
		padding: 120px 30px;
		display: flex;
		gap: 60px;
		align-items: center;
		justify-content: center;
		border-top: 1px solid #e0e0e0;

		&>div {
			flex: 0 0 550px;

			&>h2 {
				font-family: var(--font-sans-serif-secondary);
				font-size: 3rem;
				text-transform: uppercase;
				font-weight: 700;
				line-height: 1;
				margin: 0px;
				padding: 0;
				letter-spacing: -2px;
				color: var(--lpurple);
				border: none;
			}

			& h3 {
				font-size: 1.6rem;
				line-height: 1.3;
				color: var(--lpurple);
				font-family: var(--font-sans-serif-secondary);
				border: none;
			}

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

		& ul {
			list-style-position: inside;
			margin: 0;
			padding: 0;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0 30px;

			& li {
				padding: 7px 10px;
				margin: 0px;
				border-top: 1px solid #e0e0e0;
				border-bottom: 1px solid #e0e0e0;
				margin-top: -1px;
			}
		}
	}





	& section.how-section {
		padding: 120px 30px;
		border-top: 1px solid #e0e0e0;

		&>h3 {
			font-size: 1.6rem;
			line-height: 1.3;
			color: var(--lpurple);
			text-align: center;
			border: none;
			margin: 0;
			padding: 0;
		}

		&>p.subtitleP {
			text-align: center;
		}


		& ul.stepsUl {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
			gap: 30px;
			margin: 90px auto;
			padding: 0;
			max-width: 1280px;
			counter-reset: my-awesome-counter;

			& li {
				list-style-type: none;
				border: 1px solid #e0e0e0;
				padding: 30px;
				counter-increment: my-awesome-counter;
				position: relative;

				& strong {
					display: block;
					clear: both;
					color: var(--lpurple);
				}
			}

			& li::before {
				content: counter(my-awesome-counter);
				color: #fcd000;
				font-size: 1.5rem;
				font-weight: bold;
				position: absolute;
				--size: 32px;
				left: calc((50% - (var(--size) / 2)));
				line-height: var(--size);
				width: var(--size);
				height: var(--size);
				top: calc((-1 * (var(--size) / 2)));
				transform: rotate(-10deg);
				background: var(--lpurple);
				border-radius: 50%;
				text-align: center;
			}



		}


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

	}




	& section#pacchettiSangueId {
		padding: 120px 30px;
		border-top: 1px solid #e0e0e0;

		&>div {
			display: flex;
			gap: 60px;
			align-items: center;
			justify-content: center;

			padding: 0px 0px 120px;

			&>h3 {
				font-family: var(--font-sans-serif-secondary);
				font-size: 4rem;
				text-transform: uppercase;
				font-weight: 700;
				line-height: 1;
				margin: 0px;
				padding: 0;
				letter-spacing: -2px;
				color: var(--lpurple);
				flex: 0 0 410px;
				text-align: right;
				border: none;
			}

			& p {
				flex: 0 1 390px;
				margin: 0;
			}
		}


		& ul.pacchetti-ul {
			display: grid;
			grid-template-columns: 1fr;
			gap: 60px;
			margin: 0;
			padding: 0;


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

			@media (min-width: 1460px) {
				grid-template-columns: repeat(4, 1fr);
				gap: 30px;
			}


			& li {
				list-style-type: none;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: stretch;
				padding: 0;
				border: 1px solid #e0e0e0;

				& i {
					color: #fff;
					font-size: 2rem;
					text-align: center;
					background: var(--lpurple);
					margin: 0 auto;
					width: 60px;
					height: 60px;
					line-height: 60px;
					margin-top: -30px;
					margin-bottom: 20px;

				}

				& h4 {
					color: var(--lpurple);
					font-size: 3rem;
					text-align: center;
					margin: 0;
					padding: 0 30px;

					& small {
						font-size: 1rem;
						display: block;
						clear: both;
						margin: 10px 0 0 0;
						font-style: italic;
					}
				}

				& p {
					font-style: italic;
					font-size: 0.8rem;
					font-weight: 500;
					color: var(--grey-700);
					max-width: 300px;
					margin: 20px 0 30px;
					padding: 0 30px;
				}

				& button {
					margin: auto 0 0 0;
					width: 100%;
					max-width: none;
					background-color: var(--lpurple);
				}

				& button:before {
					background: var(--lpurple);
				}

				.mainBtn:hover:before, .mainBtn:focus-within:before {
					background: var(--dpurple);
				}

			}
		}





	}




	.pacchettoDialog {
		.content {
			list-style-type: none;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: stretch;
			padding: 0;

			& i {
				color: #fff;
				font-size: 2rem;
				text-align: center;
				background: var(--lpurple);
				margin: 0 auto;
				width: 60px;
				height: 60px;
				line-height: 60px;
				margin-top: -30px;
				margin-bottom: 20px;

			}

			& h4 {
				color: var(--lpurple);
				font-size: 3rem;
				text-align: center;
				margin: 0;
				padding: 0;

				& small {
					font-size: 1rem;
					display: block;
					clear: both;
					margin: 10px 0 0 0;
					font-style: italic;
				}
			}

			& p {
				font-style: italic;
				font-size: 0.8rem;
				font-weight: 500;
				color: var(--grey-700);
				max-width: 300px;
				margin: 20px 0 30px;
				padding: 0px;
				text-align: center;
			}

			& ul {
				margin: 0;
				padding: 0;
				display: grid;
				grid-template-columns: 1fr 1fr;
				border-top: 1px solid #e0e0e0;
				border-left: 1px solid #e0e0e0;

				& li {
					list-style-type: none;
					padding: 6px;
					border-right: 1px solid #e0e0e0;
					border-bottom: 1px solid #e0e0e0;
					text-align: center;
					display: flex;
					align-items: center;
					justify-content: center;

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

				}
			}
		}
	}








	@media (max-width: 979px) {

		& section.imagetitle-section {
			& h1 {
				font-size: 3rem;
			}
		}

		& section.introcontent-section,
		& section.how-section,
		& section#pacchettiSangueId,
		& section.elencocompleto-section {
			padding: 60px 0;
			display: flex;
			flex-direction: column;
			gap: 0;

			>* {
				flex: 1 1 auto !important;
				width: 100%;
			}
		}

		& section#pacchettiSangueId {
			&>div {
				padding-inline: 0;
				display: flex;
				flex-direction: column;

				>* {
					flex: 1 1 auto !important;
					width: 100%;
					text-align: left !important;
				}
			}
		}

		& section.elencocompleto-section {
			gap: 30px;

			& ul {
				display: flex;
				flex-direction: column;
				text-align: center;
				list-style: none;
			}

		}


	}



	@media (max-width:550px) {
		& section.imagetitle-section {
			& h1 {
				font-size: 2.4rem!important;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0px;
				padding: 0 15px;
			}
		}

	}


}




/* END PUNTO PRELIEVO */







/* pagina CONVENZIONI SANITARIE */

body.convenzioniSanitariePage {

	.convenzioniSanitarieMod{
		margin-bottom: 90px;
		padding: 0px 20px;
	}


	& section.imagetitle-section {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 120px 0;
		position: relative;
		margin-bottom: 90px;


		& h1 {
			font-family: var(--font-sans-serif-secondary);
			font-size: 5rem;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 0.9;
			margin: 0px 0 30px;
			letter-spacing: -2px;
			color: #fff;
			text-align: center;
			padding: 0px 15px;


			@media (max-width: 550px) {

					font-size: 2.4rem;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0px;

			}

		}

		& p.titleP {
			font-weight: 700;
			font-size: 1.2rem;
		}
		& p {
			text-align: center;
			max-width: 640px;
			padding: 0px 30px;
			color: #fff;
		}

		& picture {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;

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

		& picture:after {
			background: var(--aubergine);
			opacity: 0.7;
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
		}

		@supports (mix-blend-mode: multiply) {
			& picture:after {
				background-color: var(--aubergine);
				opacity: 0.9;

				mix-blend-mode: multiply;
				mix-blend-mode: hard-light;
			}
		}

	}




	.swiper {
		.innerContentConvenzioni {
			.titleLink {
				display: none;
			}

			& figure {
				& img {
					max-height: 70px;
				}
			}
		}
	}


	.swiper:not(.swiper-initialized) {
		.swiper-wrapper {

			gap: 60px 60px;
		}
	}


	.listweblinks{
		.listweblinks-wrapper{
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 40px;

			.listweblinks-slide{

				& img{
					max-height: 50px ;
				}

				.titleLink{
					display: none;
				}
			}


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

				.listweblinks-slide{

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

			} 

		}
	}



}






@media (max-width:1279px) {
	#moreservicesHeroSectionID {
		flex-direction: column;

		&>section {
			flex: 1 1 auto;
		}


		#assicurazioniHeroSectionID {
			padding: 60px 15px 60px;
		}

		#puntoprelievoHeroSectionID .innerTopContent {
			padding: 0px;

			.textcontent {
				padding: 60px 15px;
			}
		}

	}
}


@media (max-width:550px) {
	#moreservicesHeroSectionID {
		#assicurazioniHeroSectionID {
			& h2 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0px;
			}

			.swiperContainer {
				padding: 0px 15px;
			}

		}



	}
}