/* Mex Mega Menu CSS */

.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mobile-menu{
	display: none !important;
}

/* menu visiable css */
.header-menu ul li.mega-menu-visiable ul{
    opacity: 1 !important;
	visibility: visible !important;
}

.header-menu .mega-menu-wrap > ul > li > ul{
	margin-top: 25px !important;
	box-shadow: 0px 0px 10px 5px rgb(from var(--e-global-color-primary) r g b / 10%);
}

/* Mega Menu Flyout */
.header-menu #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu{
	background: var(--linear-gradient) !important;
}

/* Mega Menu Templated CSS */

.service-menu-list ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 !important;
}

.service-menu-list ul li{
	width: calc(20% - 8px);
	padding: 0 !important;
	margin: 0 !important;
}

.service-menu-list ul li a {
	padding: 10px;
	background-color: transparent;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

.service-menu-list ul li a:hover{
	background-color: rgb(from var(--white-color) r g b / 30%)
}

.service-menu-list ul li a:hover span{
	color: var(--white-color) !important;
	fill: var(--white-color) !important;
}


@media only screen and (max-width: 1024px) {
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mobile-menu{
		display: block !important;
	}
	
	.header-menu #mega-menu-wrap-menu-1 .mega-menu-toggle,
	.header-menu .mega-menu-wrap .mega-menu-toggle{
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 32px;
		background: var(--linear-gradient) !important;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-block:only-child{
		margin-left: 8px !important;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner,
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before,
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:after{
		width: 30px !important;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before{
		left: 7px;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-block:only-child{
		margin-left: 14px !important;
	}
	
	.header-menu ul.mega-menu{
		margin-top: 24px !important;
		max-height: calc(100vh - 200px) !important;
		overflow: auto !important;
		background: var(--linear-gradient) !important;
		filter: drop-shadow(0px 10px 5px rgb(from var(--e-global-color-primary) r g b / 10%));
	}
	
	.header-menu .mega-menu-wrap > ul > li > ul{
		margin-top: 0 !important;
		box-shadow: none;
		filter: none;
	}	
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link{
		display: flex;
		padding: 0 20px;
	}
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item> ul li a.mega-menu-link{
		padding: 0 30px !important;
	}
	
	/* Template CSS */
	.header-menu ul.mega-menu li > ul.mega-sub-menu .service-menu-list-wrapper{
		box-shadow: none;
	}
	
	.service-menu-list ul{
		justify-content: flex-start;
	}
	
	.service-menu-list ul li{
		width: calc(33.33% - 6.667px);
	}

}

@media only screen and (max-width: 767px) {
	
	.service-menu-list ul{
		gap: 5px;
	}

	.service-menu-list ul li{
		width: 100%;
	}
	
	

	
}