.vb-element-nav_logo:has(img),
.vb-element-nav_menu:has(.vb-nav-menu),
 .vb-nav-list > li > *:is(a,span):has(*),
.vb-nav-social .vb-social:has(li),
 .vb-element-nav_sidebar:has(.vb-custom-widget) {
    min-width: auto;
    min-height: auto;
}

body aside[class*='vb-element-nav_'] {
    --vb-el-wt: auto;
    --vb-el-mg-bl-st: 0px  !important;
    --vb-el-mg-bl-en: 0px !important;
    --vb-el-mg-in-st: 0px !important;
    --vb-el-mg-in-en: 0px !important;
    --vb-el-pd-bl-st: 0px !important;
    --vb-el-pd-bl-en: 0px !important;
    --vb-el-pd-in-st: 0px !important;
    --vb-el-pd-in-en: 0px !important;
}

.vb-nav-list {
	--nav-ht:var(--vb-nav-ht,60px);
	--nav-sticky-ht:var(--vb-nav-sticky-ht,50px);
	
    --menu-mg-bl-st: var(--vb-nav-mg-bl-st,0px);
    --menu-mg-bl-en: var(--vb-nav-mg-bl-en,0px));
    --menu-mg-in-st: max(calc(var(--vb-nav-mg-in-st,20px) - var(--vb-dv-pd,0px)),0px);
    --menu-mg-in-en: max(calc(var(--vb-nav-mg-in-en,20px) - var(--vb-dv-pd,0px)),0px);
    margin-block-start: var(--menu-mg-bl-st) !important;
    margin-block-end: var(--menu-mg-bl-en) !important;
    margin-inline-start: var(--menu-mg-in-st) !important;
    margin-inline-end: var(--menu-mg-in-en)  !important;
}

.vb-nav-list.vb-menu {
    --menu-display: flex;
    --menu-ht: min(var(--nav-ht),80px);
    --menu-gap: max(calc(var(--vb-nav-gap,30px) - var(--vb-dv-pd,0px)),0px);
    --menu-bw-br-cr: var(--vb-nav-bw-br-cr,var(--vb-global-br-cr));
    --menu-bw-br-st: var(--vb-nav-bw-br-st,solid);
    --menu-bw-br-wt: var(--vb-nav-bw-br-wt,0px);
    --menu-bw-gap: 1;
    --menu-item-pd-bl-st: 0px;
    --menu-item-pd-bl-en: 0px;
    --menu-item-pd-in-st: 0px;
    --menu-item-pd-in-en: 0px;
    --menu-lab-cr: var(--vb-nav-lab-cr,var(--vb-menu-lab-cr,var(--vb-global-lk-cr)));
    --menu-lab-hv-cr: var(--vb-nav-lab-hv-cr, var(--vb-global-lk-hv-cr));
    --menu-lab-fn-sz: calc(var(--vb-nav-lab-fn-sz,var(--vb-menu-lab-fn-sz,16px)) - var(--vb-dv-sz,0px));
    --menu-lab-fn-wt: var(--vb-nav-lab-fn-wt,var(--vb-menu-lab-fn-wt,700));
    --menu-lab-li-ht: var(--vb-nav-lab-li-ht,1.1em);
    --menu-lab-fn-fm: var(--vb-nav-lab-fn-fm,inherit);
    --menu-lab-txt-dec: var(--vb-nav-lab-txt-dec,none);
    --menu-lab-txt-tf: var(--vb-nav-lab-txt-ft,none);
    --menu-lab-lt-sp: var(--vb-nav-lab-lt-sp,none);
    --menu-lab-wd-sp: var(--vb-nav-lab-wd-sp,none);
    --menu-lab-fn-st: var(--vb-nav-lab-fn-st,none);
    --menu-des-sp: var(--vb-nav-des-sp,7px);
    --menu-des-cr: var(--vb-nav-des-cr,var(--vb-menu-des-cr,var(--vb-global-gry-cr)));
    --menu-des-hv-cr: var(--vb-nav-des-hv-cr,var(--menu-lab-hv-cr));
    --menu-des-fn-sz: calc(var(--vb-nav-des-fn-sz,var(--vb-menu-des-fn-sz,13px)) - var(--vb-dv-sz,0px));
    --menu-des-fn-wt: var(--vb-nav-des-fn-wt,var(--vb-menu-des-fn-wt,400));
    --menu-des-li-ht: var(--vb-nav-des-li-ht,1.1em);
    --menu-des-fn-fm: var(--vb-nav-des-fn-fm,inherit);
    --menu-des-txt-dec: var(--vb-nav-des-txt-dec,none);
    --menu-des-txt-tf: var(--vb-nav-des-txt-tf,none);
    --menu-des-lt-sp: var(--vb-nav-des-lt-sp,none);
    --menu-des-wd-sp: var(--vb-nav-des-wd-sp,none);
    --menu-des-fn-st: var(--vb-nav-des-fn-st,none);
    --menu-pot-cr: var(--vb-nav-pot-cr,var(--menu-lab-cr));
    --menu-pot-hv-cr: var(--vb-nav-pot-hv-cr, var(--menu-lab-hv-cr));
    --menu-pot-sz: calc(var(--vb-nav-pot-sz, 1em) - var(--vb-dv-sz,0px));
    --menu-icn-sz: calc(var(--vb-nav-icn-sz,var(--vb-menu-icn-sz,1.5em)) - var(--vb-dv-sz,0px));
    --menu-icn-sp: var(--vb-nav-icn-sp,7px);
    --menu-icn-pd: 0px;
    --menu-icn-cr: var(--vb-nav-icn-cr,var(--vb-menu-icn-cr,var(--menu-lab-cr)));
    --menu-icn-hv-cr: var(--vb-nav-icn-hv-cr,var(--menu-lab-hv-cr));
    --menu-primary-bg: var(--vb-nav-primary-bg,var(--vb-global-primary-bg));
    --menu-primary-cr: var(--vb-nav-primary-cr,var(--vb-global-primary-cr));
    --menu-primary-hv-bg: var(--vb-nav-primary-hv-bg,var(--vb-global-primary-hv-bg));
    --menu-primary-hv-cr: var(--vb-nav-primary-hv-cr,var(--vb-global-primary-hv-cr));
}

body .vb-sticky-enable .vb-nav-list.vb-menu {
 	--menu-ht: min(var(--vb-nav-sticky-ht),80px);

}

.vb-nav-list.vb-menu.vb-nav-boxed {
    --menu-item-pd-in-st: max(calc(var(--vb-nav-item-pd-in-st,20px) - var(--vb-dv-pd,0px)),5px);
    --menu-item-pd-in-en: max(calc(var(--vb-nav-item-pd-in-st,20px) - var(--vb-dv-pd,0px)),5px);
    --menu-item-bg: var(--vb-nav-item-bg,rgba(138,148,158,0.15));
    --menu-item-hv-bg: var(--vb-nav-item-hv-bg,var(--vb-global-primary-bg));
    --menu-item-bg: var(--vb-nav-item-bg,rgba(138,148,158,0.15));
    --menu-item-br-wt: 0px;
    --menu-item-br-st:solid;
    --menu-item-br-cr:transparent;
    --menu-item-sd: var(--vb-nav-item-sd,initial);
    --menu-item-rd: var(--vb-nav-item-rd,var(--vb-global-rd));
    --menu-item-hv-bg: var(--vb-nav-item-hv-bg,var(--vb-global-primary-hv-bg));
    --menu-item-hv-br-wt: var(--vb-nav-item-hv-br-wt,var(--menu-item-br-wt));
    --menu-item-hv-br-cr: var(--vb-nav-item-hv-br-cr,var(--menu-item-br-cr));
    --menu-item-hv-br-st: var(--vb-nav-item-hv-br-st,var(--menu-item-br-st));
    --menu-item-hv-sd: var(--vb-nav-item-hv-sd,var(--menu-item-sd));
    --menu-lab-hv-cr: var(--vb-nav-lab-hv-cr,var(--vb-global-primary-hv-cr));
}

.vb-nav-list.vb-menu.vb-nav-icon-boxed > li:has(> *:is(a,span) > i) {
    --menu-icn-wt: var(--menu-ht)!important;
    --menu-icn-ht: var(--menu-wt)!important;
    --menu-icn-pd: 0px!important;
    --menu-icn-sp: var(--vb-nav-icn-sp,10px)!important;
    --menu-icn-bg: var(--vb-nav-icn-bg,rgba(138,148,158,0.15))!important;
    --menu-icn-br-wt: 0px;
    --menu-icn-br-cr: transparent!important;
    --menu-icn-br-st: solid!important;
    --menu-icn-sd: var(--vb-nav-item-sd,initial)!important;
    --menu-icn-rd: var(--vb-nav-item-rd,var(--vb-global-rd))!important;
    --menu-icn-hv-bg: var(--vb-nav-icn-hv-bg,var(--menu-icn-bg));
    --menu-icn-hv-br-wt: var(--vb-nav-icn-hv-br-wt,var(--menu-icn-br-wt))!important;
    --menu-icn-hv-br-cr: var(--vb-nav-icn-hv-br-cr,var(--menu-icn-br-cr))!important;
    --menu-icn-hv-br-st: var(--vb-nav-icn-hv-br-st,var(--menu-icn-br-st))!important;
    --menu-icn-hv-sd: var(--vb-nav-icn-hv-sd,var(--menu-icn-sd))!important;
}
.vb-nav-list.vb-menu.vb-nav-icon-boxed.vb-nav-boxed > li:has(> *:is(a,span) > i){
    --menu-icn-sd: 0px !important;
	
}
.vb-nav-list.vb-menu.vb-nav-boxed.vb-nav-icon-boxed:not(.vb-menu-layout-top) > li:has(> *:is(a,span) > i) {
    --menu-item-pd-in-st: 0px!important;
}

.vb-nav-list.vb-menu.vb-nav-boxed.vb-menu-layout-top > li:has(> *:is(a,span) > i) {
    --menu-ht: auto!important;
    --menu-wt: auto!important;
    --menu-item-pd-bl-st: var(--vb-nav-item-pd-bl-st,10px)!important;
    --menu-item-pd-bl-en: var(--vb-nav-item-pd-bl-en,10px)!important;
    --menu-item-pd-in-st: max(calc(var(--vb-nav-item-pd-in-st,20px) - var(--vb-dv-pd,0px)),5px)!important;
    --menu-item-pd-in-en: max(calc(var(--vb-nav-item-pd-in-en,20px) - var(--vb-dv-pd,0px)),5px)!important;
}

.vb-nav-list.vb-menu.vb-menu-layout-top.vb-nav-icon-boxed > li:has(> *:is(a,span) > i) {
    --menu-icn-pd: var(--vb-nav-icn-pd,0.5em)!important;
}

.vb-nav-list.vb-menu.vb-menu-layout-end.vb-nav-boxed.vb-nav-icon-boxed > li:has(> *:is(a,span) > i) {
    --menu-item-pd-in-en: 0px!important;
    --menu-item-pd-in-st: max(calc(var(--vb-nav-item-pd-in-st,20px) - var(--vb-dv-pd,0px)),5px) !important;
}

.vb-nav-list.vb-menu > li > a {
    --menu-tag-top: calc(50% - (var(--menu-lab-fn-sz) * 2));
}

.vb-nav-list.vb-menu:is(.vb-nav-boxed)  > li > a {
    --menu-tag-top: calc(50% - (var(--menu-lab-fn-sz) * 1.5));
}

.vb-nav-list.vb-menu > li > a:has(.vb-twoline),
.vb-nav-list.vb-menu:is(.vb-menu-layout-top)  > li > a:has(.vb-twoline) {
    --menu-tag-top: calc(50% - (var(--menu-lab-fn-sz) * 2));
}

.vb-nav-list.vb-menu:is(.vb-menu-layout-top)  > li > a:has(i) {
    --menu-tag-top: -5px;
}

.vb-nav-list > li::after {
    height: calc(100% - 20px);
    top: 10px;
    margin: 0px;
    width: 1px;
    inset-inline-start: calc((var(--menu-main-gap,0px) / -2) - (var(--menu-bw-br-wt,0px) / 2 ));
    border-width: 0px var(--menu-bw-br-wt,0px) 0 0;
}


.vb-sub-side > li > .vb-drop {
    display: none !important;
}

.vb-sub-heading {
    display: none !important;
}

.vb-nav-list > li > *:is(a,span) .vb-pointer {
    pointer-events: none !important;
}
.vb-nav-list > li >  a > .vb-menu-tag-wrap {

 	position: absolute;
	
	margin-top: 0px;
	
	inset-inline-end: 0px;
	inset-inline-start: auto;

	transform: translate(50%, 0px );
	width: auto ;
	top: var(--menu-tag-top,0px);
}
body.rtl .vb-nav-list > li >  a > .vb-menu-tag-wrap{
	 transform: translate(-50%,00%)!important;
}

 

 

@media (min-width: 1025px) {
  
	body .vb-nav-list > li > .vb-drop-box {
		--drop-box-tp: min(var(--vb-drop-box-tp,var(--nav-ht)),80px)!important;
	
	}
	body .vb-sticky-enable .vb-nav-list > li > .vb-drop-box {
		--drop-box-tp: min(var(--vb-drop-box-tp,var(--nav-sticky-ht)),80px)!important;
	
	}
	 
	
	.vb-nav-list:not(.vb-nav-clicked) > li:hover > .vb-drop-box,
 	.vb-nav-list.vb-nav-clicked >  li.vb-menu-active > .vb-drop-box {
		transition: margin 300ms,opacity 300ms,transform 0ms!important;
		transform: rotateX(0deg)!important;
		--drop-box-op: 1!important;
	}


    .vb-nav-list > li > .vb-drop-box.vb-drop-box-inverse {
        --drop-box-in-en: 100% !important;
        --drop-box-in-st: var(--vb-drop-box-inverse-st,auto) !important;
    }

}

.vb-nav-list.vb-menu > li.vb-nav-content-width > .vb-drop-box {
	--vb-drop-box-wt:min(var(--navbar-wt),calc(100vw - var(--vb-scrollbar-width,0px))) !important;	
}

.vb-nav-list.vb-menu > li.vb-nav-full-width > .vb-drop-box {
	--vb-drop-box-wt: calc(100vw - var(--vb-scrollbar-width,0px))  !important;	
} 