.footer {
	background-color: #ffffff;
	color: #000000;
	font-family: 'Poppins', sans-serif;
	padding: 60px 20px 30px;
	/* border-top: 1px solid #e5e5e5; */
	position: relative;
	top: 20px;
}

.footer-container {
	max-width: 1200px;
	margin: 0 auto;
}

.footer-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
	/* border-bottom: 1px solid #e5e5e5; */
	/* padding-bottom: 40px; */
}

.footer-section {
	flex: 1 1 220px;
	min-width: 220px;
}

.footer-section h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #000000;
}

.footer-section p {
	font-size: 14px;
	line-height: 1.6;
	color: #333333;
	margin-bottom: 20px;
}

.footer-section:hover p {
	color: #2296f3;
}

.footer-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-link {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
	transition: color 0.3s ease;
}

.footer-link:hover {
	color: #2296f3;
}

.socials {
	display: flex;
	gap: 12px;
	margin-top: 15px;
}

.social-icon {
	width: 22px;
	height: 22px;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: brightness(0);
}

.social-icon:hover {
	transform: scale(1.1);
	filter: invert(41%) sepia(100%) saturate(2765%) hue-rotate(196deg) brightness(97%) contrast(101%);
}

/* Footer Bottom */
.footer-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-top: 25px;
	gap: 10px;
}

.footer-credit {
	font-size: 13px;
	color: #555555;
	text-decoration: none;
}

.footer-credit:hover {
	color: #2296f3;
}

.footer-policies {
	display: flex;
	gap: 20px;
}

.footer-policy {
	font-size: 13px;
	color: #555555;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-policy:hover {
	color: #2296f3;
}

/* Responsive */
@media (max-width: 768px) {

	.footer-section {
		flex: 1 1 0px;
		min-width: 220px;
	}

	.footer-content {
		flex-direction: column;
		gap: 30px;
	}

	.footer-section {
		text-align: center;
	}

	.socials {
		justify-content: center;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}
}

.socials {
	display: flex;
	gap: 15px;
	margin-top: 15px;
	align-items: center;
}

.social-icon {
	width: 25px;
	height: 25px;
	transition: transform 0.3s ease;
}

/* Hover effect - slight enlarge */
.social-icon:hover {
	transform: scale(1.1);
}

/* Specific platform colors using SVG filters */
.social-icon[alt="LinkedIn"] {
	filter: invert(29%) sepia(96%) saturate(2163%) hue-rotate(184deg) brightness(91%) contrast(93%);
}

.social-icon[alt="Facebook"] {
	filter: invert(30%) sepia(99%) saturate(1217%) hue-rotate(202deg) brightness(97%) contrast(99%);
}

.social-icon[alt="WhatsApp"] {
	filter: invert(49%) sepia(94%) saturate(1128%) hue-rotate(94deg) brightness(92%) contrast(90%);
}

.social-icon[alt="Twitter"] {
	filter: invert(52%) sepia(86%) saturate(1434%) hue-rotate(176deg) brightness(95%) contrast(94%);
}

/* On hover - make all icons blue for consistent brand hover color */
.social-icon:hover {
	filter: invert(41%) sepia(100%) saturate(2765%) hue-rotate(196deg) brightness(97%) contrast(101%);
}