.custom-menu-container ul {
	list-style: none; /* Remove default bullets */
	padding: 0;
}

.custom-menu-container ul li {
	padding-left: 20px; /* Space for the icon */
	position: relative;
}

.custom-menu-container ul li a {
	text-decoration: none; /* Remove default underline */
	color: #000; /* Default link color */
	display: block; /* Ensure the link takes up the entire li */
	padding: 5px 10px; /* Add padding for better click area */
	transition: all 0.3s ease; /* Smooth transition for hover effects */
}

/* Style for active link */
.custom-menu-container ul li.current-menu-item > a,
.custom-menu-container ul li.current-menu-ancestor > a {
	font-weight: bold; /* Make active link bold */
	color: #0073e6; /* Change active link color */
	background-color: #f0f0f0; /* Background color for active link */
}

/* Hover effect for inactive links */
.custom-menu-container ul li a:hover {
	color: #0073e6; /* Change color on hover */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow on hover */
	background-color: #f9f9f9; /* Slightly change background on hover */
}

/* Ensure parent items have a relative position */
.custom-menu-container ul li {
	position: relative;
}