/** Menu Start **/
.visibility-hidden {
  visibility: hidden;
}
/** Desktop Only **/

@media (min-width: 768px) {
	.elementor-location-header .e-con-inner .elementor-element-2a448320,
	.navigation-widget,
	.navigation-widget .elementor-nav-menu,
	.navigation-widget .elementor-nav-menu > li  {
	  position: unset;
	}

	.elementor-location-header .e-con-inner {
	  position: relative;
	}

	.navigation-widget .elementor-nav-menu > li > a {
	  color: #fff !important;
	}
	.navigation-widget .elementor-nav-menu > li > a:hover {
	  color: #fff !important;
	}

	.navigation-widget .elementor-nav-menu > li > a svg  {
	  fill: #fff;
	}
	.navigation-widget .elementor-nav-menu > li:hover svg {
	  fill: #8b6eff;
	  transform: rotate(180deg);
	  top: 2px;
	}

	.navigation-widget .elementor-nav-menu > li.active-hover > .sub-menu {
	  position: absolute;
	  left: 0 !important;
	  min-width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	  top: 61px !important;
	  padding-top: 33px;
	}

	.navigation-widget .elementor-nav-menu > li.active-hover > .sub-menu > li {
	  flex: 0 0 24.8%;
	  /*padding: 24px 20px;*/
	  background: #21242E;
	  outline: 1px solid #343746;
	  margin-top: 1px;
	  margin-left: 1px;

	}

	.navigation-widget .elementor-nav-menu > li.active-hover > .sub-menu > li,
	.navigation-widget .elementor-nav-menu > li.active-hover > .sub-menu > li > .sub-menu > li  {
	  max-height: 94px;
	  display: flex;
	}

	.navigation-widget .elementor-nav-menu li a {
	  color: #fff;
	  font-style: normal;
	  font-weight: 400;
	  font-size: 16px;
	  font-family: "Aeonik-Regular" !important;
	  white-space: pre-wrap;
	}

	.navigation-widget .elementor-nav-menu > li.active-hover > .sub-menu > li > a {
	  padding: 37px 17% 37px 10px;
	}

	.navigation-widget .elementor-nav-menu > li.active-hover .sub-menu > li > a:after {
	  content: url(/wp-content/uploads/2023/04/Primary-Bold-Arrow-2.svg);
	  position: absolute;
	  right: 23px;
	}

	.navigation-widget .elementor-nav-menu > li.active-hover .sub-menu > li > a:hover:after {
	  transition: 500ms cubic-bezier(.76,0,.24,1);
	  transform: translateX(5px);
	}

	.navigation-widget .elementor-nav-menu > li.active-hover > .sub-menu > li > a:hover {
	  background: #343746;
	}
  
    .navigation-widget .top-level > .sub-menu {
       background: transparent !important;
    }

	/** 
	** Products custom style 
	**/

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level {
	  flex: 0 0 49.7%;
	  padding: 0 10px;
	  height: 40px;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > a {
	  padding: 10px 0;
	  font-style: normal;
	  font-weight: 700;
	  font-size: 12px;
	  letter-spacing: 0.01em;
	  text-transform: uppercase;
	  font-family: "Aeonik-Regular" !important;
	  color: #8B6EFF;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > a:hover {
	  background: unset !important;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > a:after {
	  content: "" !important;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > a .sub-arrow {
	  display: none;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > .sub-menu {
	  display: flex !important;
	  flex-wrap: wrap;
	  width: 100%;
	  right: -1px;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > .sub-menu > li {
	  flex: 0 0 50%;
	  background: #21242E;
	  outline: 1px solid #4B4E5A;
	  margin-top: 1px;
	  left: -1px;
	  max-width: 50%;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > .sub-menu > li > a {
	  padding: 37px 17% 37px 10px;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level > .sub-menu > li > a:hover {
	  background: #343746;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level:nth-child(2),
	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level:nth-child(2) a {
	  background: #343746;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level:nth-child(2) a {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  justify-content: center;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level:nth-child(2) a span {
	  margin-top: 5px;
	  line-height: 100%;
	  font-size: 12px;
	}

	.navigation-widget .elementor-nav-menu li > .sub-menu > li.second-level:nth-child(2) > .sub-menu a:hover {
	  background: #4b4e5a !important;
	}

}


/** Overlay/Mask **/
.overlay-active:before {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #121318;
  opacity: 0.4;
  z-index: 1;
}

/** Media Quiries **/
@media (min-width: 1201px) and (max-width: 1366px) { 
  .header-wrap {
  	padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .navigation-widget .elementor-nav-menu > li > a {
     font-size: 14px;
     padding: 13px 5px;
  }
  
  .navigation-widget .elementor-nav-menu > li > a:hover {
     font-size: 14px !important;
     padding: 13px 5px !important;
  }
  
  .navigation-widget .elementor-nav-menu > li > .sub-menu li a,
  .navigation-widget .elementor-nav-menu li.products > .sub-menu > li .sub-menu li a {
     font-size: 14px !important;
  }
  
  .navigation-widget .elementor-nav-menu li.products > .sub-menu > li:nth-child(2) a span {
    font-size: 11px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
	.elementor-29337 .nav-wrap {
		position: absolute !important;
		display: block;
	}
	
	.elementor-29337 .nav-wrap .elementor-menu-toggle {
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
	}
	
	.top-level a .sub-arrow {
	    font-size: 14px !important;
		fill: #fff !important;
		position: absolute;
		right: 30px;
	}
	
	.top-level .visibility-hidden {
		height: 0;
	}
}



/** Please check this css code demo for menu **/

@media (min-width: 768px) and (max-width: 1200px) {
	#request-demo .elementor-button-link .elementor-button-text {
      font-size: 0.7rem !important;
  	}
  
  	#menu-header .sub-menu li a span {
  		font-size: .85rem !important;
  	}
    
    /** reset margins **/
    body #menu-header .sub-menu li {
        margin-left: unset !important;
        left: unset !important;
        top: unset !important;
    }
  
    body #menu-header > li {
  		position: unset;
    }  
  
    .elementor-location-header .e-con-inner { position: relative; }
  	.elementor-location-header .e-con-inner .e-con-full,
    .elementor-location-header .e-con-inner .e-con-full .ha-navigation-menu { position: unset; }
  	/** end reset **/
  
  
    #menu-header .sub-menu li a span.description {
  		font-size: .65rem !important;
  	}
  
    #menu-header > li > .sub-menu {
      	left: 0px;
      	position: absolute;
      	width: 1024px !important;
        top: 62px;
        padding-top: 20px;
    }
  
    #menu-header > li > .sub-menu > li .sub-menu {
		width: unset !important;
    }
   
    /** industries fifth level**/
    #menu-header #menu-item-26384 > .sub-menu #menu-item-26887 {
      margin-left: 44.8rem !important;
      margin-top: -11.25rem !important;
    }
  
  	/** product second level**/
    #menu-header #menu-item-26392 > .sub-menu > li {
       width: 30rem !important;
    }
    
    /** product 2nd level 1st row **/
    #menu-header #menu-item-26392 > .sub-menu > li:nth-child(1) {
		margin-top: 0 !important;
    }
    
    /** product 2nd level 2nd row **/
    #menu-header #menu-item-26392 > .sub-menu > li:nth-child(2) {
       left: 29.9rem !important;
    }
  
    li#menu-item-26400 > ul > li {
       left: -15.3px;
 	}
  
    /** product 3rd **/
    #menu-header #menu-item-26392 > .sub-menu > li > .sub-menu {
       left: -0.05rem !important;
       top: 16px;
    }
  
    /** company **/
  
    #menu-header #menu-item-26409 .eight-level,
    #menu-header #menu-item-26409 .nine-level{
		margin-left: 44.85rem !important;
    	top: -16.9rem !important;
        margin-top: 0 !important;
    }
      
    /** width of all menu item **/
    #menu-header > li > .sub-menu > li,
    #menu-header > li > .sub-menu > li > .sub-menu > li,
    #menu-header > li > .sub-menu > li > .sub-menu > li > .sub-menu li{
      width: 15rem !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
  
  #menu-header .sub-menu li a span.description {
  		font-size: .65rem !important;
  	}
  
    #menu-header > li > .sub-menu {
      	left: 0px;
      	position: absolute;
      	width: 1024px !important;
        top: 62px;
        padding-top: 20px;
    }
  
    #menu-header > li > .sub-menu > li .sub-menu {
		width: unset !important;
    }
  
  
  @media only screen and (min-width: 922px) {
	.main-header-menu > .menu-item > a {
		height: auto;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		line-height: 1.5;
	}

	.menu-item-description {
		color: #BFCCE5;
		clear: both;
		font-size: 12px;
		flex: 0 0 100%;
	}
}

@media only screen and (max-width: 921px) {
	.menu-item-description {
		display: none;
	}
}