/* main-footer */

.banner-connect {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 60px 0 80px 0;
}

.banner-connect h2 {
	max-width: 620px;
	font-weight: 100;
}

.banner-connect h2 .color-blue,
.banner-connect h2 strong {
	font-weight: 700;
}


@media (max-width:780px) {
	.banner-connect {
		flex-direction: column;
		padding: 30px 0;

	}

	.banner-connect div,
	.banner-connect div h2 {
		width: 100%;
		max-width: 100%;
		margin: 0 0 20px 0;
	}

	.banner-connect .justify-end {
		justify-content: flex-start;
	}
}


@media (max-width:960px) {
	.footer-container {
		flex-direction: column;
	}
	.social-icons--list {
		padding: 0;
	}

}

.bordered {
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	padding-top: 40px;
	padding-bottom: 40px;
}

.footer-container {
	display: flex;
	align-items: center;
	gap: var(--space-m);
	justify-content: space-between;
}

.footer--logo {
	display: flex;
	align-items: center;
	gap: var(--space-m);
}

.footer--logo svg {
	width: 86px;
	fill: var(--blue-primary);
	height: 71px;
}

.footer--logo p {
	font-size: 16px;
}


.social-icons--list {
	list-style: none;
	display: flex;
	gap: var(--space-m);
}

.social-icons--list li {
	display: flex;
}

.social-icons--list svg {
	width: 16px;
	height: 16px;
	margin: 14px;
	fill: var(--blue-primary);
}

.social-icons--list a {
	border: 1px solid var(--black-light);
	align-items: center;
	justify-content: center;
	width: 45px;
	align-items: center;
	vertical-align: center;
	height: 45px;
	border-radius: 50%;
}

.social-icons--list a:hover {
	background-color: var(--blue-primary-hover);
	border-color: var(--blue-primary-hover);
}

.social-icons--list a:hover svg {
	fill: var(--color-white);
}

.customer-menu ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: var(--space-m);
}

.customer-menu a {
	font-size: 16px;
	font-weight: 800;
}


.web-credit {
	font-size: 16px;
	padding: 20px 0;
	font-style: italic;
}

.web-credit a {
	color: var(--blue-primary);
}

.web-credit a:hover {
	text-decoration: underline;
}


.badge {
	max-width: 160px;
}

.badge img {
	max-width: 160px;
}

@media (max-width:780px) {
	.footer-container {
		flex-direction: column;
	}
	.footer--logo,
	.customer-menu ul {
		flex-direction: column;
	}
	.social-icons--list {
		margin: 0;
		padding: 0;
	}
	.customer-menu ul {
		text-align: center;
	}
}