 .disable-scroll{
    overflow: hidden;
    height: 100vh;
 }
 .main-header-inner{
 	position: relative;
    padding-top:0px;
    /*margin-top:12px;*/
    z-index:999;
 }
 .pxlions ul{
     list-style: none;
     margin:0;
     padding:0;
}
 .pxlions a{
     text-decoration: none;
}
/* header */
 .pxlions-header-menu{
     display: block;
     width: 100%;
     position: relative;
     z-index: 99;
}
 .pxlions-header-menu .item-left{
     flex:0 0 17%;
}
 .pxlions-header-menu .logo a{
     font-size: 30px;
     color: var(--e-global-color-text);
     font-weight: 700;
     text-decoration: none;
}
 .pxlions-header-menu .item-center{
     flex:0 0 66%;
}
 .pxlions-header-menu .item-right{
     flex:0 0 17%;
     display: flex;
     justify-content: flex-end;
}
 .pxlions-header-menu .item-right a{
     text-decoration: none;
     font-size: 16px;
     color: var(--e-global-color-text);
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
 .pxlions-header-menu .menu > ul.menu-main{
    padding: 0;
 }
 .pxlions-header-menu .menu > ul > li{
     display: inline-block;
     line-height: 50px;
     margin-left: 25px;
}
 .pxlions-header-menu .menu > ul > li > a{
     font-size: 14px;
     font-weight: 600;
     line-height: 17px;
     color: var(--e-global-color-text);
     position: relative;
     transition: color 0.3s ease;
     padding: 17px 0 16px 0;
}

 .pxlions-header-menu .menu > ul > li .sub-menu{
     position: absolute;
     z-index: 500;
     background-color:var(--e-global-color-primary);
     padding: 20px 30px;
     /*transition: all 0.5s ease;*/
     transition: all 0.2s ease;
     margin-top:25px;
     opacity:0;
     visibility: hidden;
     /*transition: visibility 0.3s, opacity 0.3s linear;*/
     background-image: url(../img/megamenu-bg.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: bottom;
}
#top-menu{
    display: block;
    margin-bottom: 10px;
}
 @media(min-width: 992px){
     .pxlions-header-menu .menu > ul > li .sub-menu > ul > li > a:hover, .pxlions-header-menu .item-right a:hover, .pxlions-header-menu .menu > ul > li:hover > a{
             color:var(--e-global-color-text);
              border-top:3px solid var(--e-global-color-accent);
        }
     .pxlions-header-menu .menu > ul > li.menu-item-has-children:hover .sub-menu{
         margin-top: 0;
         visibility: visible;
         opacity: 1;
        /* overflow: overlay;*/
    }
     .pxlions-header-menu .menu > ul > li.menu-item-has-children .main-menu-item:after{
          border-style: solid;
         border-width: 0.15em 0.15em 0 0;
         content: '';
         display: inline-block;
         height: 0.45em;
         left: 0.45em;
         position: relative;
         top: 22px;
         transform: rotate(-45deg);
         vertical-align: top;
         width: 0.45em;
         float: right;
        /*down*/
         transform: rotate(135deg);
    }
     .pxlions-header-menu .menu > ul > li.menu-item-has-children:hover .main-menu-item:after{
          border-style: solid;
         border-width: 0.15em 0.15em 0 0;
         content: '';
         display: inline-block;
         height: 0.45em;
         left: 0.45em;
         position: relative;
         top: 22px;
         transform: rotate(-45deg);
         vertical-align: top;
         width: 0.45em;
         float: right;
        /*up*/
    }

    body:has(.pxlions-header-menu .menu > ul > li.menu-item-has-children:hover)  .main-header-inner{
  		 border-right:1px solid var(--e-global-color-5f51eb9);
	     border-bottom:none;
	     border-left:1px solid var(--e-global-color-5f51eb9);
	     border-top:1px solid var(--e-global-color-5f51eb9);
	     border-top-left-radius:16px ;
	     border-top-right-radius:16px ;
    }
    .pxlions-header-menu .menu .mobile-boxes, .mobile-header-search-form {
        display:none;
    }

}
 .pxlions-header-menu .menu > ul > li .sub-menu > ul > li{
     line-height: 1;
}
 .pxlions-header-menu .menu > ul > li .sub-menu > ul > li > a{
     display: inline-block;
     padding: 10px 0;
     font-size: 15px;
     color: #555555;
     transition: color 0.3s ease;
     text-decoration: none;
     text-transform: capitalize;
}
 .pxlions-header-menu .menu > ul > li .single-column-menu{
     min-width: 280px;
     max-width: 350px;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item .icon-title{
     display:flex;
     justify-content: flex-start;
     align-items: center;
     gap:12px;
     padding-bottom: 20px;
}

 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
     line-height: 1;
     display: block;
     padding:5px 0;
} 
.pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li:hover a{
     opacity: 1;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
     padding:10px 0;
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     line-height: 15px;
     color:var(--e-global-color-text);
     transition: color 0.3s ease;
     opacity: 0.8;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu{
     left: 50%;
     transform: translateX(-50%);
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column{
     width: calc(100vw - 19px);
     /*width: calc(100vw - 160px);*/
      /*max-width: 1440px;*/
     height: calc(100vh - 200px);
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     padding:20px 15px;
     border-top:none;
     border-right:1px solid var(--e-global-color-5f51eb9);
     border-bottom:1px solid var(--e-global-color-5f51eb9);
     border-left:1px solid var(--e-global-color-5f51eb9);
     border-bottom-left-radius:16px ;
     border-bottom-right-radius:16px ;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item{
     flex:0 0 25%;
     padding:0 15px;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item:not(:last-child){
     border-right: 1.5px solid var(--e-global-color-6e4481f);
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item{
     /*max-height: 90%;*/
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item ul{
     padding: 0;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item ul.second{
     display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    margin: 0;
   /* min-width: 420px;*/
}

 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item .title{
     color:var(--e-global-color-text);
     padding:10px 0;
     font-size: 18px;
     font-weight: 600;
     line-height: 24px;
     margin: 0;
}
 .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item.text-center .title{
     text-align: center;
}

/* banner section */
 .mobile-menu-head, .mobile-menu-trigger{
     display: none;
}
/*responsive*/
@media (max-height: 820px) {
    .menu-product-card{
        height: 130px;   
    }
    .menu-product-card .product-image{
        height: 120px !important;
    }
     .menu-product-card .product-image img{
        width: 120px !important;
     }
     .menu-product-card .product-summary{
        gap: 25px !important;
     }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
        padding: 0 !important;
     }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item .icon-title{
        padding: 0 !important;
     }
}
 @media(max-width: 1250px){
    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item{
        flex: 0 0 22%;
    }
 }
  @media(max-width: 1060px){
    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item:last-child{
       display: none;
    }
    .pxlions-header-menu .menu > ul > li{
        margin-left: 15px;
    }
  }
 @media(max-width: 991px){
        #top-menu{
        display: none !important;
    }
    .pxlions-header-menu .menu > ul > li > a.main-menu-item i:after{
         border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        content: '';
        display: inline-block;
        height: 0.45em;
        left: -22px;
        position: relative;
        top: 14px;
        vertical-align: top;
        width: 0.45em;
        float: right;
        transform: rotate(134deg);
        /*right*/
    }

 	.pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item{
 		/*background: greenyellow !important;*/
    }
 	
    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item:last-child{
        display:none !important;
    }
 	.pxlions-header-menu .menu > ul > li .sub-menu{
      	background-image: none !important;
    }
     .pxlions-header-menu .item-center{
         order:3;
         flex:0 0 100%;
    }
     .pxlions-header-menu .item-left, .pxlions-header-menu .item-right{
         flex:0 0 auto;
    }
     .v-center{
         justify-content: space-between;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item:not(:last-child){
         border-right: none;
    }
      .mobile-menu-trigger{
         display: flex;
         height: 40px;
         width: 40px;
         /*margin-left: 15px;*/
         cursor: pointer;
         align-items: center;
         justify-content: center;
         background: var(--e-global-color-secondary);
         border-radius: 6px;
    }
      .mobile-menu-trigger span{
         display: block;
         height: 2px;
         background-color: #333333;
         width: 24px;
         position: relative;
    }
      .mobile-menu-trigger span:before, .pxlions-header-menu .mobile-menu-trigger span:after{
         content: '';
         position: absolute;
         left:0;
         width: 100%;
         height: 100%;
         background-color: #333333;
    }
      .mobile-menu-trigger span:before{
         top:-6px;
    }
      .mobile-menu-trigger span:after{
         top:6px;
    }
    .pxlions-header-menu .item-right{
         align-items: center;
    }
     .pxlions-header-menu .menu{
         position: fixed;
         width: 100%;
         background-color:var(--e-global-color-primary);
         left:0;
         top:60px;
         height: 100%;
         overflow: hidden;
         transform: translate(-100%);
         transition: all 0.5s ease;
         z-index: 1099;
    }
     .pxlions-header-menu .menu.active{
         transform: translate(0%);
    }
     .pxlions-header-menu .menu > ul > li{
         line-height: 1;
         margin:0;
         display: block;
         padding:0 5%;
         margin-bottom:3px;
    }
     .pxlions-header-menu .menu > ul > li > a{
         line-height: 50px;
         height: 50px;
         padding:0 50px 0 15px;
         display: block;
         background: var(--e-global-color-secondary);
    }
     .pxlions-header-menu .menu > ul > li > a i{
         position: absolute;
         height: 50px;
         width: 50px;
         top:0;
         right: 0;
         text-align: center;
         line-height: 50px;
         transform: rotate(-90deg);
    }
     .pxlions-header-menu .menu > ul.menu-main > li:first-child a.main-menu-item{
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
    }
     .pxlions-header-menu .menu > ul.menu-main > li:last-child a.main-menu-item{
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
    }
     .pxlions-header-menu .menu .mobile-menu-head{
         display: flex;
         /*height: 50px;*/
         height: 15px;
         border-bottom: 1px solid rgba(0,0,0,0.1);
         align-items: center;
         position: relative;
         z-index: 501;
         position: sticky;
         background-color: var(--e-global-color-primary);
         top:0;
    }
     .pxlions-header-menu .menu .mobile-menu-head .go-back{
         height: 50px;
         width: 50px;
         border-right: 1px solid rgba(0,0,0,0.1);
         cursor: pointer;
         line-height: 50px;
         text-align: center;
         color: var(--e-global-color-text);
         font-size: 16px;
         display: none;
    }
    /* .pxlions-header-menu .menu .mobile-menu-head .go-back i:after{
            border-style: solid;
            border-width: 0.2em 0.2em 0 0;
            content: '';
            display: inline-block;
            height: 0.55em;
            left: -20px;
            position: relative;
            top: 20px;
            transform: rotate(225deg);
            width: 0.55em;
            float: right;
    }*/
     .pxlions-header-menu .menu .mobile-menu-head.active .go-back{
         display: flex;
        justify-content: center;
        align-items: center;
    }
     .pxlions-header-menu .menu .mobile-menu-head.active .go-back i{
         display: flex;
        justify-content: center;
        align-items: center;
    }
     .pxlions-header-menu .menu .mobile-menu-head .current-menu-title{
         color: var(--e-global-color-text);
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
    }
     .pxlions-header-menu .menu .mobile-menu-head .mobile-menu-close{
         height: 50px;
         width: 50px;
         border-left: 1px solid rgba(0,0,0,0.1);
         cursor: pointer;
         line-height: 50px;
         text-align: center;
         color: var(--e-global-color-text);
         font-size: 25px;
    }
     .pxlions-header-menu .menu .menu-main{
         height: auto;
        /* overflow-x: hidden;
         overflow-y: auto;*/
        padding: 10px 0 0 0 !important;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu, .pxlions-header-menu .menu > ul > li .sub-menu{
         visibility: visible;
         opacity: 1;
         position: absolute;
         box-shadow: none;
         margin:0;
         padding:65px 15px 85px 15px;
         top:0;
         left:0;
         width: 100%;
         height: 100%;
         max-width: none;
         min-width: auto;
         display: none;
         transform: translateX(0%);
         overflow: scroll;
         border:none;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.active{
         display: block;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu{
        /* overflow: overlay;*/
    }
    .mobile-header-search-form{
        padding: 0 5%;
    }
    .mobile-header-search-form .search-field{
        width: 100%;
    }

    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
         padding:2px 0;
    } 

    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
         padding:16px;
         opacity: 1;
         background-color: var(--e-global-color-secondary);
    }
    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li:first-child a {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
    }
    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li:last-child a {
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
    }
    .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item .icon-title{
        padding-bottom: 5px;
    }

     @keyframes slideLeft{
         0%{
             opacity:0;
             transform: translateX(100%);
        }
         100%{
             opacity:1;
             transform: translateX(0%);
        }
    }
     @keyframes slideRight{
         0%{
             opacity:1;
             transform: translateX(0%);
        }
         100%{
             opacity:0;
             transform: translateX(100%);
        }
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item.text-center .title{
         margin-bottom: 20px;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item.text-center:last-child .title{
         margin-bottom:0px;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item{
         flex: 0 0 100%;
         padding: 0px;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu > ul > li > a, .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
         display: block;
    }
     .pxlions-header-menu .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
         margin-bottom: 15px;
         padding: 0 ;
    }

     .pxlions-header-menu .menu .mobile-boxes {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding:10px 5% 0 5%;
        gap:8px;
    }
     .pxlions-header-menu .menu .mobile-boxes a {
        width: 32%;
        height: 100px;
        background:var(--e-global-color-secondary);
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        text-align: center !important;
    }
     .pxlions-header-menu .menu .mobile-boxes a:nth-child(1),  .pxlions-header-menu .menu .mobile-boxes a:nth-child(2) {
        width: 49%;
    }

    
     /*.menu-overlay{
         position: fixed;
         background-color: rgba(0,0,0,0.5);
         left:0;
         top:0;
         width: 100%;
         height: 100%;
         z-index: 1098;
         visibility: hidden;
         opacity:0;
         transition: all 0.5s ease;
    }
     .menu-overlay.active{
         visibility: visible;
         opacity:1;
    }*/
}
 @media(max-width:500px){
    .pxlions-header-menu .menu{
         top:75px;
    }
    .pxlions-header-menu .menu .mobile-boxes a {
        width: 31%;
    }
     .pxlions-header-menu .menu .mobile-boxes a:nth-child(1),  .pxlions-header-menu .menu .mobile-boxes a:nth-child(2) {
        width: 48%;
    }
}
/* Nav menu product card*/
 .menu-product-card{
     display:flex;
     justify-content: space-between;
     width: 560px;
     background:var(--e-global-color-secondary);
     border-radius: 10px;
     padding: 4px;
     margin: 7px 0;
}
 .menu-product-card .product-image{
     background:var(--e-global-color-primary);
     border-radius: 10px;
     width: 180px;
     height: 160px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .menu-product-card .product-image img{
     width: 160px;
     height: auto;
}
 .menu-product-card .product-image .fav-box{
     position: absolute;
     top: -8px;
     right: 10px;
}
 .menu-product-card .product-image .avg-review-box{
     position: absolute;
     bottom: 6px;
     right: 8px;
     display: flex;
     align-items: center;
     gap: 7px;
     font-size: 14px;
     font-weight: 700;
     line-height: 17px;
}
 .menu-product-card .product-summary{
     width: 380px;
     padding: 12px 15px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 50px;
}
 .menu-product-card .product-summary h2.product-title{
     font-size: 16px;
     font-weight: 600;
     line-height: 19px;
     margin: 5px 0 0 0;
}
 .menu-product-card .product-summary .box{
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 40px;
}
.menu-product-card .product-summary .box .is-sale .product-price{
    color: var(--e-global-color-accent) !important;
}
 .menu-product-card .product-summary .box .product-price{
    /* font-size: 30px;*/
     font-size: 23px;
     font-weight: 600;
     line-height: 36px;
    /* margin-bottom: 5px;*/
}
 .menu-product-card .product-summary .box .product-unit{
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
     color: #D9D9D9 !important;
}
 .menu-product-card .product-summary .box .button-box .pxlions-button-style-style1 .elementor-button{
     max-width: 177px;
     font-size: 18px;
     font-weight: 600;
     line-height: 24px;
}
 

 /* Menu cart try */
 body.elementor-default .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__main{
    display:none;
 }
 .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{
    transform: translate(-91%, 0%) !important;
 }
 .header-cart #elementor-menu-cart__toggle_button{
    height: 50px !important;
 }