.elementor-kit-2{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1130px;}.e-con{--container-max-width:1130px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* icon mini cart */
span.elementor-button-icon {
    display: flex;
}

.elementor-menu-cart__toggle.elementor-button-wrapper {
    display: flex;
}

.elementor-menu-cart__wrapper {
    display: flex;
}
/*-------------------------------*/



/*empty mini cart*/
.woocommerce-mini-cart__empty-message {
    font-size: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://mehrazsho.com/wp-content/uploads/2024/07/7794555.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/*-------------------------------*/


/*menu on hover*/
.elementor-nav-menu--main .elementor-item:before{
	content:"";
	width:0!important;
	height:0!important;
	background-color:#0069c4!important;
	position:absolute!important;
	bottom:-4px;
	left:48%!important;
    transform: translate(-50%,-50%);
	margin:auto;
	

	border-radius:50%!important;

}
.elementor-nav-menu--main .elementor-item:hover:before{
		width:10px!important;
	height:10px!important;
		opacity:1!important;
		animation: niaswavepuls 0.7s  infinite;
}
.elementor-nav-menu--main .elementor-item:hover{
background: linear-gradient(0deg, rgba(0,105,196,0.16850490196078427) 0%, rgba(185,30,30,0) 100%);
	border-bottom:1px solid #0069c496;
}
@keyframes niaswavepuls{
	from{
		box-shadow: 0 0 0 0 #0069c4 ;
	}
	to{
		box-shadow: 0 0 0 10px transparent ;
	
	}
}

/*-------------------------------*/


/*responsive user icon header*/
.nias-user-button .elementor-button .elementor-button-icon{
	display:none;
}
@media only screen and (max-width:1024px){
.nias-user-button .elementor-button{
padding: 10px 0;
        background-color: transparent !important;
        font-size: 23px;
	
	.elementor-button-icon{
		display:flex;
	}
span.elementor-button-text {
display:none;
    
}
	}}
/*-------------------------------*/


/*mobile menu*/
/*fix back color*/
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
    background-color: transparent!important;
}

.niasnavwpmenu{
    transform: translatex(100%);
    transition: 0.5s;
}
.active .niasnavwpmenu{
transform: translatex(0);
}

.niasmenubox:before{
    content: "";
    background-color: white;
    height: 100vh;
    width: 100%;
    transform: rotate(0deg);
    right: -100%;
    top: 0;
    position: fixed;
    z-index: 99;
    transition:1s;
    
}
.niasmenubox:after{
    content: "";
    background-color: #ffffff6e;
    height: 100vh;
    transform: rotate(0deg);
right: -100%;
top: 0;
 width: 100%;
    position: fixed;
    z-index: 9;
        transition:0.8s;


}

   .niasmenubox{
       height: 100vh;
       position: fixed;
       top:0;
     right: -100%;
       z-index: 99999;
       overflow-y: scroll;
transition: 1s;

   } 
    .niasmenubox.active{
        right: 0;
        transition: 0s;
    }

.niasclosemenu {
    position: fixed;
    z-index: 9;
    height: 100vh;
}    
.niasmenubox.active{
&:after{
        transform: rotate(-20deg);
right: -30%;
top: -10px;
transition: 0.5s;

}
&:before{
        transform: rotate(-20deg);
    right: -35%;
    top: 0;
            transition: 0.7s;

}
    
}/* End custom CSS */