#external-footer-container {
	display: flex;
	padding: 30px 20px;
	border-top: 5px solid #fc640c;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: black;
}

#footer-logo {
	width: 100%;
	max-width: 300px;
	object-fit: contain;
	margin-bottom: 30px;
}

#external-footer {
	gap: 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: space-around;
}

#external-footer .footer-section {
	display: flex;
	max-width: 300px;
	text-align: left;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.footer-section .title, .footer-section .contact-method, .footer-section .menu {
	width: 100%;
	color: #fff;
}

.footer-section .title {
    font-size: 18px;
	text-align: center !important;
    margin-bottom: 15px;
	text-transform: capitalize;
}

.footer-section .contact-method, .footer-section .menu {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.footer-section.contact {align-items: start !important;}

.footer-section.contact .contact-whatsapp {
	cursor: pointer;
	display: flex;
	padding: 5px 10px;
	transition: all ease-in-out 0.25s;
	margin-top: 15px;
	align-items: center;
	border-radius: 10px;
	justify-content: center;
	background-color: #ffc400;
}

.footer-section.contact .contact-whatsapp:hover {background-color: #e6b000;}

.footer-section.contact .contact-whatsapp i {
	font-size: 38px;
	margin-right: 10px;
}

.footer-section.contact .contact-whatsapp div {
	display: flex;
	align-items: start;
	flex-direction: column;
	justify-content: center;
}

.footer-section.contact .contact-whatsapp div h1, .footer-section.contact .contact-whatsapp div h2 {
	color: black;
	margin: 0px !important;
	line-height: 1.25;
	font-weight: 600;
}

.footer-section.contact .contact-whatsapp div h1 {
	font-size: 15px;
}

.footer-section.contact .contact-whatsapp div h2 {
	font-size: 16px;
}

.footer-section.contact .social-media {
	color: #fff;
	display: flex;
	font-size: 15px;
	margin-top: 15px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.footer-section.contact .social-media div {
	gap: 15px;
	display: flex;
	margin-top: 5px;
	align-items: center;
	justify-content: center;
}

.footer-section.contact .social-media div i {
	color: black;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	transition: all ease-in-out 0.25s;
	align-items: center;
	border-radius: 50%;
	justify-content: center;
	background-color: #ffc400;
}

.footer-section.contact .social-media div i:hover {background-color: #e6b000;}

.footer-section .menu {
	cursor: pointer;
	font-size: 15px;
	transition: all ease-in-out 0.25s;
}

.footer-section .menu:hover {color: #ffc400;}

.footer-section.newsletter {align-items: start !important;}

.footer-section.newsletter .subtitle {
	color: #fff;
	font-size: 15px;
	line-height: 1.35;
}

.footer-section.newsletter input {
	width: 100%;
	padding: 10px 20px;
	font-size: 15px;
	margin-top: 10px;
	font-weight: 500;
	border-radius: 25px;
}

.footer-section.newsletter button {
	color: black;
	display: flex;
	padding: 10px 20px;
	transition: all ease-in-out 0.25s;
	margin-top: 15px;
	font-weight: 600;
	align-items: center;
	border-radius: 25px;
	justify-content: center;
	background-color: #ffc400;
}

.footer-section.newsletter button:hover {background-color: #e6b000;}

.footer-section.payment-methods {max-width: 350px !important;}

.footer-section.payment-methods .title {margin-bottom: 5px;}

.footer-section.payment-methods .title.certified {
	margin-top: 30px;
	margin-bottom: 10px;
}

.footer-section.payment-methods .payment-method {
	width: 100%;
	max-width: 350px;
	object-fit: contain;
}

.footer-section.payment-methods .certification {
	width: 100%;
	max-width: 110px;
	object-fit: contain;
}

#footer-copyright {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 60px;
	font-weight: 500;
}

@media screen and (max-width: 928px) {
	.footer-section.newsletter {align-items: center !important;}
}

@media screen and (max-width: 728px) {
	#footer-copyright {margin-top: 45px;}
}

@media screen and (max-width: 528px) {
	.footer-section.contact {align-items: center !important;}
}