﻿/*.dynamicmenu {
	margin: 0px;
}
.dark-mode .dynamicmenu {
	background: #333 !important;
	color: #fff;
}
	.dynamicmenu ul, .dynamicmenu li {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	.dynamicmenu > li:first-child {
		margin-left: 0px !important;
	}

	.dynamicmenu > li {
		position: inherit;
		float: left;
		z-index: 2;
		padding: 15px 0px;
		margin: 0px 18px;
		transition: 300ms;
	}

		.dynamicmenu > li > a {
			position: relative;
			display: block;
			text-align: center;
			font-size: 12px;
			line-height: 30px;
			font-weight: 500;
			opacity: 1;
			font-family: Poppins, sans-serif;
			color: rgb(34, 34, 34);
			z-index: 1;
			padding-right: 17px;
			transition: 500ms;
		}

		.dynamicmenu > li.dropdown > a::before {
			position: absolute;
			content: "";
			font-family: "Font Awesome 5 Free";
			font-size: 15px;
			top: 0px;
			right: 0px;
			color: rgb(136, 136, 136);
			font-weight: 700;
			transition: 500ms;
		}

		.dynamicmenu > li.dropdown > .megamenu {
			position: absolute;
			width: 100%;
			left: 0px;
			padding: 30px 50px;
		}

		.dynamicmenu > li > .megamenu {
			position: absolute;
			left: inherit;
			top: 100%;
			width: 250px;
			z-index: 100;
			display: none;
			opacity: 0;
			visibility: hidden;
			background-color: rgb(255, 255, 255);
			box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px;
			transform-origin: center top;
			padding: 10px 0px;
			transition: 500ms;
		}

			.dynamicmenu > li > .megamenu li > a {
				border: 0 !important;
				padding: 1px 0 !important;
			}

			.dynamicmenu > li > ul > li > a, .dynamicmenu > li > .megamenu li > a {
				position: relative;
				display: block;
				padding: 12px 0px;
				line-height: 18px;
				font-weight: 400;
				font-family: Montserrat, sans-serif;
				font-size: 11px;
				text-transform: capitalize;
				color: #222;
				border-bottom: 1px solid #e3e3e3;
				text-align: left;
				transition: all 500ms ease;
				-moz-transition: all 500ms ease;
				-webkit-transition: all 500ms ease;
				-ms-transition: all 500ms ease;
				-o-transition: all 500ms ease;
			}

	.dynamicmenu li.dropdown .megamenu li h4 {
		border-bottom: 1px solid #e3e3e3;
		margin-top: 7px;
		padding: 4px 0;
		font-weight: 600;
	}

	.dynamicmenu .header-menu-12 {
		font-size: 13px !important;
	}
*/

/*.nav-menu {
	display: flex;
	align-items: center;
	gap: 0px;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	margin: 0px;
}

@media (min-width: 991px) and (max-width: 1200px) {
	.nav-menu > li, .nav-menu > li.dropdown {
		margin: 0px 10px;
	}
}

.nav-menu > li.dropdown, .nav-menu > li {
	margin: 0px 18px;
	padding: 15px 0px;
}

	.nav-menu > li:first-child {
		margin-left: 0px !important;
	}

	.nav-menu > li:last-child {
		margin-right: 0px !important;
	}

	.nav-menu > li.dropdown > a:before {
		position: absolute;
		content: "\f107";
		top: 2px;
		right: 0px;
		font-family: 'Font Awesome 5 Free';
		right: 0px;
		color: #888;
		font-weight: 700;
		transition: all 500ms ease;
	}

	.nav-menu > li > a {
		text-decoration: none;
		color: #666; 
		font-weight: normal;
		display: flex;
		align-items: center;
		position: relative;
		padding-right: 17px; 
		line-height: 30px;
	}

.nav-menu a:first-child {
	font-weight: 500;
	color: #000;
}

.dynamicmenu > li.dropdown > .megamenu {
	position: absolute;
	width: 100%;
	left: 0px;
	padding: 30px 50px;
}

.nav-menu > li > .megamenu {
	position: absolute;
	left: inherit;
	top: 100%;
	width: 250px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px;
	transform-origin: center top;
	padding: 10px 0px;
	transition: 500ms;
}

	.nav-menu > li > .megamenu li > a {
		border: 0 !important;
		padding: 1px 0 !important;
	}

	.nav-menu > li > ul > li > a, .nav-menu > li > .megamenu li > a {
		position: relative;
		display: block;
		padding: 12px 0px;
		line-height: 18px;
		font-weight: 400;
		font-family: Montserrat, sans-serif;
		font-size: 11px;
		text-transform: capitalize;
		color: #222;
		border-bottom: 1px solid #e3e3e3;
		text-align: left;
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
	}

.nav-menu li.dropdown .megamenu li h4 {
	border-bottom: 1px solid #e3e3e3;
	margin-top: 7px;
	padding: 4px 0;
	font-weight: 600;
}

.nav-menu .header-menu-12 {
	font-size: 13px !important;
}
*/
ul.navbar-nav .dropdown .megamenu {
	min-height: 360px !important;
	max-height: 90vh !important	;
	overflow: hidden auto;
	box-shadow: 3px 4px 7px 5px grey;
}

.main-menu .nav-menu {
	float: left;
	margin: 0;
	padding-left: 0;
	list-style: none;
	line-height: 56px;
}
	.main-menu .nav-menu > li:first-child {

	}

	.main-menu .nav-menu > li {
		float: left;
		display: block;
		position: unset !important;
	}

		.main-menu .nav-menu > li > a {
			/*color: #fff;*/
			font-size: 14px;
			text-transform: uppercase;
			text-decoration: none;
			letter-spacing: 0.5px;
			font-weight: 700;
			padding: 21px 12px 15px !important;
			transition: all 0.4sease-in-out;
			line-height: 20px;
		}

/*		.main-menu .nav-menu > li.dropdown > a::before {
			position: absolute;
			content: "\f107";
			font-family: 'Font Awesome 5 Free';
			font-size: 15px;
			top: 0px;
			right: 0px;
			color: #888;
			font-weight: 700;
			transition: all 500ms ease;
		}*/

		.main-menu .nav-menu > li.dropdown > .megamenu {
			/*position: absolute;*/
			width: 100%;
			left: 0px;
			padding: 30px 50px;
			display: none;
		}

	.main-menu .nav-menu li.dropdown .megamenu.active {
		visibility: visible;
		opacity: 1;
		max-height: 90vh;
		display: block !important;
		overflow: auto;
	}

	.main-menu .nav-menu > li > ul, .main-menu .nav-menu > li > .megamenu {
		top: 100%;
		z-index: 100;
		background-color: rgb(255, 255, 255);
		box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px;
		transform-origin: center top;
	}

		.main-menu .nav-menu > li > .megamenu li > a {
			border-width: 0px !important;
			border-style: initial !important;
			border-color: initial !important;
			border-image: initial !important;
			padding: 1px 0px !important;
		}

		.main-menu .nav-menu > li > ul > li > a, .main-menu .nav-menu > li > .megamenu li > a {
			position: relative;
			display: block;
			line-height: 18px;
			font-weight: 400;
			font-family: Montserrat, sans-serif;
			font-size: 11px;
			text-transform: capitalize;
			color: rgb(34, 34, 34);
			text-align: left;
			transition: 500ms;
		}

	.main-menu .nav-menu li.dropdown .megamenu li h4 {
		color: rgb(51, 51, 51);
		padding: 4px 0px;
		border-bottom: 1px solid rgb(227, 227, 227);
		position: relative;
		font-family: "Josefin Sans", sans-serif;
		color: rgb(34, 34, 34);
		margin: 0px;
		transition: 500ms;
		font-weight: 600;
	}

.header-menu-12 {
	font-size: 13px !important;
}

.main-menu .nav-menu > li > ul > li > a, .main-menu .nav-menu > li > .megamenu li > a {
	position: relative;
	display: block;
	line-height: 18px;
	font-weight: 400;
	font-family: Montserrat, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: rgb(34, 34, 34);
	text-align: left;
	transition: 500ms;
}

.mobile-menu .nav-menu {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

	.mobile-menu .nav-menu li {
		position: relative;
		display: block;
		border-top: 1px solid rgba(255, 255, 255, 0.10);
	}

		.mobile-menu .nav-menu li > a {
			position: relative;
			display: block;
			line-height: 24px;
			padding: 10px 25px;
			font-size: 15px;
			font-weight: 500;
			color: #ffffff;
			text-transform: uppercase;
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
		}

			.mobile-menu .nav-menu li > a:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				height: 0;
				border-left: 5px solid #fff;
				-webkit-transition: all 500ms ease;
				-moz-transition: all 500ms ease;
				-ms-transition: all 500ms ease;
				-o-transition: all 500ms ease;
				transition: all 500ms ease;
			}

		.mobile-menu .nav-menu li > ul, .mobile-menu .nav-menu li > ul > li > ul, .mobile-menu .nav-menu > li.dropdown > .megamenu {
			display: none;
		}

		.mobile-menu .nav-menu li ul li > a {
			font-size: 16px;
			margin-left: 20px;
			text-transform: capitalize;
		}

		.mobile-menu .nav-menu li.dropdown .dropdown-btn {
			position: absolute;
			right: 6px;
			top: 6px;
			width: 32px;
			height: 32px;
			text-align: center;
			font-size: 16px;
			line-height: 32px;
			color: #ffffff;
			background: rgba(255, 255, 255, 0.10);
			cursor: pointer;
			border-radius: 2px;
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
			z-index: 5;
		}

.main-menu .nav-menu li.dropdown .dropdown-btn {
	position: absolute;
	right: -32px;
	top: 66px;
	width: 34px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #3b3b3b;
	cursor: pointer;
	display: none;
	z-index: 5;
	transition: all 500ms ease;
}

.mobile-menu .nav-menu li.dropdown .dropdown-btn.open {
	background: #fff;
	color: #3b3b3b;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.dark-mode .main-menu .nav-menu > li > a, .dark-mode .main-menu .nav-menu > li > .megamenu li > a {
	color: #fff !important;
}
.dark-mode .main-menu .nav-menu > li > .megamenu {
	background-color: #484848;
}
.dark-mode .main-menu .nav-menu li.dropdown .megamenu li h4 {
	border-bottom: 1px solid #000;
	color: #fff;
	margin-top: 7px;
}
/*@media only screen and (max-width: 991px) {
	.mobile-menu .nav-menu > li.dropdown > .megamenu li:first-child {
		display: none;
	}
}*/
@media (min-width: 992px) and (max-width: 1199px) {
	.main-menu .nav-menu > li {
		padding: 21px 6px 15px !important;
	} 
	.main-menu .nav-menu > li > a {
		font-size : 12px;
	}
}
