/* --- 1. CHANGE THE FONT --- */
.main-nav__main-navigation .main-nav__navigation-box > li > a {
	color: #9ca3a9;
	font-size: 18px;
	font-weight: 500;
	/* Replaced var(--thm-font) with the new font */
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

/* Update Dropdown Font as well */
.main-nav__main-navigation .main-nav__navigation-box > li ul > li > a {
	display: block;
	color: var(--thm-black);
	font-size: 14px;
	font-family: "Poppins", sans-serif; /* Applied new font here too */
	word-break: break-all;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

/* --- 2. CENTER THE NAVIGATION MENU --- */
@media (min-width: 1200px) {
	.main-nav__header-one .container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
	}

	.main-nav__logo-box .side-menu__toggler {
		display: none;
	}

	.main-nav__main-navigation {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		/* NEW: Flex-grow lets the nav box fill the remaining space */
		flex-grow: 1;
		/* NEW: Center the content horizontally */
		justify-content: center;
		/* Optional: Offset the margin-right of the logo box to make it perfectly centered on the page */
		padding-right: 60px;
	}
}

/* Ensure the inner list is also centered */
.main-nav__main-navigation .main-nav__navigation-box {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center; /* Forces links to sit in the center of the available space */
}

/* sidebar  */