/* START footer */

.footer{
	padding-bottom: 0;
}

.footer .mainFooter{
	display: flex;
	gap: 6em;
	justify-content: space-between;
	padding-bottom: 2em;
}

.footer .mainFooter .containerDesc{
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.footer .mainFooter .containerLink,
.footer .mainFooter .containerSocial,
.footer .mainFooter .containerDesc{
	width: calc((100% - 6em * 2) / 3);
}


.footer .mainFooter .containerDesc img{
	width: 80%;
	height: auto;
}

.footer .mainFooter .footerMenu{
	display: flex;
	flex-direction: column;
	gap: .5em;
}

.footer .textIcone {
	display: flex;
	gap: .5em;
	align-items: center;
}

.footer .textIcone svg {
	height: 1em;
	width: auto;
}

.footer .textIcone path {
	fill: var(--basicWhite);
}

.footer .textIcone a {
	border-radius: var(--basicRadius);
	padding: .25em .5em;}

.footer .mainFooter .containerLink{
	display: flex;
	gap: 2em;
	flex-direction: column;
	align-items: center;
}


.footer .mainFooter .containerLink .menuElement{
	display: flex;
	gap: .5em;
	flex-direction: column;
}

.footer .mainFooter .containerLink .menuElement div{
	display: flex;
	flex-direction: column;
	gap: .5em;
}

.footer .mainFooter .containerSocial {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 1em;
}

.footer .mainFooter .containerSocial > hr {
	background-color: var(--basicWhite);
	width: 100%;
	border: none;
	height: 1px;
}

.footer .mainFooter .containerSocial svg{
	width: 1.5em;
	height: 1.5em;
}

.footer .mainFooter .socialContainer{
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
}

.footer .mainFooter .containerSocial svg path{
	fill: var(--basicWhite);
}

.footer .mainFooter .containerSocial .contactInfos {
	display: flex;
	flex-direction: column;
	gap: .5em;
}

.footer .mainFooter .containerSocial .contactInfos div {
	display: flex;
	gap: .5em;
}

.footer .mainFooter .containerSocial .contactInfos div span {
	display: flex;
}

.footer .mainFooter .containerSocial .contactInfos div span svg {
	width: .75em;
	height: auto;
}

.footer .mainFooter .containerSocial .mainlink{
	display: flex;
	flex-direction: column;
	gap: .5em;
	align-items: flex-end;
}

.footer .mainFooter .containerSocial .mainlink a{
	padding: .5em 1.5em;
	border-radius: var(--basicRadius);
}

.footer .endFooter{
	background: rgba(255, 255, 255, 0.62);
	display: flex;
	justify-content: center;
	position: relative;
	border-top-right-radius: var(--mediumRadius);
	border-top-left-radius: var(--mediumRadius);
	padding: 1em;
}

.footer .endFooter img{
	position: absolute;
	top: 50%;
	left: 2em;
	transform: translateY(-50%);
	opacity: .6;
	height: 100%;
	width: auto;
	padding: 1em;
}

@media screen and (max-width: 1400px) {
	.footer .mainFooter{
		gap: 2em;
	}
	.footer .mainFooter .containerLink,
	.footer .mainFooter .containerSocial,
	.footer .mainFooter .containerDesc{
		width: calc((100% - 2em * 2) / 3);
	}
}


@media screen and (max-width: 1200px) {
	.footer .mainFooter{
		flex-wrap: wrap;
	}

	.footer .mainFooter .containerDesc{
		width: 100%;
		max-width: initial;
	}
	.footer .mainFooter .containerLink,
	.footer .mainFooter .containerSocial{
		width: calc((100% - 2em ) / 2);
	}

	.footer .mainFooter .containerLink{
		align-items: flex-start;
	}

}

@media screen and (max-width: 900px) {
	.footer .mainFooter .containerLink{
		width: 100%;
	}

	.footer .mainFooter .containerSocial{
		width: 100%;
		align-items: flex-start;
	}

}

/* END footer */