
.pxl-nav-menu {
	&:not(.fr-icon-bottom){
		.sub-menu,	
		.children{
				&:not(.pxl-mega-menu) {
				padding: 10px 0 !important;
				&::before{
					position: absolute;
					content: '';
					top: 0;
					left: 0;
					width: 0;
					height: 0;
					border-left: 0px solid transparent;
					border-right: 7px solid transparent;
					border-top: 7px solid var(--primary-color);
				}
				&::after{
					position: absolute;
					content: '';
					top: 0;
					right: 0;
					width: 0;
					height: 0;
					border-left: 7px solid transparent;
					border-right: 0px solid transparent;
					border-top: 7px solid var(--primary-color);
				}
			}	
		}
	}
	/* First Level */
	.pxl-menu-primary > li {
		&:last-child{
			margin-right: 0 !important;
		}
		&.menu-item-has-children > a {
			.pxl-arrow-plus {
				display: inline-flex;
				@include transition(all 300ms linear 0ms);
				&:before {
					content: '+';
					font-style: normal;
				}
			}
			.pxl-arrow-arrow {
				display: inline-flex;
				line-height: normal;
				@include transition(all 300ms linear 0ms);
				&:before {
					content: "\f150";
					font-family: "Caseicon";
					font-size: 8px;
					font-style: normal;
					position: relative;
					top: 2px;
				}
			}
		}
	}
	.sub-menu.pxl-mega-menu{
		background-color: transparent !important;
		border: none !important;
	}
	
	/* Style Level First */
	&.fr-style-default{
		.pxl-menu-primary {
			>li {
				>a {
					span {
						position: relative;
						padding-right: 8px;
	
						&::before {
							position: absolute;
							content: '';
							width: 5px;
							height: 5px;
							background: $primary_color;
							top: -4px;
							right: 1px;
						}
	
						&::after {
							content: '';
							width: 0;
							left: 0;
							height: 2px;
							position: absolute;
							bottom: -3px;
							-webkit-transition: width 0.25s;
							transition: width 0.25s;
							background-color: var(--primary-color);
						}
					}
				}
	
				&:hover,
				&:active,
				&:focus,
				&.current_page_item {
					>a {
						span {
							&::after {
								width: 100%;
							}
						}
					}
				}
			}
		}
	}
	&.fr-style-default1{
		.pxl-menu-primary  {
			>li.menu-item-has-children{
				>a{
					position: relative;
					&:before {
						content: "\f0d7";
						font-family: "Font Awesome 5 Free";
						font-weight: 900;
						font-size: 15px;
						font-style: normal;
						position: absolute;
						top: 1px;
						right: -6px;
					}
				}
			}
		}
		
	}
	&.fr-style-ha {
		.pxl-menu-primary > li {
			&.menu-item-has-children > a .caseicon-angle-arrow-down {
				display: none !important;
			}
			> a {
				.pxl-menu-item-text {
					display: inline-flex;
 					align-items: center;
					.flaticon-up-right-arrow {
						font-size: 9px;
						font-weight: 400;
						color: $gradient_color_to;
						margin-left: 12px;
						@include transition(all 300ms linear 0ms);
						opacity: 0;
						transform: translateX(-10px);
					}
				}
			}
			> a.pxl-onepage-active,
			&:hover > a,
	        &.current_page_item > a,
	        &.current-menu-item > a,
	        &.current_page_ancestor > a,
	        &.current-menu-ancestor > a {
	        	.pxl-menu-item-text .flaticon-up-right-arrow {
        			opacity: 1;
					transform: translateX(0px);
        		}
		    }
		    .sub-menu .flaticon-up-right-arrow {
		    	display: none;
		    }
		}
	}
	&.fr-icon-bottom{
		.pxl-menu-primary > .menu-item-has-children.menu-item{
			&:active,&:hover{
				background-color: #e3e0e5;
  				border: 1px solid rgba(37,17,55,0.2);
			}
		}
		.menu-item-has-children.menu-item,.menu-item-home{
			>a{
				position: relative;
				padding: 0 23px 0 25px;
				@media #{$max-xl} {
					padding: 0 15px;
				}
				&::before{
					position: absolute;
					content: '';
					right: 6px;
					bottom: 4px;
					width: 0;
					height: 0;
					border-top: 7px solid transparent;
					border-bottom: 0px solid transparent;
					border-right:7px solid $primary_color;
				}
			}
			.sub-menu{
				.menu-item-has-children.menu-item{
					>a{
						padding: 10px 20px;
					}
				}
			}
		}
		.menu-item-has-children.menu-item,.menu-item-home{
			&:active,&:hover{
				border-style: solid;
				border-width: 1px;
				border-radius: 5px;
				.sub-menu{
					margin-top: 23px;
				}
			}
			.sub-menu{
				background-color: #251137;
				border: 2px solid #382246;
				border-radius: 4px;
				li>a{
					color: #fff;
				}
				.menu-item{
					padding: 0;
					a{
						&::after{
							display: none;
						}
					}
					.sub-menu{
						left: calc(100% + 1px);
						&::before{
							display: none;
						}
					}
				}
				&.pxl-mega-menu{
					&::before{
						position: absolute;
						content: '';
						top: -8px;
						left: 60px;
						width: 0;
						height: 0;
						border-left: 8px solid transparent;
						border-right: 8px solid transparent;
						border-bottom: 8px solid #251137;
					}
				}
				&::before{
					position: absolute;
					content: '';
					top: -8px;
					left: 20px;
					width: 0;
					height: 0;
					border-left: 8px solid transparent;
					border-right: 8px solid transparent;
					border-bottom: 8px solid #251137;
				}
				&::after{
					position: absolute;
					content: '';
					top: -25px;
					left: 0;
					width: 100%;
					height: 30px;
					z-index: -1;
					cursor: pointer;
				}
			}
			
			border-width: 1px;
			border-style: solid;
			border-color: transparent;
			@include transform(all .3s);
			
			
		}
		.pxl-menu-item-text{
			&::before{
				display: none;
			}
			&::after{
				display: none;
			}
		}
		
	}
	&.fr-light-streak{
		.pxl-menu-primary >.menu-item{
			position: relative;
			&::before{
				content: '';
				position: absolute;
				display: flex;
				width: 4px;
				left: 40%;
				transform: translateX(-50%);
				height: 0%;
				top: 0;
				background: linear-gradient(180deg, #FE7524 0%, rgba(254, 117, 36, 0.00) 100%);
				@include transition(all .3s);
			}
			&::after{
				content: '';
				position: absolute;
				display: flex;
				width: 4px;
				left: 40%;
				transform: translateX(-50%);
				height: 0%;
				bottom: 0;
				background: linear-gradient(180deg, rgba(254, 117, 36, 0.00) 0%, #FE7524 100%);
				@include transition(all .3s);
			}>a{
				span{
					padding-right: 0;
				}
			}
			&:active,&:hover,&.current-menu-parent{
				&::before{
					height: 40%;
				}
				&::after{
					height: 40%;
				}
				>a{
						
					&::before{
						color: inherit;
					}
				}
			}
		}
		.menu-item-has-children.menu-item,.menu-item-home{

			&:active,&:hover{
				>a{
					&::before{
						color: inherit;
					}
				}
				.sub-menu{
					margin-top: 14px;
					li{
						>a{
							span .char{
								color: inherit;
							}
						}
					}
				}
			}
			>a{
				position: relative;
				span:not(.char){
					padding-right: 15px;
				}	
				&::after{
					display: none;
				}
				&::before{
					position: absolute;
					content: "\f0d7";
					right: 0px;
					width: 8px;
					height: 4px;
					color: inherit;
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
				}
			}
			.sub-menu{
				background-color: #241B38;
				.menu-item{
					padding: 0;
					>a{
						color: #fff;
						&::before{
							display: none;
						}
					}
					.sub-menu{
						left: calc(100% + 1px);
						&::before{
							display: none;
						}
					}
				}
				&.pxl-mega-menu{
					
				}
			}
			border-width: 1px;
			border-style: solid;
			border-color: transparent;
			@include transform(all .3s);
		}
		
		.pxl-menu-item-text{
			&::before{
				display: none;
			}
			&::after{
				display: none;
			}
		}
	}
	&.fr-gradient{

		.pxl-menu-primary >.menu-item{
			>a{
				position: relative;
				.pxl-menu-item-text{
					background-size: 200% 100%;
					background-position: -100%;
					transition: all .3s;
					background-clip: text;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					@include background-gradient-4colors(90deg,var(--primary-color),var(--fourth-color) ,var(--third-color) 50%,$heading_color 50%);
				}
				span{
					padding-right: 0;
				}
			}
			&:active,&:hover,&.current-menu-parent{
				>a{
					.pxl-menu-item-text{
						background-position: 0;
					}
					&::before{
						background-position: 0;
					}
				}
			}
		}
		.menu-item-has-children.menu-item,.menu-item-home{

			&:active,&:hover{
				>a{
					&::before{
						background-position: 0;
					}
				}
				.sub-menu{
					opacity: 1;
					margin-top: 10.2px;
				}
				.sub-menu{
					margin-top: 10px;
					li{
						>a{
							span{
								
							}
						}
					}
				}
			}
			>a{
				position: relative;
				span:not(.char){
					padding-right: 15px;
				}	
				&::after{
					position: absolute;
					content: '';
					width: 100%;
					height: 30px;
					bottom: -15px;
					left: 0;
					background-color: transparent;
				}
				&::before{
					position: absolute;
					content: "";
					right: 0px;
					top: 47%;
					transform: translateY(-50%);
					width: 8px;
					height: 8px;
					clip-path: polygon(48% 100%, 0 50%, 100% 48%);
					color: transparent;
					background-size: 200% 100%;
					background-position: -100%;
					transition: all .3s;
					background-clip: text;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					background:  linear-gradient(90deg,var(--primary-color),var(--fourth-color) ,var(--third-color) 50%,$heading_color 50%);
					background-size: 200% 100%;
					background-position: -100%;
				}
			}
			.sub-menu{
				
				.menu-item{
					padding: 0;
					>a{
						&::before{
							display: none;
						}
						>span{
							background-size: 200% 100%;
							background-position: -100%;
							transition: all .3s;
							background-clip: text;
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
							@include background-gradient-4colors(90deg,var(--primary-color),var(--fourth-color) ,var(--third-color) 50%,$heading_color 50%);
						}
						&:hover{
							>span{
								background-position: 0;
							}
							
						}
					}
					.sub-menu{
						left: calc(100% + 0px);
						margin-top: 10px;
						transition: all 300ms linear 0ms;
						opacity: 0;
						&::before{
							display: none;
						}
					}
					&:hover{
						.sub-menu{
							margin-top: 0;
							opacity: 1;
						}
					}
				}
				&.pxl-mega-menu{
					
				}
			}
		}
		
		.pxl-menu-item-text{
			&::before{
				display: none;
			}
			&::after{
				display: none;
			}
		}
	}
	&.fr-landing{
		.pxl-menu-primary > li > a span::before{
			display: none;
		}
		.pxl-menu-primary > li > a span{
			padding: 0;
		}
	}
	/* Sub Menu */
	.sub-menu li.menu-item-has-children > a:after {
		content: "\f14d";
		position: absolute;
		top: 50%;
		right: 20px;
		@include transform(translate(0, -50%));
		font-size: 9px;
		font-family: "Caseicon";
		font-weight: 400;
	}

	@media #{$min-xl} {
		&.sub-style-default {
			.sub-menu > li {
				.pxl-menu-item-text {
					@include transition(all 200ms linear 0ms);
					position: relative;
					&:before {
						content: '';
						width: 0;
						left: 0;
						height: 1px;
						position: absolute;
						top: 50%;
						-webkit-transition: width 0.25s;
						transition: width 0.25s;
						background-color: transparent;
						margin-top: 9px;
					}
				}
				> a.pxl-onepage-active,
				&:hover > a,
		        &.current_page_item > a,
		        &.current-menu-item > a,
		        &.current_page_ancestor > a,
		        &.current-menu-ancestor > a {
		        	.pxl-menu-item-text {
		        		margin-left: 7px;
		        		&:before {
		        			width: 100%;
		        		}
		        	}
			    }
			}
		}
	}

	&.show-effect-fade {
		.pxl-menu-primary .sub-menu {
			margin-top: 0;
		}
	}

	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}

	&.pxl-nav-vertical {
		.sub-menu {
			position: static;
			opacity: 1;
			visibility: visible;
			box-shadow: none;
			padding: 0;
			text-align: inherit;
			background-color: transparent;
			margin: 0;
			padding-top: 18px;
			display: none;
			transition: none;
			min-width: auto;
			> li {
				padding: 0;
				> a {
					padding: 0;
					display: inline-block;
					font-weight: 400;
					font-size: 19px;
					color: rgba(#000, 0.54);
					border: none;
					&:hover {
						color: $primary_color;
					}
				}
				+ li {
					margin-top: 12px;
				}
			}
			li:hover > .sub-menu {
				margin-top: 0 !important;
			}
		}
		.pxl-menu-primary > li {
			display: block;
			margin: 0;
			> a {
				line-height: normal;
			}
		}
		&.vertical-style-default {
			.pxl-arrow-toggle {
				position: absolute;
				right: -40px;
				top: 50%;
				transform: translate(0, -50%);
				font-size: 80%;
				width: 40px;
				height: 40px;
				display: inline-flex;
				@include transition(all 300ms linear 0ms);
				opacity: 0;
				align-items: center;
			}
			.pxl-menu-primary {
				padding: 0 50px;
				> li {
					+ li {
						margin-top: 30px;
					}
					> a {
						line-height: normal;
						font-size: 36px;
						text-transform: uppercase;
						color: #141414;
						font-weight: 500;
						.caseicon-angle-arrow-down {
							display: none !important;
						}
					}
				}
				li {
					&.menu-item-has-children > a:hover {
						.pxl-arrow-toggle {
							opacity: 1;
							right: -60px;
						}
					}
				}
			}
		}
		&.vertical-style-button {
			.pxl-arrow-toggle {
				display: none;
			}
			.pxl-menu-primary {
				> li {
					> a {
						min-width: 145px;
						font-size: 18px;
						line-height: 60px;
						color: #040607;
						z-index: 1;
						@media #{$max-xl} {
							font-size: 16px;
							line-height: 51px;
						}
						&:before, &:after {
							content: '';
							position: absolute;
							width: 31px;
							height: 27px;
							border-color: $primary_color;
							border-style: solid;
							@include transition(all 300ms linear 0ms);
						}
						&:before {
							top: 0;
							left: 0;
							border-radius: 8px 0 0 0;
							border-width: 3px 0 0 3px;
							transform-origin: top left;
							@media #{$max-xl} {
								border-width: 2px 0 0 2px;
							}
						}
						&:after {
							border-radius: 0 0 8px 0px;
							border-width: 0 3px 3px 0;
							right: 0;
							bottom: 0;
							transform-origin: bottom right;
							@media #{$max-xl} {
								border-width: 0 2px 2px 0;
							}
						}
						.pxl-menu-item-text {
							position: static;
							&:before {
								@include transition(all 300ms linear 0ms);
								content: '';
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								border-radius: 8px;
								z-index: -1;
								background-color: $primary_color;
								transform: scaleY(0);
							}
						}
						&:hover {
							&:before, &:after {
								transform: scale(0);
							}
							.pxl-menu-item-text:before {
								transform: scaleY(1);
							}
						}
					}
					+ li {
						margin-top: 22px;
						@media #{$max-xl} {
							margin-top: 12px;
						}
					}
					.sub-menu {
						margin-bottom: 36px;
					}
				}
				li.menu-item-has-children > a .pxl-menu-item-text:after {
					content: '+';
					margin-left: 4px;
				}
			}
			.sub-menu > li {
				> a {
					color: #555;
					font-size: 16px;
					font-weight: 700;
					&:after {
						display: none;
					}
					&:hover {
						color: $primary_color;
					}
				}
				.sub-menu > li > a {
					color: #777;
					font-size: 15px;
					&:hover {
						color: $primary_color;
					}
				}
			}
		}
	}
	&.pxl-mega-boxed {
		.pxl-megamenu > .sub-menu {
			max-width: 1170px;
			overflow: hidden;
		}
	}	
}

@media #{$max-lg} {
	.pxl-primary-menu-not-set li a {
		padding: 0 22px;
		background-color: $primary_color;
		font-weight: 700;
		line-height: 46px;
		border-radius: 23px;
		display: inline-flex;
		color: #fff;
		font-size: 16px;
	}
}

@media #{$min-xl} {
	#pxl-header-default {
		.pxl-menu-primary > li {
			margin: 0 1px;
			> a {
				span {
					line-height: 37px;
					display: inline-flex;
					padding: 0 22px;
					align-items: center;
					position: relative;
					z-index: 1;
					&:before {
						position: absolute;
						top: 0;
						left: 0;
						height: 100%;
						width: 100%;
						background-color: transparent;
						z-index: -1;
						@include transition(all .25s cubic-bezier(.645,.045,.355,1));
						transform: scaleY(0);
						transform-origin: bottom center;
					}
				}
			}
			&:hover > a,
	        &.current_page_item > a,
	        &.current-menu-item > a,
	        &.current_page_ancestor > a,
	        &.current-menu-ancestor > a {
	        	color: $primary_color;
	        	span:before {
	        		transform: scaleY(1);
	        	}
		    }
		}
	}
}

.section-mega-active.section-remove-br {
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

body.rtl {
	
}


