.dark-theme a {
	color: var(--dark-label-color) !important;
}

a {
	text-decoration: none !important;
	font-size: var(--primary-label-font-size);
	color: var(--primary-label-color) !important;
}

::-webkit-scrollbar {
	width: 10px !important;
	background-color: #E8EBE2;
}

::-webkit-scrollbar-thumb {
	background: grey;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px grey;
	border-radius: 10px;
}

.divider {
	margin: 0 10px;
	color: var(--primary-color);
}

.dark-theme .divider {
	margin: 0 10px;
	color: var(--white-color);
}

.dark-theme .smPortal-headerContainer {
	background-color: var(--dark-primary-background-color);
}

.dark-theme .smPortal-submenuAnchor.active {
	color: var(--dark-label-color) !important;
	font-weight: bold;
}

.smPortal-headerContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5% 0%;
	background-color: var(--white-color);
	max-width: 1366px;
	margin: auto;
}

.smPortal-headerLogo {
	height: 93px;
}
.smPortal-headerMenu {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

.smPortal-headerMenu .smPortal-subMenuList {
	list-style: none;
	color: var(--white-color) !important;
	padding: 0.5% 0%;
}

.smPortal-subMenuDiv {
	display: flex;
	align-items: center;
}

.dark-theme .smPortal-downArrowIcon {
	color: var(--dark-label-color);
}

.smPortal-downArrowIcon {
	color: var(--primary-label-color);
}
.dark-theme .smPortal-subMenuDropDownContent {
	box-shadow: var(--dark-button-box-shadow);
	background: var(--dark-primary-background-color);
}

.smPortal-subMenuDropDownContent {
	display: none;
	position: absolute;
	background-color: var(--white-color);
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 10px;
}

.smPortal-subMenuList:hover .smPortal-subMenuDropDownContent {
	display: block;
}

.smPortal-dropDownMain {
	display: block;
	padding: 0px 20px 16px 20px;
	text-decoration: none;
	color: var(--primary-label-color);
	white-space: nowrap;
}

.smPortal-dropDownMain:first-child {
	padding-top: 20px !important;
}

.smPortal-dropDownMain:last-child {
	padding-bottom: 20px !important;
}

.smPortal-dropDownMain:hover {
	color: var(--hover-color) !important;
}

.smPortal-submenuAnchor.active {
	color: var(--primary-color) !important;
	font-weight: bold;
}

.smPortal-loginSection {
	display: flex;
	align-items: center;
	text-align: right;
	justify-content: end;
}

.smPortal-loginSection .vertical-separator {
	display: inline-block;
	height: 20px;
	width: 1px;
	background-color: var(--primary-label-color);
	margin: 0 10px;
}

.smPortal-darkIcon {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.smPortal-lightIcon {
	display: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.dark-theme #light-mode-icon {
	color: var(--dark-primary-background-color);
}

.smPortal-hamburgerIcon {
	display: none;
}

.smPortal-mobileMenu {
	display: none;
	position: absolute;
	top: 72px;
	right: 0;
	width: 100%;
	height: 100%;
	max-height: calc(100vh - 72px);
	color: var(--white-color);
	background-color: var(--primary-color);
	z-index: 2;
	overflow-y: auto;
	transform: translateX(100%);
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;
}

.smPortal-mobileMenu.active {
	display: block;
	transform: translateX(0);
	opacity: 1;
}

.smPortal-mobileMenu ul {
	list-style-type: none;
	padding: 36px 0px 0px 0px;
	margin: 0;
}

.smPortal-mobileHeader {
	font-size: var(--primary-label-font-size);
}

.smPortal-mobileDropdown {
	display: flex;
	flex-direction: column;
	padding-left: 16px;
}

.smPortal-mobileMenu a {
	color: var(--white-color) !important;
	font-size: var(--secondary-label-font-size);
	padding: 0px 0px 16px 20px;
}

.smPortal-mobileLoginSection {
	display: none;
}

.smPortal-mobileRegistrationSection {
	display: flex;
	justify-content: space-between;
}
/*------------------------------- Hide the menu and show the hamburger icon on smaller screens--------------------------------- */


@media ( max-width : 868px) {
	.smPortal-headerMenuDiv, .smPortal-loginSection {
		display: none !important;
	}
	.smPortal-headerLogo {
		width: 124px;
		height: 52px;
	}
	.dark-theme .smPortal-hamburgerIcon {
		color: var(--dark-label-color);
	}
	.smPortal-hamburgerIcon {
		display: block !important;
		cursor: pointer;
		font-size: var(--primary-label-font-size);
		margin-left: auto;
		padding: 10px;
		z-index: 2;
		color: var(--primary-label-color);
	}
	.smPortal-hamburgerIcon span {
		font-size: 40px;
		transition: transform 0.3s ease;
	}
	.smPortal-hamburgerIcon.rotate-icon span {
		transform: rotate(180deg);
	}
	.smPortal-mobileLoginSection {
		display: flex;
		justify-content: space-between;
	}
	.smPortal-headerContainer {
		overflow: hidden !important;
	}
}

@media ( min-width : 868px) {
	.smPortal-mobileMenu {
		display: none !important;
		opacity: 1;
		transform: translateX(0);
		transition: transform 0.4s ease, opacity 0.4s ease;
	}
}
/* Show desktop theme toggle by default */
.theme-toggle {
	display: block;
}

.mobile-theme-toggle {
	display: none;
}

/* Show mobile theme toggle on small screens */
@media ( max-width : 868px) {
	.theme-toggle {
		display: none;
	}
	.mobile-theme-toggle {
		display: block;
	}
}

/*------------------------------- Hide the menu and show the hamburger icon on smaller screens Ends Here--------------------------------- */