#customerNav {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.navbar {
	padding: 0.5rem 8rem;
}

.navbar-brand .logo {
	width: 250px;
}

.navbar-nav .nav-link {
	font-weight: 500;
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
}

.navbar-nav .nav-link:hover {
	color: #80756d; /* orange highlight */
}

.navbar-nav .active {
	color: #80756d !important;
	font-weight: 600;
	border-bottom: 2px solid #80756d;
}

@media (max-width: 991px) {
	.navbar-nav {
		text-align: center;
	}
	.navbar {
		padding: 0.5rem 1rem;
	}
}

.nav-link {
	cursor: pointer;
}
.donate-highlight {
	background: linear-gradient(135deg, #fd7e14, #8c837c);
	color: white !important;
	font-weight: 600;
	border-radius: 6px;
	padding: 10px 20px;
	margin-left: 10px;
	transition: all 0.4s ease;
	box-shadow: 0 4px 12px rgba(253, 126, 20, 0.3);
	display: inline-block;
}

.donate-highlight:hover {
	transform: scale(1.05) translateY(-4px);
	box-shadow: 0 10px 24px rgba(253, 126, 20, 0.5);
}

#feedbackBtn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1050;
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #ff7e5f, #83b23a);
	border: none;
	color: #fff;
	font-size: 26px;
	overflow: hidden;
}
/* Animations applied */
.animate-btn {
	animation:
		bounceIn 1s ease,
		float 3s ease-in-out infinite,
		pulse 2s infinite;
	border-radius: 50%; /* smoother round */
	position: relative;
}

/* Shine / highlight overlay */
.shine {
	position: absolute;
	top: 0;
	left: -100%;
	width: 200%;
	height: 100%;
	background: linear-gradient(
		120deg,
		transparent,
		rgba(255, 255, 255, 0.4),
		transparent
	);
	animation: shineAnim 3s infinite;
	border-radius: 50%;
}

/* Hover effect */
#feedbackBtn:hover {
	transform: scale(1.15) rotate(5deg);
	box-shadow: 0 0 25px rgba(255, 126, 95, 0.8);
}

/* Bounce animation (entry) */
@keyframes bounceIn {
	0% {
		transform: scale(0.3);
		opacity: 0;
	}
	50% {
		transform: scale(1.1);
		opacity: 1;
	}
	70% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

/* Floating effect */
@keyframes float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-8px);
	}
}

/* Pulse glow */
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 126, 95, 0.6);
	}
	70% {
		box-shadow: 0 0 0 20px rgba(255, 126, 95, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 126, 95, 0);
	}
}

/* Shine animation */
@keyframes shineAnim {
	0% {
		left: -100%;
	}
	50% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}
.footer {
	background-color: #1e8696;
	color: #fff;
	font-size: 0.95rem;
}

.footer a.footer-link {
	color: #ffffffcc; /* slightly lighter white */
	text-decoration: none;
	transition: color 0.3s;
	font-weight: 600;
}

.footer a.footer-link:hover {
	color: #ffffff; /* full white on hover */
	text-decoration: underline;
}

.footer ul li i {
	width: 18px;
	text-align: center;
	color: #fff;
}

.social-icon {
	font-size: 1.2rem;
	transition:
		transform 0.3s,
		color 0.3s;
}

.social-icon:hover {
	color: #ffffff;
	transform: scale(1.2);
}

.footer-bottom {
	font-size: 0.85rem;
	border-color: rgba(255, 255, 255, 0.25);
}
.social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	margin-right: 10px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.2rem;
	transition: all 0.3s ease;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Brand Colors */
.social-icon.facebook {
	background-color: #1877f2;
}
.social-icon.twitter {
	background-color: #1da1f2;
}
.social-icon.linkedin {
	background-color: #0a66c2;
}
.social-icon.instagram {
	background: radial-gradient(
		circle at 30% 107%,
		#fdf497 0%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);
}

/* Hover Effect */
.social-icon:hover {
	transform: translateY(-3px) scale(1.1);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	opacity: 0.9;
}