.footerContact{
	display: none;
}
	/* START heroClassic */
.heroClassic {
	height: 70vh;
	position: relative;
}

.heroClassic .bgImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.heroClassic .containerIntro {
	position: absolute;
	background-color: var(--basicWhite);
	padding: 2.5em 8em;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	max-width: 80%;
	width: 100%;
	z-index: 2;
	box-shadow: 0px 3px 10px #00000029;
}

. > div p{
	width: 100%;
}

@media screen and (max-width: 1400px) {
	.heroClassic .containerIntro {
		padding: 2.5em 3em;
	}
}

@media screen and (max-width: 950px) {
	.heroClassic{
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 0;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	
	.heroClassic .bgImg{
		height: 30vh;
		position: initial;
	}
	
	.heroClassic .containerIntro{
		position: initial;
		transform: initial;
		max-width: initial;
	}
}


@media screen and (max-width: 700px) {
	.heroClassic .containerIntro {
		padding: 2em 1em;
		max-width: 95%;
	}
	
}

/* END heroClassic */


/* START imgTextSpecial */
.containerTextSpecial {
	padding-top: 0;
	display: flex;
	flex-direction: column;
	gap: 5em;
}

.imgTextSpecial{
	padding-bottom: 0;
	padding-top: 0;
}

.imgTextSpecial .uniformSpacing{
	display: flex;
	align-items: center;
}

.containerTextSpecial .imgTextSpecial:nth-child(even) .uniformSpacing {
	flex-direction: row-reverse;
}

.imgTextSpecial .uniformSpacing img{
	width: 50%;
	aspect-ratio: 4/3;
	object-fit: cover;
}

.imgTextSpecial .uniformSpacing > div{
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: 50%;
	background-color: white;
	box-shadow: 0px 3px 10px #00000029;
	padding: 2.75em;
	height: fit-content;
}

@media screen and (max-width: 1200px) {
	.imgTextSpecial .uniformSpacing,
	.containerTextSpecial .imgTextSpecial:nth-child(even) .uniformSpacing {
		flex-direction: column;
	}

	.imgTextSpecial .uniformSpacing img, .imgTextSpecial .uniformSpacing div{
		width: 100%;
	}

	.imgTextSpecial .uniformSpacing img{
		max-height: 20em;
	}

}

/* END imgTextSpecial */


/* START templateIconeTex */
.templateIconeTex .uniformSpacing {
	display: flex;
	flex-wrap: wrap;
	gap: 5em;
}

.templateIconeTex .uniformSpacing .element {
	display: flex;
	flex-direction: column;
	gap: 1.25em;
	width: calc((100% - 5em * 2) /3);
}

.templateIconeTex .uniformSpacing .element span{
	display: flex;
	justify-content: center;
}


.templateIconeTex .uniformSpacing .element span svg{
	width: 4.5em;
	height: auto;
}

@media screen and (max-width: 650px) {
	.templateIconeTex .uniformSpacing {
		gap: 1.5em;
	}

	.templateIconeTex .uniformSpacing .element {
		width: 100%;
	}
}

/* END templateIconeTex */


/* START bandeauListing */

.bandeauListing .containerIntrotext {
	display: flex;
	justify-content: center;
	padding: calc(var(--defaultSpacing) * 2);
	padding-bottom: calc(var(--defaultSpacing) * 6);
	background-position-y: top;
	height: 40vh;
}

.bandeauListing .bigSpacing{
	padding-top: 0;
	margin-top: -8em;
	position: relative;
	z-index: 11;

}

.bandeauListing .bigSpacing .cards {
	display: flex;
	flex-wrap: wrap;
	gap: 5em;
}

.bandeauListing .bigSpacing .cards .element {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: calc((100% - 5em * 2) / 3);
}

.bandeauListing .bigSpacing .cards .element img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.bandeauListing .bigSpacing .cards .element svg {
	width: 1.5em;
	height: 1.5em;
}


@media screen and (max-width: 850px) {
	.bandeauListing .bigSpacing .cards {
		justify-content: center;
		gap: 2em;
	}

	.bandeauListing .bigSpacing .cards .element {
		width: 70%;
		gap: .5em;
	}
}
/* END bandeauListing */
