footer {
	margin-top: 60px !important;
	background: linear-gradient(
		90deg,
		rgba(2, 0, 36, 1) 0%,
		rgba(6, 5, 82, 1) 7%,
		rgba(9, 9, 121, 1) 21%,
		rgba(4, 130, 201, 1) 56%,
		rgba(0, 212, 255, 1) 89%
	) !important;
	color: #ffffff !important;
	border-top: 1px solid rgba(255,255,255,0.1); /* Subtle divider */
}

.footer5,
.footer2 {
	background: inherit !important;
}

footer * {
	color: #ffffff !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

footer h6 {
	color: #ffffff !important;
	font-weight: 700 !important;
}

footer .text-reset {
	color: rgba(255, 255, 255, 0.9) !important;
}

footer .text-reset:hover {
	color: #ffffff !important;
}

footer .c-name {
	color: #e6f3ff !important;
}

footer i,
footer .fas,
footer .fab {
	color: #ffffff !important;
	font-size: 1.3rem !important;
}

footer .me-4 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	margin: 0 10px 10px 0;
	transition: all 0.3s ease;
}

footer .me-4:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: translateY(-3px);
}

.footer2 + div {
	margin-top: 0 !important;
	padding-top: 20px !important;
	padding-bottom: 0px !important;
}

/* RESPONSIVE - ALL BREAKPOINTS COVERED */
@media (max-width: 1200px) {
    .works-content,
    .section-row {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}