.menu-div{
	padding: 10px 0px;
	transition: .5s;
	position: fixed;
	z-index: 10;
	top: 0px;
	width: 100%;
	left: 0px;
}
.logo-menu{
	height: 55px;
}
.menu-padding{
	height: 75px;
}

.nav-holder {
	opacity:1;
	visibility:visible;
	}
	.nav-holder nav {
		position:relative;
		}
	.nav-holder nav li{
	position:relative;
	list-style: none;
	display: inline-block;
	}
		.nav-holder nav li ul {
			opacity: 0;
			visibility: hidden;
			position: absolute;
			min-width: 180px;
			top: 60px;
			left: 0;
			z-index: 3;
			padding: 10px 0;
			background: rgba(255,255,255,.7);
			border-radius: 0px 0px 10px 10px;
			transition: all .3s ease-in-out;
			backdrop-filter: blur(3px);
			background: rgba(255, 255, 255, 0.03);
			backdrop-filter: blur(3px);
		}
		.sticky-menu .nav-holder nav li ul, .inner-menu .nav-holder nav li ul{
			background: rgba(255, 255, 255, .9);
		}
	
	.nav-holder nav li ul:lang(ar) {
		right:0px;
		left:auto;
		
	}
		.nav-holder nav li:hover > ul {
		opacity: 1;
		visibility: visible;
		top: 48px;
	}
	
	.nav-holder nav li ul li ul {
		top: -10px;
		left: -100%;
		margin-left:25px;
		margin-top:0;
		max-width:150px;
	
	}
	.nav-holder nav li ul li:hover  > ul  {
		opacity: 1;
		visibility: visible;
		margin-right:0px;
	
	}
	.nav-holder nav li ul li {
		width:100%;
		height:auto;
		position:relative;
	
	}
	.nav-holder nav li a {
	padding: 6px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
	color: #ffffff;
	transition: all 100ms linear;
	}
	.sticky-menu .nav-holder nav li a, .inner-menu .nav-holder nav li a {
		color:var(--dark-green);
	
	}

	.nav-holder nav li a:before {
		content:'';
		position:absolute;
		bottom:-19px;
		left:0;
		right:0;
		height:4px;
		border-radius:4px;
		display:none;
	
	}
	.nav-holder nav li a.act-link:before {
		display:block;
	}
	.nav-holder nav li a i {
		transition: all .3s linear;
		font-size: 10px;
		padding: 0px 0px 0px 5px
		}
		.nav-holder:lang(ar) nav li a i {
			padding: 0px 5px 0px 0px
		}
	.nav-hold
	er nav li a i:lang(ar) {
			padding-right:6px;
		padding-left:0px;
	}
	.nav-holder nav li:hover i {
		transform: rotateX(180deg);
	}
	.nav-holder nav li ul a {
	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 14px;
	display: block;
	}
	

	.nav-holder nav li ul a:hover {
		color:#00A287;
	}
	nav li ul a:before , nav li ul a:after {
		display:none;
	}
	.btn-menu{
		border: none;
		padding: 5px;
		color: #002f3a;
		border-radius: 5px;
		background: transparent;
	
	}
	.open-menu{
		display: none;
	}
	  @media  (max-width: 1204px) {
		.open-menu{
			display: inline-block;
		}
	.main-menu nav ul{
		display:none;
	
	}

	.main-menu{
	position: absolute;
	top: 122px;
	right: 0px;
	width:300px;
	z-index:50;
	padding:15px 10px;
	background:#fff;
	border-bottom-left-radius:6px;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 0.4s  ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s   ease-in-out;
	transition: all 0.4s  ease-in-out;
	}
	
	.main-menu:lang(ar){
			right:auto;
			left: 0px;
			border-bottom-left-radius:0px;
			border-bottom-right-radius:6px;
	}

	.vismobmenu {
	opacity:1;
	right: -20px;
	visibility:visible;

	
	}
	
	.vismobmenu:lang(ar) {
		right:auto;
		left:0px;
	
	}
	.menusb {
		display:block;
		position:relative;
		width:100%;
		overflow:hidden;
	
	}
	.main-menu .menusb ul  {
		position:relative;
		display: block;
		float: left;
	}
	.main-menu .menusb ul:lang(ar){
		float: right;
	}
	.menusb li {
		margin: 0px;
		width:100%;
		position:relative;
		 padding:0 5px; 
	}
	.menusb li i {
		position:absolute;
		right:18px;
		top:12px;
	}
	.menusb li i:lang(ar){
		right:auto;
		left:18px;
	}
	.menusb a {
		width:100%;
		padding:8px 5px;
		position:relative;
		font-weight: 700;
		font-size: 14px;
		color: #566985;
		line-height:20px;
		display: block;
	}
	.menusb a i{
		transform: rotate(-90deg);
	}
	.menusb a i:lang(ar){
			transform: rotate(90deg);
			font-size: 12px;
	}
	.menusb a.back{
		padding-left:24px;
	}
	.menusb:lang(ar) a.back{
		padding-right:24px;
		padding-left:0px;
	}
	.menusb a.back:before{
	  font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f061";
	font-size: 24px;
	}
	.menusb:lang(ar) a.back:before{
	  content: "\f060";

	  }

	
}


/* ==============sticky menu================ */
.sticky-menu, .inner-menu{
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10;
	background-color: rgba(255, 255, 255, .9);
	    backdrop-filter: blur(3px);
}


.sticky-menu .main-menu, .inner-menu .main-menu {
	top: 75px;
	/* background-color: #F8F8F8; */
}


/* =============search============ */
.search-input{
	border-radius: 25px 0px 0px 25px;
	background-color: #fff;
	padding: 10px 20px;
	border: none;
	color: #002f3a;
	width: 100%;
	height: 50px;
}
.search-input:lang(ar){
	border-radius: 0px 25px 25px 0px;
	
}
#search-modal .modal-content{
	background-color: transparent;
}
.search-btn{
	background-color: #00A287;
	padding: 10px;
	border-radius: 0px 25px 25px 0px;
	border: none;
	color: #fff;
	min-width: 100px;
	height: 50px;
}
.search-btn:lang(ar){
	
	border-radius: 25px 0px 0px 25px;
}
.btn-close-search{
	background-color: transparent;
	border: none;
	color: #fff;
	font-size: 25px;
	margin-bottom: 20px;
}
.a-search{
	color: #fff;
	padding: 0px 20px;
	font-size: 20px;
}
.a-search:hover{
	color: #00A287;
}

/* .after-line::after {
    content: "";
    width: 1px;
    height: 26px;
    top: 4px;
    left: -2px;
    background-color: rgba(255, 255, 255, .6);
    position: absolute;
} */
.after-line:lang(en):after {
    right: 0px;
    left: auto;
}
.formal-normal, .logo-normal{
	display: none;
}
.sticky-menu .formal-normal, .sticky-menu .logo-normal, .inner-menu .formal-normal, .inner-menu .logo-normal{
	display: inline-block;
}
.sticky-menu .formal-white, .sticky-menu .logo-white, .inner-menu .formal-white, .inner-menu .logo-white{
	display: none;
}
.img-formal{
	height: 40px;
}